:root{color:#f4f7fb;background:#0d1016;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{min-width:320px;min-height:100%;background:#0d1016}body{min-height:100%;margin:0}*{box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button.svelte-1n46o8q,input.svelte-1n46o8q,select.svelte-1n46o8q{font:inherit}.workspace.svelte-1n46o8q{min-height:100vh;background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(#151923,#0d1016);background-size:24px 24px,auto;color:#f4f7fb;padding:24px}.simulator.svelte-1n46o8q{display:grid;grid-template-columns:minmax(360px,1fr) 380px;gap:20px;width:min(1180px,100%);margin:0 auto}.stage.svelte-1n46o8q,.controls.svelte-1n46o8q{border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#171d27e0;box-shadow:0 18px 50px #00000057}.stage.svelte-1n46o8q{display:grid;gap:16px;align-content:start;padding:18px}header.svelte-1n46o8q{display:flex;justify-content:space-between;gap:16px;align-items:end}h1.svelte-1n46o8q,p.svelte-1n46o8q{margin:0}header.svelte-1n46o8q p:where(.svelte-1n46o8q),.status.svelte-1n46o8q strong:where(.svelte-1n46o8q),label.svelte-1n46o8q span:where(.svelte-1n46o8q),.note.svelte-1n46o8q{color:#657386;font-size:12px;font-weight:750;letter-spacing:0;text-transform:uppercase}header.svelte-1n46o8q p:where(.svelte-1n46o8q),.status.svelte-1n46o8q strong:where(.svelte-1n46o8q),label.svelte-1n46o8q span:where(.svelte-1n46o8q),.note.svelte-1n46o8q{color:#9eaabc}h1.svelte-1n46o8q{font-size:clamp(28px,4vw,46px);line-height:1}.field.svelte-1n46o8q{position:relative;width:100%;aspect-ratio:1;min-height:0;border:1px solid rgba(45,57,73,.32);border-radius:4px;background:#10131a;image-rendering:pixelated;touch-action:none;cursor:crosshair}canvas.svelte-1n46o8q{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;image-rendering:pixelated}canvas.hidden.svelte-1n46o8q{visibility:hidden}.controls.svelte-1n46o8q{display:grid;gap:16px;align-content:start;padding:18px}.status.svelte-1n46o8q{display:grid;grid-template-columns:12px 1fr;gap:4px 10px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:12px;background:#0003}.status.svelte-1n46o8q span:where(.svelte-1n46o8q){width:10px;height:10px;border-radius:50%;background:#a7b0bd}.status.svelte-1n46o8q span.active:where(.svelte-1n46o8q){background:#38b66b;box-shadow:0 0 14px #38b66b80}.status.svelte-1n46o8q small:where(.svelte-1n46o8q){grid-column:2;color:currentColor;font-family:SFMono-Regular,Consolas,monospace;opacity:.78}.button-row.svelte-1n46o8q,.segmented.svelte-1n46o8q{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.segmented.svelte-1n46o8q{grid-template-columns:repeat(2,1fr)}button.svelte-1n46o8q,select.svelte-1n46o8q{min-height:40px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#202837;color:inherit;font-weight:750}button.svelte-1n46o8q{cursor:pointer}button.svelte-1n46o8q:disabled{cursor:not-allowed;opacity:.42}button.primary.svelte-1n46o8q,.segmented.svelte-1n46o8q button.active:where(.svelte-1n46o8q){border-color:#2c7a58;background:#36a66d;color:#06130d}label.svelte-1n46o8q{display:grid;gap:8px}select.svelte-1n46o8q{width:100%;padding:0 12px}.grid.svelte-1n46o8q{display:grid;gap:14px}input[type=range].svelte-1n46o8q{width:100%;accent-color:#d5444d}.note.svelte-1n46o8q{line-height:1.6;text-transform:none}@media(max-width:900px){.workspace.svelte-1n46o8q{padding:14px}.simulator.svelte-1n46o8q{grid-template-columns:1fr}.button-row.svelte-1n46o8q{grid-template-columns:repeat(2,1fr)}}