:root{color:#ffffffeb;font-synthesis:none;--shell:#1f1f1f;--screen:#262626;--line:#ffffff14;--muted:#fff6;--faint:#ffffff47;--serif:"Instrument Serif", Georgia, "Times New Roman", serif;--key-radius:9px;--key-gap:7px;--key-gap-tight:4px;--key-face:linear-gradient(180deg, #3f3f3f 0%, #2b2b2b 100%);--key-face-raised:linear-gradient(180deg, #4a4a4a 0%, #303030 100%);--key-face-raised-hover:linear-gradient(180deg, #525252 0%, #363636 100%);--key-face-flat:#303030;--key-face-flat-hover:#383838;--key-face-flat-on:#3a3a3a;--key-bevel:inset 0 1px 0 #ffffff26;--key-lift:0 2px 4px #00000080;--key-post:0 4px 0 #101010, 0 6px 8px #00000080;--key-sunk:inset 0 2px 6px #000000a6;--key-nudge:inset 0 1px 3px #00000080;--key-wash:#ffffff0d;--track:#00000073;--track-sunk:inset 0 2px 4px #0000008c, inset 0 -1px 0 #ffffff0d;--slot:#171717;--slot-sunk:inset 0 2px 4px #000000d9, 0 1px 0 #ffffff12;--paddle:linear-gradient(180deg, #6d6d6d, #454545);--paddle-on:linear-gradient(180deg, #fff, #cdcdcd);--knurl:repeating-linear-gradient(90deg, #0000008c 0 1px, #ffffff1a 1px 2px);--lamp:#35e07f;--lamp-core:#7bffc0;--lamp-glow:0 0 7px #35e07fd9;--lamp-halo:#35e07f80;--lamp-off:#ffffff1f;--lamp-standby:#d9a557;--lamp-standby-glow:0 0 6px #d9a557b3;--lamp-rec:#e5645c;--lamp-rec-glow:0 0 6px #e5645ccc;background:#171717;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif}*{box-sizing:border-box}button{color:inherit}.workspace-backdrop{background:linear-gradient(#ffffff06 1px, transparent 1px), linear-gradient(90deg, #ffffff06 1px, transparent 1px), var(--screen);background-size:48px 48px}.mesh-host,.mesh-host canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.panel-device{background:var(--shell);border:1px solid #ffffff14;border-radius:24px;flex-direction:column;min-height:0;margin:18px 18px 18px 0;padding:4px;display:flex;box-shadow:0 49px 40px #00000080,0 8px 6px #00000040}.panel-screen{background:var(--screen);scrollbar-width:thin;scrollbar-color:#ffffff24 transparent;border:1px solid #00000080;border-radius:20px;flex:1;min-height:0;transition:opacity .45s;overflow-y:auto}.panel-screen.is-off{opacity:.32}.panel-screen::-webkit-scrollbar{width:6px}.panel-screen::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:3px}.panel-head{border-bottom:1px dashed var(--line);padding:28px 26px 22px}.panel-head h2{font-family:var(--serif);letter-spacing:.005em;margin:0;font-size:40px;font-weight:400;line-height:1.05}.panel-head p{color:var(--muted);letter-spacing:.04em;margin:8px 0 0;font-size:12px}.panel-screen section{border-bottom:1px dashed var(--line);padding:22px 26px 24px}.section-title{align-items:baseline;gap:10px;margin-bottom:16px;display:flex}.section-title span{color:var(--faint);letter-spacing:.08em;font:600 10px/1 ui-monospace,monospace}.section-title h2{letter-spacing:.09em;margin:0;font-size:13px;font-weight:600}.hint{color:#ffffff57;margin:12px 2px 0;font-size:11px;line-height:1.6}.subgroup{border:1px dashed var(--line);border-radius:10px;margin-top:12px;padding:0 12px}.subgroup summary{letter-spacing:.09em;color:#ffffff8c;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:11px 2px;font-size:12px;font-weight:600;list-style:none;transition:color .15s;display:flex}.subgroup summary:hover{color:#ffffffd9}.subgroup summary::-webkit-details-marker{display:none}.subgroup summary:before{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:5px;height:5px;transition:transform .15s;transform:rotate(-45deg)}.subgroup[open] summary:before{transform:rotate(45deg)}.subgroup[open]{padding-bottom:12px}.subgroup[open] summary{border-bottom:1px dashed var(--line);margin-bottom:4px}.range-row{color:#ffffff8c;grid-template-columns:84px 1fr 56px;align-items:center;gap:10px;margin:12px 0;font-size:11px;display:grid}.range-row output{text-align:right;color:#ffffffc7;font-variant-numeric:tabular-nums;font:12px/1 ui-monospace,monospace}.range-row input{appearance:none;cursor:pointer;--track-fill:#ffffff24;--thumb-lift:0 0 0 2px #0000008c, 0 2px 6px #00000080;background:0 0;width:100%;height:20px;margin:0}.range-row input::-webkit-slider-runnable-track{background:var(--track-fill);border-radius:2px;height:3px}.range-row input::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;box-shadow:var(--thumb-lift);background:#fff;border-radius:50%;margin-top:-5px}.range-row input::-moz-range-track{background:var(--track-fill);border-radius:2px;height:3px}.range-row input::-moz-range-thumb{width:13px;height:13px;box-shadow:var(--thumb-lift);background:#fff;border:0;border-radius:50%}.range-row.with-hint{margin-bottom:14px}.range-row .range-hint{color:#ffffff4d;grid-column:2/-1;margin-top:-2px;font-size:11px;line-height:1.5}.slot-row{margin-top:14px}.slot-row+.slot-row{margin-top:10px}.slot-row .slot-label{letter-spacing:.08em;color:#ffffff73;margin-bottom:6px;font-size:11px;display:block}.key-row{margin-top:16px}.segmented{gap:var(--key-gap);display:flex}.segmented.wrap{flex-wrap:wrap}.segmented.wrap .seg{flex:22%}.seg{white-space:nowrap;text-overflow:ellipsis;color:#ffffff94;border-radius:var(--key-radius);cursor:pointer;background:0 0;border:none;flex:1;min-width:0;padding:7px 2px;font-family:inherit;font-size:12px;transition:color .15s,background-color .15s,box-shadow .15s,transform .12s;position:relative;overflow:hidden}.seg:hover:not(:disabled):not(.active){color:#ffffffe0}.seg:disabled{color:#fff3;cursor:not-allowed}.segmented.remote{gap:var(--key-gap-tight);background:var(--track);box-shadow:var(--track-sunk);border:1px solid #ffffff0f;border-radius:12px;padding:3px}.remote .seg:hover:not(:disabled):not(.active){background-color:var(--key-wash)}.remote .seg:active:not(:disabled):not(.active){box-shadow:var(--key-nudge)}.remote .seg.active{color:#fff;background:var(--key-face);box-shadow:var(--key-lift), var(--key-bevel);font-weight:500}.switches .seg{background-color:var(--key-face-flat);background-image:linear-gradient(var(--lamp-off), var(--lamp-off));height:42px;box-shadow:var(--key-lift), var(--key-bevel);background-position:50% calc(100% - 5px);background-repeat:no-repeat;background-size:18px 3px;justify-content:center;align-items:center;padding:0 8px 8px 22px;display:flex}.switches .seg:before{content:"";background:var(--slot);width:11px;height:25px;box-shadow:var(--slot-sunk);border-radius:3px;position:absolute;top:9px;left:8px}.switches .seg:after{content:"";background:var(--paddle);border-radius:2px;width:7px;height:11px;transition:top .12s,background .12s;position:absolute;top:11px;left:10px;box-shadow:0 1px 2px #0009}.switches .seg:hover:not(:disabled){background-color:var(--key-face-flat-hover)}.switches .seg.active{color:#fff;background-color:var(--key-face-flat-on);background-image:radial-gradient(ellipse 22px 9px at center calc(100% - 5px), var(--lamp-halo), transparent 70%), linear-gradient(180deg, var(--lamp-core), var(--lamp));background-position:50%,50% calc(100% - 5px);background-size:auto,18px 3px}.switches .seg.active:after{background:var(--paddle-on);top:21px}.actions .seg,.reset{border-radius:var(--key-radius);color:#ffffffa8;background:var(--key-face-raised);height:42px;box-shadow:var(--key-post), var(--key-bevel);cursor:pointer;border:none;padding:0 14px;font-family:inherit;font-size:12px;transition:transform .1s,box-shadow .1s,color .1s,background .15s;position:relative}.actions .seg:before,.reset:before{content:"";background-image:var(--knurl), var(--knurl);background-position:0,100%;background-repeat:no-repeat;background-size:6px 100%;height:16px;margin-top:-8px;position:absolute;top:50%;left:5px;right:5px}.actions .seg:hover,.reset:hover{color:#fff;background:var(--key-face-raised-hover)}.actions .seg:active,.actions .seg.is-pressed,.reset:active,.reset.is-pressed{color:#fff;box-shadow:var(--key-sunk);transform:translateY(4px)}.segmented.actions.wrap{row-gap:calc(var(--key-gap) + 4px)}.reset{width:100%;margin-top:18px;margin-bottom:4px}.panel-screen footer{color:#ffffff3d;text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;padding:16px 26px;font:10px/1 ui-monospace,monospace;display:flex}.panel-chrome{flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 14px 0 16px;display:flex}.chrome-status{align-items:center;gap:9px;display:flex}.led{background:#5b5b5b;border-radius:50%;width:6px;height:6px}.led.on{background:var(--lamp);box-shadow:var(--lamp-glow)}.led.standby{background:var(--lamp-standby);box-shadow:var(--lamp-standby-glow)}.chrome-label{color:var(--muted);letter-spacing:.16em;font:600 10px/1 ui-monospace,monospace}.chrome-fps{color:var(--faint);font-variant-numeric:tabular-nums;margin-left:4px;font:11px/1 ui-monospace,monospace}.power{color:#ffffff9e;cursor:pointer;background:linear-gradient(#2d2d2d,#1a1a1a);border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;box-shadow:inset 0 1px 2px #ffffff59,0 0 0 2px #00000080,0 8px 12px #0009}.power:hover{color:#fff}.power:active{transform:translateY(1px);box-shadow:inset 0 1px 2px #fff3,0 0 0 2px #00000080,0 4px 8px #00000080}.power.is-off{color:var(--lamp-standby);background:linear-gradient(#232323,#161616);transform:translateY(1px);box-shadow:inset 0 2px 5px #000c,0 0 0 2px #00000080}.power.is-off:hover{color:var(--lamp-standby)}.power svg{width:13px;height:13px}