.perf-page.svelte-1japs51{position:relative;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at top,#0d1220,#05060a 70%)}.perf-canvas.svelte-1japs51{position:absolute;inset:0;opacity:0;transition:opacity .4s ease-out}.perf-canvas.ready.svelte-1japs51{opacity:1}.perf-overlay.svelte-1japs51{position:absolute;top:6rem;right:1rem;z-index:2;display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;border-radius:12px;background:#0a0c12b3;border:1px solid rgba(255,255,255,.1);color:#ffffffd9;font-size:.75rem;backdrop-filter:blur(8px)}.perf-overlay.svelte-1japs51 label:where(.svelte-1japs51){font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.perf-controls.svelte-1japs51{display:flex;align-items:center;gap:.5rem}input[type=range].svelte-1japs51{width:160px}.perf-number.svelte-1japs51{width:72px;padding:.25rem .4rem;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#00000059;color:#fff;font-size:.75rem}select.svelte-1japs51{width:100%;padding:.35rem .5rem;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#00000059;color:#fff;font-size:.75rem}.perf-max.svelte-1japs51{color:#ffffff80}@media (max-width: 600px){.perf-overlay.svelte-1japs51{right:.75rem}.perf-controls.svelte-1japs51{flex-wrap:wrap}input[type=range].svelte-1japs51{width:100%}}