:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--app-bg);width:100%;height:100%;color:var(--text);font-family:var(--ui-font);-webkit-user-select:none;user-select:none;touch-action:manipulation;margin:0;padding:0;transition:background .3s,color .3s;overflow:hidden}#app{background:var(--app-bg);transition:background .3s}:root{--panel-h:132px}.cta-sep{background:var(--frame);opacity:.55}.cta-sep span{font-family:var(--label-font);letter-spacing:.16em;text-transform:uppercase;color:var(--text);opacity:.55;font-size:9px;font-weight:800;display:none}#scanStartBtn{pointer-events:auto;cursor:pointer;text-align:center;max-width:100%;font-family:var(--label-font);letter-spacing:.16em;text-transform:uppercase;color:var(--btn-text);border-radius:var(--key-radius);background:var(--btn-face);border:1px solid var(--btn-border);border-top-color:var(--btn-border-top);border-left-color:var(--btn-border-left);box-shadow:var(--btn-shadow);align-items:center;gap:9px;padding:10px 16px;font-size:10px;font-weight:800;transition:background .18s,box-shadow .18s,color .3s,border-color .3s;display:flex}#scanStartBtn:active{background:var(--btn-face-active);box-shadow:var(--btn-shadow-active);transform:translateY(1px)}#remoteBox[hidden]{display:none}#remoteQr{box-sizing:content-box;image-rendering:pixelated;border-radius:min(var(--key-radius),6px);border:1px solid var(--btn-border);box-shadow:var(--btn-shadow);background:#fff;padding:4px;display:block}#remoteLabel{font-family:var(--label-font);letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--text);opacity:.6;max-width:min(100%,248px);font-size:9px;font-weight:800;line-height:1.5}#scanStartBtn:disabled{opacity:.5;cursor:default}#scanStartBtn svg{flex:none;width:17px;height:17px}#scanStartBtn[hidden]{display:none}:root{--stage-h:100dvh;--cta-h:calc(100dvh - var(--panel-h) - var(--panel-gap))}#cams{filter:grayscale();border-radius:20px}#cams video{object-fit:contain;background:#0a0a0a;width:100%;height:100%}body.debug #cams{filter:none}#scanFrame{border:2px solid var(--frame);border-radius:22px}#scanFrame:before,#scanFrame:after,#scanFrame>i,#scanFrame>b{content:"";border:3px solid var(--frame-corner);width:28px;height:28px;position:absolute}#scanFrame:before{border-bottom:none;border-right:none;border-radius:12px 0 0;top:-2px;left:-2px}#scanFrame:after{border-bottom:none;border-left:none;border-radius:0 12px 0 0;top:-2px;right:-2px}#scanFrame>i{border-top:none;border-right:none;border-radius:0 0 0 12px;bottom:-2px;left:-2px}#scanFrame>b{border-top:none;border-left:none;border-radius:0 0 12px;bottom:-2px;right:-2px}#scanHint p{opacity:.75;text-align:center;font-size:15px}body.playing #scanHint{display:none}body.debug #scanHint p{background:#0000008c;border-radius:8px;padding:4px 10px}#debugInfo{color:#6cff8a;word-break:break-all;background:#000000c7;border:1px solid #6cff8a59;border-radius:10px;padding:10px 12px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;display:none}body.debug #debugInfo{display:block}#debugInfo .k{color:#7fd0ff}#debugInfo .muted{color:#888}#tvScreen{background:#000;transition:width .32s cubic-bezier(.2,.7,.3,1)}#tvScreen iframe,#tvScreen>div{border:0;width:100%;height:100%;position:absolute;inset:0}#panel{background:var(--panel-face);border:1px solid var(--panel-edge);border-top-color:var(--panel-edge-top,var(--panel-edge));border-radius:var(--panel-radius);box-shadow:var(--panel-shadow);transition:opacity .32s,transform .32s cubic-bezier(.2,.7,.3,1),background .3s,box-shadow .3s,border-color .3s}body[data-panel-pos=bottom-center] #panel{left:0;right:0;bottom:var(--panel-gap);margin:0 auto}body[data-panel-pos=top-center] #panel{left:0;right:0;top:var(--panel-gap);margin:0 auto}body[data-panel-pos=bottom-left] #panel{left:var(--panel-gap);bottom:var(--panel-gap)}body[data-panel-pos=bottom-right] #panel{right:var(--panel-gap);bottom:var(--panel-gap)}body.cursor-idle,body.cursor-idle *{cursor:none!important}body.panel-down #panel{--panel-y:calc(100% + var(--panel-gap) - var(--handle-h));opacity:.85}body.ui-pinned #stage{bottom:calc(var(--panel-h) + var(--panel-gap)*2)}body.ui-pinned{--stage-h:calc(100dvh - var(--panel-h) - var(--panel-gap)*2)}body[data-panel-pos=top-center] #panel{flex-direction:column-reverse}body[data-panel-pos=top-center] #panelHandle{margin:5px calc(var(--panel-pad-x)*-1)calc(var(--panel-pad-y)*-1);border-radius:0 0 var(--panel-radius)var(--panel-radius)}body[data-panel-pos=top-center].panel-down #panel{--panel-y:calc(-100% - var(--panel-gap) + var(--handle-h))}body[data-panel-pos=top-center].ui-pinned #stage{top:calc(var(--panel-h) + var(--panel-gap)*2);bottom:0}body[data-panel-pos=top-center] #scanHint{top:calc(var(--panel-h) + var(--panel-gap));bottom:0}body[data-panel-pos=top-center] #toast{top:auto;bottom:calc(var(--handle-h) + var(--panel-gap)*2 + 10px)}body[data-panel-pos=top-center] #debugInfo{bottom:8px}.cluster{background:var(--cluster-bg);border-radius:var(--cluster-radius);box-shadow:var(--cluster-shadow)}.cluster+.cluster{border-left:var(--divider)}.cluster-cap{font-family:var(--label-font);letter-spacing:.18em;text-transform:uppercase;color:var(--cap);text-shadow:var(--cap-shadow);font-size:8px;font-weight:800;line-height:1}.key{min-width:var(--key-w);min-height:var(--key-h);border-radius:var(--key-radius);cursor:pointer;color:var(--btn-text);background:var(--btn-face);border:1px solid var(--btn-border);border-top-color:var(--btn-border-top);border-left-color:var(--btn-border-left);box-shadow:var(--btn-shadow);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:7px 8px 6px;font-family:inherit;transition:background .18s,box-shadow .18s,color .3s,border-color .3s;display:flex}.key:active,.key.held{background:var(--btn-face-active);box-shadow:var(--btn-shadow-active);transform:translateY(1px)}.key.on{background:var(--btn-face-active);box-shadow:var(--btn-shadow-active)}.key.on .lbl,.key.on svg{color:var(--label-accent)}.key:disabled{opacity:.34;cursor:default}.key:disabled:active{box-shadow:var(--btn-shadow);background:var(--btn-face);transform:none}.key svg{width:21px;height:21px;display:block}.key .lbl{letter-spacing:.1em;color:var(--label);text-shadow:var(--label-shadow);font-size:9px;font-weight:800;line-height:1;font-family:var(--label-font);font-variant-numeric:tabular-nums;white-space:nowrap}.key.sm{min-width:var(--key-w-sm);padding:6px 5px 5px}.key.sm svg{width:17px;height:17px}.key.sm .lbl{letter-spacing:.06em;font-size:8px}#ppBtn{min-width:calc(var(--key-w) + 10px)}#ppBtn .lbl{color:var(--label-accent)}#dockBtn svg{transition:transform .25s}#dockBtn.on svg{transform:rotate(180deg)}.led{vertical-align:middle;background:var(--led-off);border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block;box-shadow:inset 0 0 2px #000c}.led.on{background:var(--accent);box-shadow:0 0 6px var(--accent),0 0 2px var(--accent);animation:1.4s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}#lcd,#lcd2{border-radius:var(--lcd-radius);background:var(--lcd-bg);border:1px solid var(--lcd-frame);box-shadow:var(--lcd-shadow);font-family:var(--lcd-font);color:var(--lcd-ink)}#lcd2{display:none}.lcd-glyph{color:var(--lcd-ink);text-shadow:var(--lcd-glow);align-self:center;font-size:13px;line-height:1}.lcd-time{font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1;display:inline-block;position:relative}.lcd-time .ghost{color:var(--lcd-ink);opacity:var(--lcd-ghost)}.lcd-time .val{text-align:right;color:var(--lcd-ink);text-shadow:var(--lcd-glow);position:absolute;inset:0}#lcdT1{letter-spacing:var(--lcd-track);font-size:21px;font-weight:700}#lcdT2{letter-spacing:var(--lcd-track);opacity:.92;margin-left:auto;font-size:12px;font-weight:700}.lcd-seg{letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:700}.seg{color:var(--lcd-ink);opacity:var(--lcd-ghost);white-space:nowrap;transition:opacity .15s}.seg.on{opacity:1;text-shadow:var(--lcd-glow)}.lcd-title{letter-spacing:.08em;opacity:.72;white-space:nowrap;text-overflow:ellipsis;font-size:9px;display:block;overflow:hidden}.lcd-title>span{display:inline-block}.lcd-title.marquee{text-overflow:clip}.lcd-title.marquee>span{animation:lcd-marquee var(--scroll-dur,9s)ease-in-out infinite alternate}@keyframes lcd-marquee{0%,14%{transform:translate(0)}86%,to{transform:translateX(var(--scroll-by,0px))}}@media (prefers-reduced-motion:reduce){.lcd-title.marquee>span{animation:none}.lcd-title.marquee{text-overflow:ellipsis}}.lcd-meta{letter-spacing:.1em;text-transform:uppercase;opacity:.5;white-space:nowrap;text-overflow:ellipsis;font-size:8px;display:block;overflow:hidden}.lcd-mode{cursor:pointer;letter-spacing:.1em;text-transform:uppercase;color:var(--lcd-ink);opacity:var(--lcd-ghost);background:0 0;border:0;border-radius:3px;align-items:center;gap:4px;margin:-1px -3px;padding:1px 3px;font-family:inherit;font-size:8px;font-weight:700;transition:opacity .15s;display:inline-flex}.lcd-mode svg{width:11px;height:11px;display:block}.lcd-mode.on{opacity:1;text-shadow:var(--lcd-glow)}.lcd-mode:active{background:var(--lcd-hit)}.lcd-mode:disabled{cursor:default;opacity:calc(var(--lcd-ghost)*.55)}.lcd-hit{cursor:pointer;border-radius:3px;margin:-1px -3px;padding:1px 3px}.lcd-hit:active{background:var(--lcd-hit)}.knob{margin-top:max(0px,calc((var(--key-h) - var(--knob-size))/2));pointer-events:none;width:var(--knob-size);height:var(--knob-size);background:var(--knob-face);border:1px solid var(--knob-edge);box-shadow:var(--knob-shadow);border-radius:50%;flex:none;position:relative}.knob:before{content:"";background:repeating-conic-gradient(var(--knob-ticks)0 1.4deg,transparent 1.4deg 15deg);border-radius:50%;position:absolute;inset:-6px;-webkit-mask:radial-gradient(circle closest-side,#0000 0 76%,#000 78%);mask:radial-gradient(circle closest-side,#0000 0 76%,#000 78%)}.knob .ptr{background:var(--knob-pointer);transform-origin:50% 116%;width:2px;height:36%;transform:rotate(calc(-135deg + var(--knob-pct,100)*2.7deg));z-index:2;border-radius:2px;margin-left:-1px;transition:transform .18s;position:absolute;top:8%;left:50%}#panelHandle{cursor:pointer;border-radius:var(--panel-radius)var(--panel-radius)0 0;background:var(--handle-bg)}#panelHandle .grip{background:var(--handle-grip);border-radius:3px;width:46px;height:4px}#panelHandle .hled{background:var(--accent);width:5px;height:5px;box-shadow:0 0 5px var(--accent);opacity:.8;border-radius:50%}#toast{color:#fff;text-align:center;background:#ffffff1f;border:1px solid #fff3;border-radius:999px;padding:9px 16px;font-size:14px;display:none}#toast.show{display:block}#debugHotspot,#themeHotspot{cursor:default;background:0 0}#urlPanel{background:#000000bf}.urlBox{background:var(--panel-face);color:var(--text);border:1px solid var(--panel-edge);border-radius:var(--panel-radius);box-shadow:var(--panel-shadow)}.urlBox label{font-family:var(--label-font);letter-spacing:.18em;text-transform:uppercase;color:var(--cap);text-shadow:var(--cap-shadow);font-size:10px;font-weight:800}#urlInput{width:100%;font-size:16px;font-family:var(--lcd-font);letter-spacing:.04em;color:var(--lcd-ink);background:var(--lcd-bg);border:1px solid var(--lcd-frame);border-radius:var(--lcd-radius);box-shadow:var(--lcd-shadow);outline:none;padding:13px 12px}#urlInput:focus{border-color:var(--accent)}.urlbtn{font-family:var(--label-font);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;color:var(--btn-text);border-radius:var(--key-radius);background:var(--btn-face);border:1px solid var(--btn-border);border-top-color:var(--btn-border-top);border-left-color:var(--btn-border-left);box-shadow:var(--btn-shadow);padding:13px 22px;font-size:11px;font-weight:800}.urlbtn:active{background:var(--btn-face-active);box-shadow:var(--btn-shadow-active);transform:translateY(1px)}:root,body[data-theme="90s"]{--ui-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--label-font:"Helvetica Neue",Arial,sans-serif;--app-bg:radial-gradient(120% 90% at 50% -10%,#1b1e22,#050506 72%);--text:#fff;--panel-gap:14px;--panel-pad-y:10px;--panel-pad-x:12px;--panel-radius:7px;--panel-face:repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000000d 1px 3px),linear-gradient(#e2e6e9,#c8ced3 46%,#b3babf 54%,#d3d8dc);--panel-edge:#7d8489;--panel-edge-top:#fff;--panel-shadow:inset 0 1px 0 #fffffff2,inset 0 -2px 4px #00000038,0 10px 28px #0009;--cluster-gap:9px;--cluster-pad:2px 7px 0;--cluster-radius:4px;--cluster-bg:transparent;--cluster-shadow:none;--divider:1px solid #00000038;--cap:#5c6368;--cap-shadow:0 1px 0 #fffc;--btn-face:repeating-linear-gradient(90deg,#ffffff4d 0 1px,#0000000a 1px 2px),linear-gradient(#f4f6f8,#d0d5da 46%,#b8bfc5 54%,#dde1e4);--btn-face-active:linear-gradient(#a9afb5,#ced3d7);--btn-border:#767c81;--btn-border-top:#fff;--btn-border-left:#eef1f3;--btn-shadow:inset 0 1px 0 #fffffff2,inset 0 -2px 3px #0000003d,0 2px 3px #0006;--btn-shadow-active:inset 0 2px 5px #00000080,0 1px 1px #00000059;--btn-text:#1b1e21;--key-w:52px;--key-w-sm:38px;--key-h:44px;--key-radius:3px;--key-gap:3px;--label:#2c3034;--label-shadow:0 1px 0 #fffc;--label-accent:#8a5a12;--led-off:#4d3a38;--lcd-min:228px;--lcd2-min:200px;--lcd-radius:3px;--lcd-bg:linear-gradient(#0d2244,#061530);--lcd-frame:#3a4048;--lcd-shadow:inset 0 2px 6px #000c,0 1px 0 #ffffffb3;--lcd-ink:#b8e2ff;--lcd-ghost:.17;--lcd-track:.06em;--lcd-glow:0 0 7px #96d2ff8c;--lcd-font:"Helvetica Neue",Arial,sans-serif;--lcd-hit:#b8e2ff2e;--knob-size:40px;--knob-face:radial-gradient(circle at 38% 30%,#f2f5f7,#b7bdc3 62%,#8d9399);--knob-edge:#6e7479;--knob-pointer:#23272b;--knob-ticks:#00000073;--knob-shadow:inset 0 1px 0 #ffffffe6,0 2px 4px #00000073;--handle-h:20px;--handle-bg:linear-gradient(#cfd5da,#aeb5bb);--handle-grip:#00000059;--accent:#ff3b30;--frame:#ffffff80;--frame-corner:#fff}body[data-theme="90s"] #ppBtn{--btn-face:linear-gradient(#f7ecd2,#dfc48d 46%,#cbae74 54%,#ecd9ae)}body[data-theme=valve]{--ui-font:"Georgia","Times New Roman",serif;--label-font:"Georgia",serif;--app-bg:radial-gradient(120% 90% at 50% 34%,#4a2e14 0%,#1c0f05 72%),linear-gradient(#2a1809,#140a04);--text:#f4e0b6;--panel-gap:16px;--panel-pad-y:13px;--panel-pad-x:18px;--panel-radius:22px;--panel-face:repeating-linear-gradient(90deg,#ffd68c12 0 2px,#3c240e29 2px 4px),linear-gradient(#6a4420,#452811);--panel-edge:#d8ab52;--panel-edge-top:#f0cd85;--panel-shadow:inset 0 2px 0 #ffdc9659,inset 0 -5px 12px #0000008c,0 12px 34px #000000a6;--cluster-gap:10px;--cluster-pad:2px 6px 0;--cluster-radius:14px;--cluster-bg:transparent;--cluster-shadow:none;--divider:1px solid #d8ab5266;--cap:#e6c184;--cap-shadow:0 1px 0 #00000080;--btn-face:radial-gradient(120% 150% at 50% 0%,#fff9,#fff0 46%),linear-gradient(#f8eecf,#e7d3a2 55%,#d2b87c);--btn-face-active:linear-gradient(#d8bf85,#efe1bb);--btn-border:#ab8a4f;--btn-border-top:#fff8e4;--btn-border-left:#f0e3c2;--btn-shadow:inset 0 2px 2px #ffffffd9,inset 0 -3px 6px #78501959,0 3px 7px #00000080;--btn-shadow-active:inset 0 3px 8px #7850198c,0 1px 1px #0006;--btn-text:#4a2f12;--key-w:52px;--key-w-sm:36px;--key-h:48px;--key-radius:999px;--key-gap:4px;--label:#6a4a1f;--label-shadow:0 1px 0 #ffffff8c;--label-accent:#ac4f0c;--led-off:#5a3a20;--lcd-min:212px;--lcd-radius:14px;--lcd-bg:radial-gradient(120% 160% at 50% 120%,#4a2e0d,#1b0f04 78%);--lcd-frame:#d8ab52;--lcd-shadow:inset 0 2px 8px #000000bf,0 0 12px #ffb23e2e;--lcd-ink:#ffb23e;--lcd-ghost:.2;--lcd-track:.02em;--lcd-glow:0 0 10px #ffb23eb3;--lcd-font:"Times New Roman","Liberation Serif",serif;--lcd-hit:#ffb23e33;--knob-size:52px;--knob-face:radial-gradient(circle at 36% 26%,#fdf6e2,#e3d0a2 58%,#bd9f68);--knob-edge:#a4813f;--knob-pointer:#5a3b12;--knob-ticks:#ffd68c80;--knob-shadow:inset 0 2px 3px #fffc,0 3px 6px #00000080;--handle-h:22px;--handle-bg:linear-gradient(#7a5028,#543010);--handle-grip:#ffd68c8c;--accent:#ffb23e;--frame:#ffb45080;--frame-corner:#ffcf7a}body[data-theme=valve] .key .lbl,body[data-theme=valve] .cluster-cap,body[data-theme=valve] .seg{font-variant:small-caps;letter-spacing:.06em;text-transform:none}body[data-theme=valve] #lcd{padding:9px 14px 8px}body[data-theme=valve] #panel{outline-offset:-6px;outline:1px solid #d8ab5273}body[data-theme=rack]{--ui-font:"Helvetica Neue",Arial,sans-serif;--label-font:ui-monospace,"Courier New",monospace;--app-bg:radial-gradient(circle at 50% 0%,#15181c,#050607 72%);--text:#c7ecd5;--panel-gap:12px;--panel-pad-y:11px;--panel-pad-x:34px;--panel-radius:3px;--panel-face:repeating-linear-gradient(0deg,#ffffff07 0 1px,#00000040 1px 2px),linear-gradient(#2b2e33,#16181c);--panel-edge:#000;--panel-edge-top:#43484f;--panel-shadow:inset 0 1px 0 #ffffff1f,0 10px 30px #000000bf;--cluster-gap:10px;--cluster-pad:2px 9px 0;--cluster-radius:2px;--cluster-bg:transparent;--cluster-shadow:none;--divider:1px solid #000000d9;--cap:#35e08a;--cap-shadow:0 0 6px #35e08a73;--btn-face:repeating-linear-gradient(0deg,#ffffff0d 0 1px,#0000004d 1px 2px),linear-gradient(#33383d,#202327 55%,#16181b);--btn-face-active:linear-gradient(#16181b,#2a2e33);--btn-border:#0a0b0d;--btn-border-top:#4c525a;--btn-border-left:#33383d;--btn-shadow:inset 0 1px 0 #ffffff1f,inset 0 -2px 4px #0009,0 2px 4px #0009;--btn-shadow-active:inset 0 2px 6px #000000d9;--btn-text:#6fe39a;--key-w:50px;--key-w-sm:35px;--key-h:42px;--key-radius:2px;--key-gap:3px;--label:#35e08a;--label-shadow:0 0 6px #35e08a8c;--label-accent:#ffb03a;--led-off:#132;--lcd-min:218px;--lcd-radius:2px;--lcd-bg:linear-gradient(#0a1410,#050807);--lcd-frame:#000;--lcd-shadow:inset 0 2px 8px #000000e6,0 1px 0 #ffffff0f;--lcd-ink:#35e08a;--lcd-ghost:.16;--lcd-track:.1em;--lcd-glow:0 0 9px #35e08abf;--lcd-font:ui-monospace,"Courier New",monospace;--lcd-hit:#35e08a29;--knob-size:38px;--knob-face:radial-gradient(circle at 38% 28%,#4a5057,#23262a 60%,#131518);--knob-edge:#000;--knob-pointer:#35e08a;--knob-ticks:#35e08a59;--knob-shadow:inset 0 1px 0 #ffffff1f,0 2px 5px #0009;--handle-h:18px;--handle-bg:linear-gradient(#2b2e33,#17191c);--handle-grip:#35e08a66;--accent:#35e08a;--frame:#35e08a73;--frame-corner:#35e08a}body[data-theme=rack] #panel:before,body[data-theme=rack] #panel:after{content:"";background:radial-gradient(circle at 50% 15%,#0a0b0d 0 2.6px,#0000 3.1px),radial-gradient(circle at 50% 85%,#0a0b0d 0 2.6px,#0000 3.1px),linear-gradient(#2c3035,#17191c);border:1px solid #000;border-radius:2px;width:16px;position:absolute;top:7px;bottom:7px;box-shadow:inset 0 1px #ffffff14}body[data-theme=rack] #panel:before{left:7px}body[data-theme=rack] #panel:after{right:7px}body[data-theme=rack] .key .lbl,body[data-theme=rack] .seg{letter-spacing:.14em}body[data-theme=bevel]{--ui-font:Tahoma,Verdana,"DejaVu Sans",sans-serif;--label-font:Tahoma,Verdana,"DejaVu Sans",sans-serif;--app-bg:linear-gradient(#2c3050,#14162a 70%);--text:#dfe2f6;--panel-gap:12px;--panel-pad-y:8px;--panel-pad-x:8px;--panel-radius:4px;--panel-face:linear-gradient(#a9adcf,#8e93bd 40%,#7f85b4);--panel-edge:#4b4f78;--panel-edge-top:#e0e3f6;--panel-shadow:inset 1px 1px 0 #e6e8f8,inset -1px -1px 0 #4b4f78,inset 2px 2px 0 #c3c7e4,inset -2px -2px 0 #5f6490,0 8px 22px #0000008c;--cluster-gap:6px;--cluster-pad:5px 7px 3px;--cluster-radius:2px;--cluster-bg:linear-gradient(#9ea3c8,#8b90b9);--cluster-shadow:inset 1px 1px 0 #cdd0e8,inset -1px -1px 0 #565b87;--divider:0;--cap:#3c4068;--cap-shadow:0 1px 0 #ffffff59;--btn-face:linear-gradient(#c2c6e2,#9ba0c6 52%,#8c92bb);--btn-face-active:linear-gradient(#7d83ad,#9298c1);--btn-border:#4b4f78;--btn-border-top:#e8eaf9;--btn-border-left:#dcdff2;--btn-shadow:inset 1px 1px 0 #e2e5f6,inset -1px -1px 0 #4d5279,0 1px 2px #0006;--btn-shadow-active:inset 1px 1px 0 #4d5279,inset -1px -1px 0 #d3d6ec;--btn-text:#171a33;--key-w:48px;--key-w-sm:36px;--key-h:40px;--key-radius:2px;--key-gap:3px;--label:#1d2040;--label-shadow:0 1px 0 #fff6;--label-accent:#6a1414;--led-off:#4a3550;--lcd-min:228px;--lcd-radius:2px;--lcd-bg:linear-gradient(#0e2b30,#06181c);--lcd-frame:#4b4f78;--lcd-shadow:inset 1px 1px 0 #4d5279,inset -1px -1px 0 #c3c7e4,inset 0 2px 7px #000000b3;--lcd-ink:#7fe6d8;--lcd-ghost:.15;--lcd-track:.12em;--lcd-glow:0 0 8px #7fe6d899;--lcd-font:"Lucida Console",Monaco,ui-monospace,monospace;--lcd-hit:#7fe6d82e;--knob-size:42px;--knob-face:radial-gradient(circle at 36% 28%,#cdd1ea,#9298c1 60%,#6f75a0);--knob-edge:#4b4f78;--knob-pointer:#171a33;--knob-ticks:#1e224080;--knob-shadow:inset 1px 1px 0 #e2e5f6,inset -1px -1px 0 #4d5279,0 2px 4px #00000073;--handle-h:18px;--handle-bg:linear-gradient(#9ea3c8,#7f85b4);--handle-grip:#3c4068;--accent:#ff5f4d;--frame:#c8cdf08c;--frame-corner:#dfe2f6}body[data-theme=bevel] .cluster.util .key{border-radius:2px 2px 0 0;min-height:30px;padding:4px 8px 3px}body[data-theme=bevel] .cluster.util .key svg{display:none}body[data-theme=bevel] .cluster.util .key .lbl{font-size:9px}body[data-theme=bevel] .cluster.trans{--key-gap:2px}body[data-theme=bevel] .key .lbl{text-transform:uppercase}body[data-theme=champagne]{--ui-font:Verdana,Tahoma,"DejaVu Sans",sans-serif;--label-font:Verdana,Tahoma,sans-serif;--app-bg:radial-gradient(120% 90% at 50% -10%,#3a3126,#100d09 72%);--text:#f0e6d2;--panel-gap:14px;--panel-pad-y:9px;--panel-pad-x:16px;--panel-radius:26px;--panel-face:repeating-linear-gradient(90deg,#ffffff0d 0 1px,#785f320f 1px 3px),linear-gradient(#efe4c9,#d3c4a0 44%,#bcab84 56%,#e4d8bb);--panel-edge:#8e7b52;--panel-edge-top:#fffaf0;--panel-shadow:inset 0 1px 0 #fffffff2,inset 0 -3px 6px #6e582d4d,0 12px 32px #0009;--cluster-gap:10px;--cluster-pad:3px 9px 1px;--cluster-radius:16px;--cluster-bg:linear-gradient(#ffffff38,#8c73461f);--cluster-shadow:inset 0 1px 0 #fff9,inset 0 -1px 0 #785f3240;--divider:0;--cap:#6d5a30;--cap-shadow:0 1px 0 #ffffffb3;--btn-face:radial-gradient(circle at 40% 26%,#fffdf6,#ded0ad 54%,#b8a67f);--btn-face-active:radial-gradient(circle at 40% 26%,#cbbc94,#e9dec0);--btn-border:#8e7b52;--btn-border-top:#fffaf0;--btn-border-left:#f4ecd8;--btn-shadow:inset 0 2px 2px #ffffffe6,inset 0 -2px 4px #6e582d59,0 2px 5px #00000073;--btn-shadow-active:inset 0 3px 7px #6e582d80;--btn-text:#3a2f14;--key-w:44px;--key-w-sm:35px;--key-h:46px;--key-radius:999px;--key-gap:3px;--label:#5f4e28;--label-shadow:0 1px 0 #ffffffbf;--label-accent:#a52a12;--led-off:#6a4a3a;--lcd-min:224px;--lcd-radius:10px;--lcd-bg:linear-gradient(#241d14,#0d0a06);--lcd-frame:#6d5a30;--lcd-shadow:inset 0 2px 7px #000000d9,0 1px 0 #fff9;--lcd-ink:#ff6a2c;--lcd-ghost:.18;--lcd-track:.16em;--lcd-glow:0 0 9px #ff6a2cb3;--lcd-font:"Lucida Console",Monaco,ui-monospace,monospace;--lcd-hit:#ff6a2c33;--knob-size:78px;--knob-face:radial-gradient(circle at 38% 26%,#fffdf6,#d8c9a4 52%,#a8996f);--knob-edge:#8e7b52;--knob-pointer:#3a2f14;--knob-ticks:#5a482473;--knob-shadow:inset 0 2px 3px #ffffffe6,inset 0 -3px 7px #6e582d66,0 4px 9px #00000073;--handle-h:20px;--handle-bg:linear-gradient(#e4d8bb,#c3b490);--handle-grip:#5a482480;--accent:#e0341a;--frame:#f0e6d28c;--frame-corner:#fffaf0}body[data-theme=champagne] .key .lbl{letter-spacing:.04em;font-size:8px}body[data-theme=champagne] .key{gap:2px;padding:5px 4px 4px}body[data-theme=champagne] .knob:after{content:"";background:radial-gradient(circle at 40% 30%,#f6efdc,#c0b088);border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;position:absolute;top:50%;left:50%;box-shadow:inset 0 1px #ffffffe6,0 1px 3px #0006}body[data-theme=champagne] .cluster.level{gap:10px}body[data-theme=champagne] .knob .ptr{transform-origin:50% 220%;width:3px;height:20%;top:6%}body[data-theme=champagne] #lcdT1{font-size:24px}body[data-theme=charcoal]{--ui-font:"Arial Narrow","Helvetica Neue",Arial,sans-serif;--label-font:"Arial Narrow","Helvetica Neue",Arial,sans-serif;--app-bg:linear-gradient(#1a1a1c,#060607 72%);--text:#d8d8dc;--panel-gap:10px;--panel-pad-y:5px;--panel-pad-x:5px;--panel-radius:0px;--panel-face:linear-gradient(#3c3c42,#2a2a30 30%,#232328);--panel-edge:#0a0a0c;--panel-edge-top:#6a6a74;--panel-shadow:inset 1px 1px 0 #ffffff1f,inset -1px -1px 0 #101014,0 6px 20px #000000b3;--cluster-gap:4px;--cluster-pad:3px 5px 2px;--cluster-radius:0px;--cluster-bg:linear-gradient(#35353c,#26262b);--cluster-shadow:inset 1px 1px 0 #ffffff17,inset -1px -1px 0 #131317;--divider:0;--cap:#8d8d97;--cap-shadow:none;--btn-face:linear-gradient(#4a4a52,#303036);--btn-face-active:linear-gradient(#232328,#3a3a42);--btn-border:#0e0e12;--btn-border-top:#75757f;--btn-border-left:#5a5a63;--btn-shadow:inset 1px 1px 0 #ffffff24,inset -1px -1px 0 #16161a;--btn-shadow-active:inset 1px 1px 0 #16161a,inset -1px -1px 0 #ffffff1a;--btn-text:#d2d2d8;--key-w:42px;--key-w-sm:34px;--key-h:34px;--key-radius:0px;--key-gap:2px;--label:#b6b6c0;--label-shadow:none;--label-accent:#ff4a3d;--led-off:#40202a;--lcd-min:210px;--lcd-radius:0px;--lcd-bg:#050705;--lcd-frame:#0d0f0d;--lcd-shadow:inset 1px 1px 0 #16161a,inset -1px -1px 0 #ffffff14;--lcd-ink:#3ef07a;--lcd-ghost:.14;--lcd-track:.04em;--lcd-glow:0 0 6px #3ef07a80;--lcd-font:"Lucida Console",Monaco,ui-monospace,monospace;--lcd-hit:#3ef07a29;--knob-size:30px;--knob-face:linear-gradient(#4a4a52,#2a2a30);--knob-edge:#0e0e12;--knob-pointer:#3ef07a;--knob-ticks:#fff3;--knob-shadow:inset 1px 1px 0 #ffffff24,inset -1px -1px 0 #16161a;--handle-h:16px;--handle-bg:linear-gradient(#3c3c42,#26262b);--handle-grip:#7a7a86;--accent:#ff4a3d;--frame:#d8d8dc73;--frame-corner:#d8d8dc}body[data-theme=charcoal] .key{gap:2px;padding:4px 3px 3px}body[data-theme=charcoal] .key svg{width:16px;height:16px}body[data-theme=charcoal] .key.sm svg{width:14px;height:14px}body[data-theme=charcoal] .key .lbl{letter-spacing:.02em;font-size:8px}body[data-theme=charcoal] #lcdT1{font-size:17px}body[data-theme=charcoal] .lcd-seg{font-size:8px}body[data-theme=charcoal] #lcd{gap:2px;padding:4px 6px 3px}body[data-theme=charcoal] #lcd:after{content:"";background:repeating-linear-gradient(90deg,#3ef07a59 0 1px,#0000 1px 4px);height:4px;margin-top:2px;display:block}@media (min-width:1520px){body[data-theme] .cluster.disp{box-sizing:content-box;width:calc(var(--lcd-min) + var(--lcd2-min) + 8px);flex-direction:row;flex:none;align-items:stretch;gap:8px}body[data-theme] #lcd{flex:0 0 var(--lcd-min);width:auto}body[data-theme] #lcd2{flex:0 0 var(--lcd2-min);justify-content:center;width:auto;display:flex}body[data-theme] #lcd .lcd-title{display:none}}@media (max-width:1080px){body[data-theme]{--key-w:50px;--key-w-sm:40px;--key-h:40px;--lcd-min:190px}.lcd-id{display:none}}@media (max-width:780px){body[data-theme]{--key-w:46px;--key-w-sm:37px;--cluster-gap:6px;--key-gap:4px}.cluster-cap{display:none}#lcdT1{font-size:18px}}@media (orientation:landscape) and (max-height:560px){body[data-theme]{--key-w:32px;--key-w-sm:23px;--key-h:34px;--key-gap:2px;--cluster-gap:3px;--cluster-pad:0 3px;--lcd-min:144px;--knob-size:34px;--panel-gap:8px;--panel-pad-x:6px;--panel-pad-y:6px}body[data-theme] .cluster-cap,body[data-theme] .lcd-title{display:none}body[data-theme] .key{gap:3px;padding:5px 4px 4px}body[data-theme] .key.sm{padding:5px 2px 4px}body[data-theme] .key .lbl{letter-spacing:.02em;font-size:8px}body[data-theme] .cluster.util .key.sm{padding:5px 4px 4px}body[data-theme] .key svg{width:17px;height:17px}body[data-theme] .key.sm svg{width:15px;height:15px}body[data-theme] #lcd{gap:2px;padding:4px 8px 3px}body[data-theme] #lcdT1{font-size:15px}body[data-theme] #lcdT2{font-size:10px}body[data-theme] .lcd-seg{flex-wrap:nowrap;font-size:8px;overflow:hidden}body[data-theme] .cluster.disp{min-width:0}body[data-theme] #segTrk{display:none}}@media (orientation:landscape) and (max-height:560px) and (max-width:830px){body[data-theme]{--key-w:29px;--key-w-sm:21px;--lcd-min:130px}body[data-theme] #lcdT1{font-size:14px}body[data-theme] .knob{display:none}}@media (orientation:portrait) and (max-width:760px){body[data-theme].remote #panel{width:min(430px,calc(100vw - var(--panel-gap)*2))}body[data-theme].remote #scanFrame{width:min(82vw,calc(var(--cta-h)*.82));aspect-ratio:1;max-width:460px}body[data-theme].remote #frameCta{flex-direction:column;align-items:center;padding:10px}body[data-theme].remote .cta-half{flex:none;justify-content:center;padding:0}body[data-theme].remote .cta-sep{opacity:1;background:0 0;flex:none;align-self:center;align-items:center;gap:10px;width:76%;height:auto;margin:12px 0;display:flex}body[data-theme].remote .cta-sep:before,body[data-theme].remote .cta-sep:after{content:"";background:var(--frame);opacity:.55;flex:1 1 0;height:1px}body[data-theme].remote .cta-sep span{display:block}body[data-theme].remote{--key-w:45px;--key-w-sm:37px;--key-h:36px;--key-gap:3px;--cluster-gap:5px;--cluster-pad:2px 4px 0}body.remote .panel-inner{gap:5px}body.remote .cluster{flex:auto}body.remote .key{gap:3px;padding:5px 4px 4px}body.remote .key svg{width:17px;height:17px}body.remote #lcd{gap:3px;padding:5px 8px 4px}body.remote .cluster+.cluster{border-left:0}body.remote .cluster.disp,body.remote .cluster.trans{flex:100%;width:100%}body.remote .cluster.disp{order:1}body.remote .cluster.trans{order:2}body.remote .cluster.src{order:3}body.remote .cluster.level{order:4}body.remote .cluster.util{order:5}body.remote .cluster.trans .cluster-keys{justify-content:space-between;width:100%}body.remote .cluster-cap{display:none}body.remote #lcdT1{font-size:22px}}