html{background:#0b0f17}body{margin:0}main.svelte-1b4b9u2{--ink:#e8ecf3;--dim:#a1abc0;--line:#273044;--accent:#b7a6ff;max-width:1160px;color:var(--ink);margin:auto;padding:28px 24px 48px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}a.svelte-1b4b9u2{color:var(--accent);text-underline-offset:3px}a.svelte-1b4b9u2:hover{color:#ddd4ff}a.svelte-1b4b9u2:focus-visible,button.svelte-1b4b9u2:focus-visible,input.svelte-1b4b9u2:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.back.svelte-1b4b9u2{margin-bottom:36px;font-size:13px;display:inline-block}.eyebrow.svelte-1b4b9u2{color:var(--accent);text-transform:uppercase;letter-spacing:.09em;margin:0 0 12px;font-size:11px;font-weight:650}h1.svelte-1b4b9u2{letter-spacing:-.035em;margin:0 0 14px;font-size:clamp(30px,4vw,46px);line-height:1.1}.intro.svelte-1b4b9u2{color:#bdc6d8;margin:0 0 28px;font-size:17px;line-height:1.6}.controls.svelte-1b4b9u2{border:1px solid var(--line);background:#111724;border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:24px 40px;margin-bottom:24px;padding:22px;display:flex}.width-control.svelte-1b4b9u2{flex:350px;min-width:0}label.svelte-1b4b9u2{justify-content:space-between;gap:20px;font-size:13px;font-weight:600;display:flex}label.svelte-1b4b9u2 output:where(.svelte-1b4b9u2){color:var(--accent);font-variant-numeric:tabular-nums}input[type=range].svelte-1b4b9u2{box-sizing:border-box;accent-color:#9b80ff;cursor:ew-resize;width:100%;margin:15px 0;display:block}.sizes.svelte-1b4b9u2,.looks.svelte-1b4b9u2{flex-wrap:wrap;gap:7px;display:flex}button.svelte-1b4b9u2{font:inherit;color:#cbd4e4;cursor:pointer;background:#0b0f17;border:1px solid #39445b;border-radius:6px;padding:8px 11px;font-size:12px}button[aria-pressed=true].svelte-1b4b9u2{color:#f0eaff;background:#332351;border-color:#a88dff}button.svelte-1b4b9u2:disabled{opacity:.4;cursor:default}fieldset.svelte-1b4b9u2{border:0;min-width:0;margin:0;padding:0}legend.svelte-1b4b9u2{margin-bottom:15px;padding:0;font-size:13px;font-weight:600}.stage.svelte-1b4b9u2{border:1px solid var(--line);background:#080d14;border-radius:12px;padding:20px}.stage-heading.svelte-1b4b9u2{color:var(--dim);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:18px;font-size:12px;display:flex}.stage-heading.svelte-1b4b9u2 output:where(.svelte-1b4b9u2){color:#a6d7c6;font-variant-numeric:tabular-nums}.available.svelte-1b4b9u2{min-width:0}.frame-shell.svelte-1b4b9u2{min-width:0;max-width:100%;box-shadow:0 6px 28px #0004}iframe.svelte-1b4b9u2{border:0;display:block}.loading.svelte-1b4b9u2{min-height:200px;color:var(--dim);padding:20px;font-size:14px}.hint.svelte-1b4b9u2{color:var(--dim);margin:16px 0 26px;font-size:12px;line-height:1.7}footer.svelte-1b4b9u2{flex-wrap:wrap;gap:12px 28px;font-size:13px;display:flex}@media (width<=600px){main.svelte-1b4b9u2{padding:22px 16px 40px}.back.svelte-1b4b9u2{margin-bottom:26px}.intro.svelte-1b4b9u2{font-size:15px}.controls.svelte-1b4b9u2{gap:22px;padding:18px}.stage.svelte-1b4b9u2{padding:12px}}