.media-page.svelte-1bkzaj9{padding:32px;max-width:1200px}.toolbar.svelte-1bkzaj9{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}.toolbar-left.svelte-1bkzaj9,.toolbar-right.svelte-1bkzaj9{display:flex;align-items:center;gap:12px}.file-count.svelte-1bkzaj9{font-size:13px;color:var(--color-text-muted)}.view-toggle.svelte-1bkzaj9{display:flex;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:3px;box-shadow:var(--shadow-xs)}.view-btn.svelte-1bkzaj9{width:34px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.view-btn.active.svelte-1bkzaj9{background:var(--color-primary);color:#fff}.search-box.svelte-1bkzaj9{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);min-width:200px;box-shadow:var(--shadow-xs)}.search-box.svelte-1bkzaj9:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.search-input.svelte-1bkzaj9{background:none;border:none;color:var(--color-text-primary);font-size:14px;outline:none;width:100%}.search-input.svelte-1bkzaj9::placeholder{color:var(--color-text-muted)}.drop-zone.svelte-1bkzaj9{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px;border:2px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center;color:var(--color-text-muted);margin-bottom:24px;transition:all var(--transition-fast);cursor:pointer}.drop-zone.svelte-1bkzaj9:hover{border-color:var(--color-primary);background:var(--color-primary-50);color:var(--color-primary)}.drop-zone.svelte-1bkzaj9 p:where(.svelte-1bkzaj9){margin:0;font-size:14px;color:var(--color-text-secondary)}.drop-zone.svelte-1bkzaj9 span:where(.svelte-1bkzaj9){font-size:12px}.media-grid.svelte-1bkzaj9{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.media-card.svelte-1bkzaj9{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.media-card.svelte-1bkzaj9:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}.media-thumb.svelte-1bkzaj9{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--color-bg-tertiary)}.media-thumb.svelte-1bkzaj9 img:where(.svelte-1bkzaj9){width:100%;height:100%;object-fit:cover;transition:transform var(--transition-smooth)}.media-card.svelte-1bkzaj9:hover .media-thumb:where(.svelte-1bkzaj9) img:where(.svelte-1bkzaj9){transform:scale(1.05)}.media-overlay.svelte-1bkzaj9{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity var(--transition-fast)}.media-card.svelte-1bkzaj9:hover .media-overlay:where(.svelte-1bkzaj9){opacity:1}.overlay-btn.svelte-1bkzaj9{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.overlay-btn.svelte-1bkzaj9:hover{background:#fff;transform:scale(1.1)}.overlay-btn.danger.svelte-1bkzaj9:hover{background:var(--color-error);color:#fff}.media-info.svelte-1bkzaj9{padding:12px;display:flex;flex-direction:column;gap:2px}.media-name.svelte-1bkzaj9{font-size:13px;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-meta.svelte-1bkzaj9{font-size:12px;color:var(--color-text-muted)}.media-list.svelte-1bkzaj9{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs)}.media-table.svelte-1bkzaj9{width:100%;border-collapse:collapse}.media-table.svelte-1bkzaj9 thead:where(.svelte-1bkzaj9){background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.media-table.svelte-1bkzaj9 th:where(.svelte-1bkzaj9){text-align:left;padding:10px 16px;font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.media-table.svelte-1bkzaj9 td:where(.svelte-1bkzaj9){padding:12px 16px;border-bottom:1px solid var(--color-border)}.media-table.svelte-1bkzaj9 tr:where(.svelte-1bkzaj9):last-child td:where(.svelte-1bkzaj9){border-bottom:none}.media-table.svelte-1bkzaj9 tr:where(.svelte-1bkzaj9):hover{background:var(--color-bg-secondary)}.file-cell.svelte-1bkzaj9{display:flex;align-items:center;gap:12px}.file-thumb.svelte-1bkzaj9{width:40px;height:40px;object-fit:cover;border-radius:var(--radius-sm)}.file-name.svelte-1bkzaj9{font-size:14px;font-weight:500;color:var(--color-text-primary)}.td-meta.svelte-1bkzaj9{font-size:13px;color:var(--color-text-muted)}.td-actions.svelte-1bkzaj9{display:flex;gap:4px;justify-content:flex-end}.action-btn-sm.svelte-1bkzaj9{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.action-btn-sm.svelte-1bkzaj9:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.empty-state.svelte-1bkzaj9{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 40px;color:var(--color-text-muted)}.empty-state.svelte-1bkzaj9 h3:where(.svelte-1bkzaj9){font-size:16px;font-weight:600;color:var(--color-text-primary);margin:16px 0 8px}.empty-state.svelte-1bkzaj9 p:where(.svelte-1bkzaj9){font-size:14px;margin:0 0 24px}