.showcase-layout.svelte-1fte3s2{display:flex;gap:0;min-height:calc(100vh - 80px);margin:-2rem}.sidebar.svelte-1fte3s2{width:220px;flex-shrink:0;padding:1.5rem 1rem;border-right:1px solid var(--color-border);background:var(--color-bg-secondary);display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}.sidebar.svelte-1fte3s2 h2:where(.svelte-1fte3s2){font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.75rem;padding:0 .5rem}.separator.svelte-1fte3s2{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);padding:.75rem .5rem .25rem;opacity:.6}.method-btn.svelte-1fte3s2{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:none;background:transparent;color:var(--color-text-muted);font-size:.85rem;border-radius:var(--radius);cursor:pointer;text-align:left;transition:background .15s,color .15s}.method-btn.svelte-1fte3s2:hover{background:#ffffff0d;color:var(--color-text)}.method-btn.active.svelte-1fte3s2{background:var(--color-accent);color:#fff}.method-icon.svelte-1fte3s2{font-size:1rem;width:1.5rem;text-align:center}.main-content.svelte-1fte3s2{flex:1;padding:2rem;overflow-y:auto}h1.svelte-1fte3s2{font-size:1.8rem;margin-bottom:.25rem}.subtitle.svelte-1fte3s2{color:var(--color-text-muted);margin-bottom:1.5rem}.loading.svelte-1fte3s2,.empty.svelte-1fte3s2{text-align:center;padding:4rem 2rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius)}.empty.svelte-1fte3s2 p:where(.svelte-1fte3s2){margin-bottom:1rem;color:var(--color-text-muted)}.btn.svelte-1fte3s2{display:inline-block;padding:.5rem 1.5rem;background:var(--color-accent);color:#fff;border-radius:var(--radius);text-decoration:none}.track-list.svelte-1fte3s2{display:flex;flex-direction:column;gap:1.5rem}.track-card.svelte-1fte3s2{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.track-header.svelte-1fte3s2{display:flex;align-items:baseline;gap:1rem}.track-header.svelte-1fte3s2 h3:where(.svelte-1fte3s2){font-size:1.1rem;font-weight:600}.viz-container.svelte-1fte3s2{width:100%;background:#0a0a0f;border-radius:4px;overflow:hidden}.viz-container.square.svelte-1fte3s2{max-width:600px}.viz-img.svelte-1fte3s2{width:100%;height:auto;display:block}