*{box-sizing:border-box;margin:0;padding:0}:root{--ink:#E8E4DA;--paper:#141414;--c:#00A4E4;--m:#E4007D;--y:#F5C400;--ink-rgb:232,228,218;--c-rgb:0,164,228;--hair:rgba(var(--ink-rgb),.13);--field:#0d0d0d;--s1:rgba(var(--ink-rgb),.045);--s2:rgba(var(--ink-rgb),.085);--s3:rgba(var(--ink-rgb),.14);--edge:rgba(var(--ink-rgb),.13);--edge-2:rgba(var(--ink-rgb),.24);--r:6px;--r-sm:4px;--r-pill:999px;--focus:rgba(var(--c-rgb),.32);--chev:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'><path d='M13 6L8 11L3 6' stroke='%23E8E4DA' stroke-linejoin='bevel'/></svg>")}html,body{height:100%}body{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;overflow:hidden;-webkit-font-smoothing:antialiased}#topbar{display:flex;align-items:stretch;border-bottom:1px solid var(--hair);flex:0 0 auto}#brand{padding:10px 16px;border-right:1px solid var(--hair);display:flex;flex-direction:column;justify-content:center;min-width:232px}#brand h1{margin:0;font-size:14px;letter-spacing:.16em;font-weight:800}#brand span{font-size:8.5px;letter-spacing:.2em;opacity:.6;margin-top:4px}#topfill{flex:1}#brandmark{display:flex;align-items:center;padding:0 16px;border-right:1px solid var(--hair);color:var(--ink)}#brandmark svg{height:17px;width:auto;display:block}#brandmark:hover{opacity:.55}main{flex:1;display:flex;min-height:0}#stage{flex:1;display:flex;flex-direction:column;min-width:0;padding:16px 16px 10px}#cwrap{position:relative;flex:1;border:1px solid var(--hair);border-radius:var(--r);min-height:0;overflow:hidden;background:#050505}#cwrap canvas.main{position:absolute;top:0;left:0;display:block;cursor:grab}#cwrap canvas.main:active{cursor:grabbing}#caption{padding:9px 2px 2px;font-size:10px;letter-spacing:.13em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}#rebuildDot{position:absolute;top:8px;right:10px;z-index:6;display:flex;gap:7px;align-items:center;font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;opacity:0;transition:opacity .15s;pointer-events:none}#rebuildDot.on{opacity:.85}#rebuildDot i{width:6px;height:6px;background:var(--c);display:inline-block;animation:pulse .8s infinite alternate}@keyframes pulse{0%{opacity:.3}to{opacity:1}}#panel{width:312px;flex:0 0 auto;border-left:1px solid rgba(var(--ink-rgb),.07);overflow-y:auto;background:rgba(var(--ink-rgb),.022);padding-bottom:36px}#panel::-webkit-scrollbar{width:5px}#panel::-webkit-scrollbar-thumb{background:rgba(var(--ink-rgb),.16);border-radius:var(--r-pill)}.sec{padding:14px 14px 16px;border-bottom:1px solid rgba(var(--ink-rgb),.07)}.sec h3{font-size:9px;letter-spacing:.22em;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:8px;text-transform:uppercase;cursor:pointer;user-select:none;color:rgba(var(--ink-rgb),.55)}.sec h3:after{content:"";flex:1;height:1px;background:rgba(var(--ink-rgb),.09)}.sec.closed{padding-bottom:12px}.sec.closed h3{margin-bottom:0;opacity:.75}.sec.closed>*:not(h3){display:none}.row{display:grid;grid-template-columns:86px 1fr 42px;align-items:center;gap:8px;margin:7px 0}.row label{font-size:9px;letter-spacing:.13em;text-transform:uppercase}.row .val{font-size:9px;text-align:right;opacity:.75;font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:16px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:var(--r-pill);background:linear-gradient(90deg,rgba(var(--ink-rgb),.55) 0 var(--p,0%),rgba(var(--ink-rgb),.17) var(--p,0%) 100%)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--ink);margin-top:-4.5px;border:none;transition:box-shadow .12s ease,background .12s ease}input[type=range]:hover::-webkit-slider-runnable-track{background:linear-gradient(90deg,rgba(var(--ink-rgb),.8) 0 var(--p,0%),rgba(var(--ink-rgb),.26) var(--p,0%) 100%)}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(var(--ink-rgb),.1)}input[type=range]:active::-webkit-slider-thumb{background:var(--c);box-shadow:0 0 0 5px var(--focus)}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--focus)}input[type=range]::-moz-range-track{height:3px;border-radius:var(--r-pill);background:rgba(var(--ink-rgb),.17)}input[type=range]::-moz-range-progress{height:3px;border-radius:var(--r-pill);background:rgba(var(--ink-rgb),.55)}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--ink);border:none;border-radius:50%}button{font-family:inherit;font-size:9px;letter-spacing:.14em;text-transform:uppercase;background:var(--s1);border:1px solid var(--edge);color:rgba(var(--ink-rgb),.68);padding:7px 8px;cursor:pointer;border-radius:var(--r);transition:background .12s ease,border-color .12s ease,color .12s ease}button:hover{background:var(--s2);border-color:var(--edge-2);color:var(--ink)}button.on{background:var(--s3);border-color:rgba(var(--ink-rgb),.55);color:var(--ink)}button.on:hover{background:rgba(var(--ink-rgb),.18);border-color:rgba(var(--ink-rgb),.7)}button:active{transform:translateY(1px)}select,input[type=number],input[type=text]{font-family:inherit;font-size:10px;letter-spacing:.08em;background-color:var(--s1);border:1px solid var(--edge);padding:6px;color:var(--ink);width:100%;border-radius:var(--r);transition:background .12s ease,border-color .12s ease}select:hover,input[type=number]:hover,input[type=text]:hover{background-color:var(--s2);border-color:var(--edge-2)}select{appearance:none;-webkit-appearance:none;background-image:var(--chev);background-repeat:no-repeat;background-position:right 8px center;background-size:11px 11px;padding-right:26px}select option{background:var(--field);color:var(--ink)}button.ic{position:relative;padding-left:26px;padding-right:26px}button.ic .bl{display:inline-block}button.ic .bi{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:13px;height:13px}button.ic .bi svg{display:block;width:100%;height:100%}select:focus,input:focus{outline:none}button:focus-visible,select:focus-visible,input:focus-visible{outline:none;border-color:var(--c);box-shadow:0 0 0 3px var(--focus)}input[type=color]{width:100%;height:27px;border:1px solid var(--edge);background:transparent;padding:0;cursor:pointer;border-radius:var(--r);overflow:hidden}input[type=color]:hover{border-color:var(--edge-2)}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:calc(var(--r) - 2px)}input[type=color]::-moz-color-swatch{border:none;border-radius:calc(var(--r) - 2px)}input[type=text]{font-weight:700;letter-spacing:.06em}input[type=text]::placeholder{color:#e8e4da40}.seg{display:flex;gap:2px;padding:3px;background:rgba(var(--ink-rgb),.05);border-radius:calc(var(--r) + 3px)}.seg button{flex:1;padding:5px 2px;border-radius:var(--r);background:transparent;border:1px solid transparent}.seg button:hover{background:rgba(var(--ink-rgb),.06);border-color:transparent;color:var(--ink)}.seg button.on{background:rgba(var(--ink-rgb),.115);border-color:rgba(var(--ink-rgb),.13);color:var(--ink);box-shadow:0 1px 2px #0000004d}.seg button.on:hover{background:rgba(var(--ink-rgb),.15);border-color:rgba(var(--ink-rgb),.2)}.seg button:focus-visible{z-index:1;position:relative}.seg.act{background:none;padding:0;gap:6px}.seg.act button{background:var(--s1);border-color:var(--edge)}.seg.act button:hover{background:var(--s2);border-color:var(--edge-2)}.sec>button+select,.sec>select+.seg,.sec>button+.seg,.sec>.seg+.seg,.sec>.seg+button.wide,.sec>button.wide+button.wide{margin-top:6px}.duo{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:7px 0}.cell{margin:7px 0}.duo .cell{margin:0}.cell label{display:block;font-size:8.5px;letter-spacing:.14em;margin-bottom:4px;text-transform:uppercase}.wide{width:100%;margin-top:6px}.lforow{display:grid;grid-template-columns:76px 1fr;gap:6px;align-items:stretch;margin:2px 0 7px}.lfodiv{height:1px;background:var(--hair);margin:12px 0}.hint{font-size:8.5px;letter-spacing:.1em;opacity:.5;margin-top:8px;line-height:1.5}.dis{opacity:.28;pointer-events:none}.dis :disabled,.dis .val{opacity:1}button:disabled,select:disabled,input:disabled{cursor:default}.item{padding:0}.item+.item{border-top:1px solid var(--hair);margin-top:10px;padding-top:6px}#actionbar,#scrim{display:none}@media (max-width:720px){body{height:100dvh}#brand{min-width:0;padding:8px 12px}#brand span{display:none}#stage{padding:10px 10px calc(64px + env(safe-area-inset-bottom))}#caption{display:none}#panel{position:fixed;left:0;right:0;bottom:0;width:auto;max-height:72dvh;z-index:30;border-left:none;border-top:1px solid rgba(var(--ink-rgb),.12);border-radius:14px 14px 0 0;background:color-mix(in srgb,var(--paper) 82%,transparent);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);transform:translateY(100%);transition:transform .28s ease;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(36px + env(safe-area-inset-bottom))}#panel:before{content:"";display:block;width:40px;height:4px;border-radius:var(--r-pill);background:rgba(var(--ink-rgb),.28);margin:8px auto 2px}body.sheet-open #panel{transform:translateY(0)}#scrim{display:block;position:fixed;inset:0;z-index:25;background:#00000073;opacity:0;pointer-events:none;transition:opacity .28s}body.sheet-open #scrim{opacity:1;pointer-events:auto}#actionbar{display:flex;gap:6px;position:fixed;left:10px;right:10px;z-index:20;bottom:calc(10px + env(safe-area-inset-bottom))}#actionbar button{flex:1;padding:14px 2px;touch-action:manipulation;background:color-mix(in srgb,var(--paper) 72%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}}