.detail-assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin-top:var(--space-4)}.detail-asset-card{background:var(--surface-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);overflow:hidden;transition:all var(--duration-normal) var(--ease-out)}.detail-asset-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--brand-primary)}.detail-asset-preview{position:relative;width:100%;height:150px;background:var(--surface-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:var(--space-3)}.detail-asset-image,.detail-asset-video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.detail-asset-file-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;color:var(--text-tertiary)}.detail-asset-file-icon svg{width:48px;height:48px}.detail-asset-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.detail-asset-spinner{width:32px;height:32px;border:3px solid var(--border-secondary);border-top-color:var(--brand-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.detail-asset-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--space-3);text-align:center;gap:var(--space-2)}.detail-asset-fallback-text{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium);word-break:break-word;max-width:100%;line-height:var(--leading-tight)}.detail-asset-info{padding:var(--space-3)}.detail-asset-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2);word-break:break-word}.detail-asset-description{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-normal);word-break:break-word}