.albums-page.svelte-1paittf.svelte-1paittf{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.albums-header.svelte-1paittf.svelte-1paittf{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.header-row.svelte-1paittf.svelte-1paittf{display:flex;justify-content:space-between;align-items:center}.page-title.svelte-1paittf.svelte-1paittf{font-family:var(--font-serif);font-size:2.5rem;font-weight:400;color:var(--color-text);margin:0;letter-spacing:.02em}.header-actions.svelte-1paittf.svelte-1paittf{display:flex;gap:var(--spacing-sm);align-items:center}.btn-action.svelte-1paittf.svelte-1paittf{padding:var(--spacing-xs) var(--spacing-md);background:transparent;color:var(--color-text);border:1px solid var(--color-text);font-family:var(--font-sans);font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;font-weight:300;cursor:pointer;transition:all .2s ease;opacity:.7;border-radius:0;-webkit-tap-highlight-color:transparent;white-space:nowrap}.btn-action.svelte-1paittf.svelte-1paittf:hover:not(:disabled){opacity:1;background:var(--color-text);color:var(--color-bg)}.btn-action.svelte-1paittf.svelte-1paittf:disabled{opacity:.4;cursor:not-allowed}.btn-save.svelte-1paittf.svelte-1paittf{background:var(--color-text);color:var(--color-bg);opacity:1}.btn-save.svelte-1paittf.svelte-1paittf:hover:not(:disabled){opacity:.9}.btn-cancel.svelte-1paittf.svelte-1paittf{opacity:.5}.btn-create-first.svelte-1paittf.svelte-1paittf{margin-top:var(--spacing-lg);opacity:1}.reorder-hint.svelte-1paittf.svelte-1paittf{font-family:var(--font-sans);font-size:.85rem;color:var(--color-text-light);margin-top:var(--spacing-sm);letter-spacing:.02em}.hint-mobile.svelte-1paittf.svelte-1paittf{display:none}@media (pointer: coarse){.hint-desktop.svelte-1paittf.svelte-1paittf{display:none}.hint-mobile.svelte-1paittf.svelte-1paittf{display:inline}}.reorder-mode.svelte-1paittf .album-card.svelte-1paittf{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.albums-grid.svelte-1paittf.svelte-1paittf{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-md)}.album-card.svelte-1paittf.svelte-1paittf{background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;overflow:hidden;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;position:relative}.album-card.svelte-1paittf.svelte-1paittf:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--color-text)}.reorder-mode.svelte-1paittf .album-card.svelte-1paittf{cursor:move}.reorder-mode.svelte-1paittf .album-card.svelte-1paittf:hover{transform:none}.album-card.dragging.svelte-1paittf.svelte-1paittf{opacity:.5;cursor:grabbing}.album-card.drag-over.svelte-1paittf.svelte-1paittf{border-color:var(--color-text);box-shadow:0 0 0 2px var(--color-text)}.drag-handle.svelte-1paittf.svelte-1paittf{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:32px;height:32px;border-radius:4px;background:#0009;color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center;z-index:10;cursor:grab;-webkit-user-select:none;user-select:none;letter-spacing:-2px}.album-card.dragging.svelte-1paittf .drag-handle.svelte-1paittf{cursor:grabbing}.album-cover.svelte-1paittf.svelte-1paittf{width:100%;aspect-ratio:4 / 3;overflow:hidden;background:var(--color-bg)}.album-cover.svelte-1paittf img.svelte-1paittf{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.album-card.svelte-1paittf:not(.dragging):hover .album-cover img.svelte-1paittf{transform:scale(1.05)}.reorder-mode.svelte-1paittf .album-card:hover .album-cover img.svelte-1paittf{transform:none}.album-cover-placeholder.svelte-1paittf.svelte-1paittf{width:100%;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.album-info.svelte-1paittf.svelte-1paittf{padding:var(--spacing-md);flex:1;display:flex;flex-direction:column}.album-info.svelte-1paittf .album-title.svelte-1paittf{font-family:var(--font-serif);font-size:1.25rem;font-weight:400;color:var(--color-text);margin:0 0 var(--spacing-xs) 0;letter-spacing:.02em}.album-info.svelte-1paittf .album-description.svelte-1paittf{font-family:var(--font-sans);font-size:.9rem;color:var(--color-text-light);margin-bottom:var(--spacing-xs);line-height:1.5;flex:1;font-weight:300;letter-spacing:.02em}.album-info.svelte-1paittf .album-meta.svelte-1paittf{font-size:.85rem;color:var(--color-text-light);margin-top:auto;font-weight:300;letter-spacing:.02em}.loading.svelte-1paittf.svelte-1paittf{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--spacing-md);color:var(--color-text-light)}.loading-spinner.svelte-1paittf.svelte-1paittf{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-text);border-radius:50%;animation:svelte-1paittf-spin .8s linear infinite}@keyframes svelte-1paittf-spin{to{transform:rotate(360deg)}}.loading.svelte-1paittf p.svelte-1paittf{font-size:.95rem;letter-spacing:.05em}.error.svelte-1paittf.svelte-1paittf{display:flex;align-items:center;justify-content:center;min-height:60vh;text-align:center}.error.svelte-1paittf p.svelte-1paittf{color:#d32f2f;font-size:1rem}.empty-state.svelte-1paittf.svelte-1paittf{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:var(--spacing-xl) var(--spacing-md)}.empty-icon.svelte-1paittf.svelte-1paittf{margin-bottom:var(--spacing-md)}.empty-title.svelte-1paittf.svelte-1paittf{font-family:var(--font-serif);font-size:1.75rem;font-weight:400;color:var(--color-text);margin-bottom:var(--spacing-sm);letter-spacing:.02em}.empty-description.svelte-1paittf.svelte-1paittf{font-size:1rem;color:var(--color-text-light);font-weight:300;letter-spacing:.02em}@media (max-width: 768px){.albums-page.svelte-1paittf.svelte-1paittf{padding:0 var(--spacing-sm)}.header-row.svelte-1paittf.svelte-1paittf{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.page-title.svelte-1paittf.svelte-1paittf{font-size:2rem}.header-actions.svelte-1paittf.svelte-1paittf{align-self:flex-start;flex-wrap:wrap}.albums-grid.svelte-1paittf.svelte-1paittf{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-sm)}.album-info.svelte-1paittf .album-title.svelte-1paittf{font-size:1.1rem}.album-info.svelte-1paittf .album-description.svelte-1paittf{font-size:.85rem}.empty-title.svelte-1paittf.svelte-1paittf{font-size:1.5rem}}