*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--panel:#fffdf8;--muted:#6d645d;--rule:#d8cec3;--accent:#955f3b}html,body{cursor:default;overscroll-behavior:none;background:#0a1628;width:100%;height:100%;margin:0;overflow:hidden}body{flex-direction:column;min-height:100%;display:flex}.site-header{background:color-mix(in srgb, var(--panel) 92%, white 8%);border-bottom:1px solid var(--rule);flex-shrink:0;width:100%;padding:14px 20px 16px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;box-shadow:0 4px 18px #36281712}.demo-toolbar{flex-direction:column;gap:12px;width:min(720px,100%);margin:0 auto;display:flex}.toolbar-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.toolbar-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font:600 11px/1 SF Mono,ui-monospace,Menlo,monospace}.demo-toolbar input[type=range]{width:100%;accent-color:var(--accent)}.toolbar-value{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;min-width:3.25rem;font:600 13px/1 Helvetica Neue,Helvetica,Arial,sans-serif}.stage{background:#0a1628;flex:1;width:100%;min-height:0;position:relative}#bg-canvas,#jelly-canvas,#text-canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}#bg-canvas{z-index:0}#jelly-canvas{z-index:1;pointer-events:none}#text-canvas{z-index:2;pointer-events:none}