.coverflow-container.svelte-1wfn09w{width:100%;height:100%;position:relative;overflow:hidden}.canvas-container.svelte-1wfn09w{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}.info-panel.svelte-1wfn09w{position:absolute;top:10px;left:50%;transform:translate(-50%);text-align:center;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;border-radius:12px;min-width:400px;max-width:600px;border:1px solid rgba(255,255,255,.15)}.album-title.svelte-1wfn09w{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:#fff;line-height:1.2}.album-artist.svelte-1wfn09w{margin:0 0 .75rem;font-size:1.1rem;color:#ffffffd9;font-weight:500}.album-meta.svelte-1wfn09w{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-bottom:.75rem}.meta-item.svelte-1wfn09w{font-size:.85rem;padding:.25rem .75rem;border-radius:6px;background:#ffffff1a;color:#fffc;font-weight:500}.meta-item.year.svelte-1wfn09w{background:#4ecdc433;color:#4ecdc4}.meta-item.label.svelte-1wfn09w{background:#f9ca2433;color:#f9ca24}.album-genres.svelte-1wfn09w{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.genre-tag.svelte-1wfn09w{font-size:.8rem;padding:.25rem .75rem;border-radius:6px;background:#95e1d340;color:#95e1d3;font-weight:600}.style-tag.svelte-1wfn09w{font-size:.75rem;padding:.25rem .65rem;border-radius:6px;background:#95e1d326;color:#95e1d3e6;font-weight:500}.controls.svelte-1wfn09w{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1.5rem;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.5rem;border-radius:50px;border:1px solid rgba(255,255,255,.1)}.nav-button.svelte-1wfn09w{width:48px;height:48px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.nav-button.svelte-1wfn09w:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.nav-button.svelte-1wfn09w:disabled{opacity:.3;cursor:not-allowed}.position-indicator.svelte-1wfn09w{font-size:.95rem;color:#fffc;font-weight:600;min-width:80px;text-align:center}.auto-rotate-button.svelte-1wfn09w{padding:.75rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:24px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s}.auto-rotate-button.svelte-1wfn09w:hover{background:#fff3}.auto-rotate-button.active.svelte-1wfn09w{background:#1db954;border-color:#1db954}@media (max-width: 768px){.info-panel.svelte-1wfn09w{top:5px;left:5px;right:5px;transform:none;min-width:auto;max-width:none;padding:.75rem 1rem}.album-title.svelte-1wfn09w{font-size:1.1rem}.album-artist.svelte-1wfn09w{font-size:.95rem;margin-bottom:.5rem}.album-meta.svelte-1wfn09w{gap:.5rem}.meta-item.svelte-1wfn09w{font-size:.75rem;padding:.2rem .6rem}.genre-tag.svelte-1wfn09w{font-size:.7rem;padding:.2rem .6rem}.style-tag.svelte-1wfn09w{font-size:.65rem;padding:.2rem .5rem}.controls.svelte-1wfn09w{gap:1rem;padding:.75rem 1rem}.nav-button.svelte-1wfn09w{width:40px;height:40px}.auto-rotate-button.svelte-1wfn09w{font-size:.8rem;padding:.625rem 1.25rem}}.coverflow-page.svelte-1y48prc{width:100%;height:calc(100vh - 70px);background:#0a0a0a;overflow:hidden}.loading.svelte-1y48prc,.error-message.svelte-1y48prc,.empty-state.svelte-1y48prc{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1.5rem;text-align:center;padding:2rem}.spinner.svelte-1y48prc{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:svelte-1y48prc-spin 1s linear infinite}@keyframes svelte-1y48prc-spin{to{transform:rotate(360deg)}}.loading.svelte-1y48prc p:where(.svelte-1y48prc),.error-message.svelte-1y48prc p:where(.svelte-1y48prc),.empty-state.svelte-1y48prc p:where(.svelte-1y48prc){font-size:1.1rem;color:#ffffffb3;margin:0}.error-message.svelte-1y48prc h3:where(.svelte-1y48prc),.empty-state.svelte-1y48prc h3:where(.svelte-1y48prc){font-size:1.75rem;color:#fff;margin:0}.empty-state.svelte-1y48prc svg:where(.svelte-1y48prc){opacity:.5}.btn.svelte-1y48prc{padding:.875rem 1.75rem;background:#1db954;border:1px solid #1db954;color:#fff;border-radius:24px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s;text-decoration:none;display:inline-block;margin-top:1rem}.btn.svelte-1y48prc:hover{background:#1ed760;border-color:#1ed760;transform:translateY(-2px)}
