.constellation-layout.svelte-8tae1r{width:100%;height:var(--layout-height);display:grid;grid-template-columns:var(--side-width) minmax(0,1fr);grid-template-rows:minmax(0,1fr) var(--bottom-height);gap:8px;background:hsl(var(--background))}.main-area.svelte-8tae1r{grid-column:2;grid-row:1;position:relative;overflow:hidden;border:1px solid hsl(var(--border));border-radius:8px}.x-area.svelte-8tae1r{grid-column:2;grid-row:2;position:relative;border:1px solid hsl(var(--border));border-radius:8px;overflow:hidden}.y-area.svelte-8tae1r{grid-column:1;grid-row:1;position:relative;border:1px solid hsl(var(--border));border-radius:8px;overflow:hidden}.main-area.svelte-8tae1r canvas:where(.svelte-8tae1r),.x-area.svelte-8tae1r canvas:where(.svelte-8tae1r),.y-area.svelte-8tae1r canvas:where(.svelte-8tae1r){display:block;width:100%;height:100%}.gl-layer.svelte-8tae1r{position:absolute;inset:0;pointer-events:none}.x-area.svelte-8tae1r svg:where(.svelte-8tae1r),.y-area.svelte-8tae1r svg:where(.svelte-8tae1r){position:absolute;inset:0;overflow:hidden;display:block;width:100%;height:100%}.x-area.svelte-8tae1r .selection,.y-area.svelte-8tae1r .selection{fill:#94a3b842;stroke:none}.x-area.svelte-8tae1r .handle,.y-area.svelte-8tae1r .handle{fill:#94a3b8e6;stroke:none}.reset-btn.svelte-8tae1r{position:absolute;top:10px;right:10px;z-index:2;border:1px solid var(--border, hsl(var(--border)));border-radius:999px;padding:.3rem .65rem;font-size:.72rem;color:hsl(var(--foreground));background:color-mix(in srgb,hsl(var(--card)) 88%,white 12%);cursor:pointer}.reset-btn.svelte-8tae1r:hover{border-color:var(--accent-spotify, #1db954);color:var(--accent-spotify, #1db954)}.tooltip.svelte-8tae1r{position:absolute;pointer-events:none;z-index:3;display:flex;flex-direction:column;gap:2px;max-width:16rem;border-radius:7px;border:1px solid hsl(var(--border));padding:.42rem .52rem;font-size:.72rem;color:hsl(var(--foreground));background:color-mix(in srgb,hsl(var(--card)) 92%,black 8%)}.tooltip.svelte-8tae1r .hint:where(.svelte-8tae1r){margin-top:2px;font-size:.66rem;color:var(--accent-spotify, #1db954)}.pie.svelte-1i7ld28{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem}.pie-title.svelte-1i7ld28{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:hsl(var(--muted-foreground));white-space:nowrap}.pie-label.svelte-1i7ld28{display:flex;align-items:center;gap:.4rem}.pie-label-btn.svelte-1i7ld28{border:none;background:transparent;padding:0;margin:0;font:inherit;cursor:pointer}.pie-label-btn.svelte-1i7ld28 .pie-title:where(.svelte-1i7ld28){transition:color .16s ease}.pie-label-btn.svelte-1i7ld28:hover .pie-title:where(.svelte-1i7ld28),.pie-label-btn.active.svelte-1i7ld28 .pie-title:where(.svelte-1i7ld28){color:var(--accent-spotify, #1db954)}.color-by-btn.svelte-1i7ld28{flex:none;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:1.5px solid hsl(var(--muted-foreground));border-radius:50%;background:color-mix(in srgb,hsl(var(--card)) 86%,black 14%);cursor:pointer;transition:border-color .16s ease,background-color .16s ease}.color-by-btn.svelte-1i7ld28:after{content:"";width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,hsl(var(--muted-foreground)) 55%,transparent);transition:background-color .16s ease,transform .16s ease}.pie-label-btn.svelte-1i7ld28:hover .color-by-btn:where(.svelte-1i7ld28){border-color:var(--accent-spotify, #1db954)}.pie-label-btn.svelte-1i7ld28:hover .color-by-btn:where(.svelte-1i7ld28):after{background:color-mix(in srgb,var(--accent-spotify, #1db954) 70%,transparent)}.pie-label-btn.active.svelte-1i7ld28 .color-by-btn:where(.svelte-1i7ld28){border-color:var(--accent-spotify, #1db954)}.pie-label-btn.active.svelte-1i7ld28 .color-by-btn:where(.svelte-1i7ld28):after{background:var(--accent-spotify, #1db954);transform:scale(1.05)}.tooltip.svelte-1i7ld28{position:absolute;pointer-events:none;z-index:3;display:flex;flex-direction:column;gap:2px;max-width:13rem;border-radius:7px;border:1px solid hsl(var(--border));padding:.38rem .5rem;font-size:.72rem;line-height:1.25;color:hsl(var(--foreground));background:color-mix(in srgb,hsl(var(--card)) 92%,black 8%)}.tooltip.svelte-1i7ld28 strong:where(.svelte-1i7ld28){font-weight:600;word-break:break-word}.tooltip.svelte-1i7ld28 span:where(.svelte-1i7ld28){opacity:.7}