:root{--demo-bg:#0b0e13;--demo-panel:#11161d;--demo-border:#262e3a;--demo-fg:#e6edf3;--demo-muted:#8b95a3;--demo-accent:#f0a640;--demo-accent-dim:#f0a6402e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-host=paper]{--demo-bg:#0d0b08;--demo-panel:#211b14;--demo-border:#f2ebdf21;--demo-fg:#f2ebdf;--demo-muted:#a99f8e;--demo-accent:#e8a13c;--demo-accent-dim:#e8a13c29;font-family:Hanken Grotesk,system-ui,sans-serif}:root[data-host=paper][data-theme=light]{--demo-panel:#faf6ee;--demo-border:#281e1024;--demo-fg:#241f18;--demo-muted:#6c6252;--demo-accent:#c9791b;--demo-accent-dim:#c9791b21;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-host=paper] body{background:var(--demo-panel)}*{box-sizing:border-box}html,body{background:var(--demo-bg);color:var(--demo-fg);margin:0;padding:0;font:13px/1.4 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}.demo-stage{width:100%;aspect-ratio:var(--demo-aspect,16 / 9);background:#000;position:relative}.demo-stage canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.demo-hint{color:#ffffffc7;pointer-events:none;background:#0000008c;border-radius:4px;padding:3px 8px;font-size:11.5px;transition:opacity .4s;position:absolute;bottom:8px;left:10px}.demo-readout{color:#ffffffd9;white-space:pre;pointer-events:none;background:#0000008c;border-radius:4px;padding:3px 8px;font:11.5px/1.45 ui-monospace,SF Mono,Consolas,monospace;position:absolute;top:8px;right:10px}.demo-readout:empty{display:none}.demo-status{text-align:center;color:var(--demo-muted);background:var(--demo-bg);justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.demo-status[hidden]{display:none}.demo-status.error{color:#ff8f8f;white-space:pre-wrap;text-align:left;align-items:flex-start;font:12px/1.5 ui-monospace,Consolas,monospace;overflow:auto}.demo-controls{background:var(--demo-panel);border-top:1px solid var(--demo-border);flex-wrap:wrap;align-items:center;gap:10px 22px;padding:10px 14px 12px;display:flex}.demo-controls:empty{display:none}.demo-control{align-items:center;gap:8px;min-width:0;display:flex}.demo-control>.label{color:var(--demo-muted);white-space:nowrap}.demo-control>.value{min-width:4.5em;color:var(--demo-fg);font:12px ui-monospace,Consolas,monospace}.demo-control input[type=range]{width:130px;accent-color:var(--demo-accent)}.demo-control input[type=checkbox]{accent-color:var(--demo-accent);margin:0}.demo-seg{border:1px solid var(--demo-border);border-radius:6px;display:inline-flex;overflow:hidden}.demo-seg button{border:0;border-right:1px solid var(--demo-border);color:var(--demo-muted);font:inherit;cursor:pointer;background:0 0;padding:4px 10px}.demo-seg button:last-child{border-right:0}.demo-seg button:hover{color:var(--demo-fg)}.demo-seg button.on{background:var(--demo-accent-dim);color:var(--demo-accent)}@media (width<=560px){.demo-controls{gap:8px 14px}.demo-control input[type=range]{width:96px}}