:root{--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px)}html,body,#root{color:#fff;overscroll-behavior:none;background:#000;height:100%;margin:0;padding:0;font-family:ui-monospace,Menlo,Consolas,monospace}.flotato{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;background:#000;outline:none;width:100%;height:100dvh;position:relative;overflow:hidden}.panel .row{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.panel .row.divider{opacity:.6;border-top:1px solid #ffffff2e;margin-top:10px;padding-top:6px}.panel .knob-name{opacity:.85}.panel .row-value{align-items:center;gap:6px;display:flex}.panel .row-value input[type=range]{width:90px}.panel .row-num{text-align:right;width:36px}.sheet{z-index:3;padding:calc(14px + var(--sat)) calc(16px + var(--sar)) calc(90px + var(--sab)) calc(16px + var(--sal));color:#fff;pointer-events:auto;touch-action:pan-y;accent-color:#fff;background:#000;font-size:14px;line-height:1.4;position:absolute;inset:0;overflow-y:auto}.sheet-head{letter-spacing:3px;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:700;display:flex}.sheet h2{letter-spacing:2px;opacity:.6;margin:18px 0 8px;font-size:12px;font-weight:600}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip,.btn{color:#fff;min-height:44px;font:inherit;background:0 0;border:1px solid #ffffff59;border-radius:6px;padding:0 14px}.chip{border-radius:22px}.chip.on,.btn.primary{color:#000;background:#fff;border-color:#fff;font-weight:700}.btn:disabled{opacity:.35}.diffline{justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin-top:10px;display:flex}.diffline code,.slot code{overflow-wrap:anywhere;opacity:.85}.slot{align-items:center;gap:8px;min-height:44px;margin-top:4px;display:flex}.slot code{flex:1}.knob{border-top:1px solid #ffffff1a;flex-direction:column;gap:2px;padding:6px 0;display:flex}.knob-row{justify-content:space-between;align-items:center;min-height:44px;display:flex}.knob input[type=range]{width:100%;height:44px;margin:0}.knob input[type=checkbox]{width:28px;height:28px}.sheet select,.strip select{color:#fff;min-height:44px;font:inherit;background:#111;border:1px solid #ffffff59;border-radius:6px;padding:0 8px;font-size:16px}.runs table{border-collapse:collapse;width:100%;font-size:13px}.runs th,.runs td{text-align:left;border-top:1px solid #ffffff1a;padding:6px 4px}.runs td.num,.runs th.num{text-align:right;white-space:nowrap}.sheet .fallback{color:#fff;width:100%;font:inherit;background:#111;border:1px solid #ffffff59;border-radius:6px;margin-top:10px;padding:10px;font-size:16px}.sheet-foot{padding:12px calc(16px + var(--sar)) calc(12px + var(--sab)) calc(16px + var(--sal));background:linear-gradient(#0000,#000 45%);gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.sheet-foot .btn{flex:1}.strip{z-index:3;padding:8px calc(12px + var(--sar)) calc(8px + var(--sab)) calc(12px + var(--sal));color:#fff;pointer-events:auto;touch-action:pan-x;accent-color:#fff;background:#000000d9;border-top:1px solid #fff3;font-size:14px;position:absolute;bottom:0;left:0;right:0}.strip .knobs{-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.strip .knobs .chip{flex:none;min-height:36px;padding:0 12px}.strip .current{align-items:center;gap:10px;display:flex}.strip .current .knob{border-top:none;flex:1;padding:0}