:root{color-scheme:dark;--bg:#111a23;--surface:#18242f;--panel:#35434f;--ink:#e5e9e7;--muted:#a5b4c2;--line:#73808a;--blue:#68b5ff;--green:#91d3a9;--amber:#f0bd69;--panel-brightness:1}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;color:var(--ink);font:14px Arial,Helvetica,sans-serif;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}button,select,input{font:inherit;color:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer}button{border:0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}button:disabled{cursor:default}a{color:var(--blue)}[hidden]{display:none!important}.topbar{height:70px;padding:0 max(24px,env(safe-area-inset-right)) 0 max(24px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #31404d;background:#111a23}.brand{display:flex;gap:17px;align-items:center;text-decoration:none;color:var(--ink)}.brand-mark{font-weight:900;font-size:27px;letter-spacing:-2px}.brand-mark span{color:var(--blue)}.brand-line{width:1px;height:28px;background:#435463}.brand-name{font-size:15px;letter-spacing:2.5px;font-weight:700;line-height:1.1}.brand-name>span{display:block;color:#8fa2b3;font-size:8px;letter-spacing:1.6px;margin-top:6px}.top-actions{display:flex;align-items:center;gap:24px}.session-mode{font:10px monospace;color:#b4c9d4;letter-spacing:1px;display:flex;align-items:center;gap:8px}.session-mode i{background:#90b5ce;width:5px;height:5px;border-radius:50%}.utc{font:12px monospace;color:#94a7b8}.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:#1d2a36;border:1px solid #3a4b59;border-radius:6px;font-size:18px}.icon-button svg{width:19px;height:19px}.toolbar{min-height:74px;display:flex;align-items:center;gap:13px;padding:9px 24px;background:#19252f;border-bottom:1px solid #354552}.small-label{font-size:8px;letter-spacing:1.6px;color:#8ea0ae;display:block;margin-bottom:4px}.profile-control select{background:transparent;border:0;font-size:11px;font-weight:700;letter-spacing:.5px;min-height:28px;padding:0 20px 0 0;max-width:230px}.profile-control option{background:#1d2a35}.toolbar-divider{width:1px;height:32px;background:#3b4d5b;margin:0 3px}.toolbar-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;background:transparent;font-size:10px;font-weight:700;letter-spacing:.7px;padding:0 12px;border:1px solid transparent;border-radius:5px;white-space:nowrap}.toolbar-button:hover{background:#243543}.toolbar-button svg{width:17px;height:17px;vertical-align:middle}.toolbar-spacer{flex:1}.toolbar-button.primary{background:#294f71;border-color:#5288b3;color:#d8ebff}.count{font:11px monospace;color:#b4d3ee}.chevron{color:#8ca5ba}.workspace{display:flex;min-height:calc(100dvh - 144px)}.rail{width:76px;flex-shrink:0;padding:20px 9px;background:#121d27;border-right:1px solid #30404e;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:8px}.nav-item{width:57px;min-height:58px;padding:7px 2px;background:transparent;color:#91a6b8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-radius:6px;border:1px solid transparent;font-size:8px;letter-spacing:.6px;font-weight:700}.nav-item svg{width:21px;height:21px;stroke-width:1.5}.nav-item.active{background:#243d52;border-color:#45677f;color:#b5dfff;box-shadow:inset 3px 0 #79bbf3}.nav-item:hover{color:#e5eff8;background:#233442}main{padding:25px 27px 0;min-width:0;flex:1;max-width:1750px;margin:0 auto}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.eyebrow{font-size:9px;color:#91a9bc;font-weight:700;letter-spacing:2px}h1{font-size:27px;font-weight:500;letter-spacing:-.7px;margin:6px 0 0}h2{font-size:23px;margin:7px 0 0;letter-spacing:-.5px;font-weight:500}.heading-right{display:flex;align-items:center;gap:22px}.local-note{font:9px monospace;color:#91a2af;letter-spacing:.6px}.local-note b{margin:0 4px;color:#617789}.help-toggle{color:#b8c4cc;border:1px solid #4d606f;background:transparent;padding:0 11px;min-height:36px;border-radius:5px;font-size:12px}.help-toggle span{font-size:9px;letter-spacing:.7px;margin-left:4px}.help-toggle[aria-pressed=true]{background:#294f71}.status-bar{display:grid;grid-template-columns:1fr 1fr 1.3fr 1.25fr;border:1px solid #3a4b58;background:#1a2732;border-radius:5px;margin-bottom:20px;min-height:48px}.status-bar>div,.status-bar>button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 8px;border-right:1px solid #3a4b58;white-space:nowrap;font-size:9px;letter-spacing:.6px}.status-bar>div>span:not(.status-light){color:#8eabba}.status-bar>div>b{font-size:10px;font-weight:500}.status-light{display:inline-block;flex-shrink:0;width:5px;height:5px;border-radius:50%;background:#55616b}.status-light.on{background:#9ed4af;box-shadow:0 0 6px #92d4a666}.status-light.working{background:#f3c57d;box-shadow:0 0 7px #f5b65977;animation:pulse 1.5s infinite}.caution{background:transparent;color:#7e929f;border-right:0!important;border-radius:0 4px 4px 0}.caution.has-caution{background:#68491f55;color:#f2c47e}.caution.has-caution .status-light{background:#f2c47e}.caution.new-caution{animation:caution 2s infinite}.legend{border-left:2px solid var(--blue);padding:12px 16px;background:#1d2d3a;margin:-3px 0 20px;display:flex;gap:13px;flex-wrap:wrap;color:#b9cad6;font-size:11px;line-height:1.7}.legend>span:last-child{flex-basis:100%}.key{width:7px;height:7px;border-radius:2px;display:inline-block;margin-right:5px}.green{background:var(--green)}.amber{background:var(--amber)}.blue{background:var(--blue)}.panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:stretch;filter:brightness(var(--panel-brightness))}.panel-grid.focused{max-width:1000px;margin:0 auto;grid-template-columns:1fr}.panel-grid.focused .control-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.panel{position:relative;padding:20px 16px 12px;background:linear-gradient(110deg,#3c4a56,#34424e 65%,#303e4a);border:1px solid #566571;border-radius:5px;box-shadow:0 4px 8px #0003,inset 0 1px 0 #7f8c9640;min-width:0}.panel:before,.panel:after{content:'';position:absolute;width:8px;height:8px;background:linear-gradient(130deg,#1d2730 30%,#82909b 46%,#17212b 51%,#495863 70%);border-radius:50%;border:1px solid #17242d;top:7px;box-shadow:0 1px 0 #a8b0b740}.panel:before{left:7px}.panel:after{right:7px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 1px 11px;padding-bottom:10px;border-bottom:1px solid #80909a88}.panel-title h2{font-size:11px;letter-spacing:1.5px;font-weight:700;margin:0;line-height:1.4}.panel-title .panel-code{font:9px monospace;color:#a1b1ba}.panel-instrument{min-height:68px;background:#26343f;border:1px solid #72818b66;border-radius:2px;margin-bottom:11px;padding:10px 8px;display:flex;align-items:center;justify-content:space-around;gap:5px}.meter{text-align:center;min-width:0}.meter-label{display:block;font-size:8px;letter-spacing:1px;color:#b7c3ca;margin-bottom:6px}.digital{display:block;font:22px 'Courier New',monospace;letter-spacing:2px;line-height:1;color:#a6d8b9;text-shadow:0 0 8px #81caa744;font-weight:700}.digital small{font:8px Arial,sans-serif;letter-spacing:0;margin-left:3px;color:#91a99d}.digital.dark{color:#5e716d;text-shadow:none}.instrument-rule{width:1px;height:33px;background:#566670}.annunciator{border:2px solid #1b2731;outline:1px solid #53616a;background:#25333d;box-shadow:inset 0 1px 4px #0005;text-align:center;color:#738390;font-size:8px;line-height:1.25;letter-spacing:.6px;padding:7px 5px;min-width:54px;font-weight:700;border-radius:2px}.annunciator.lit{color:#ffd089;background:#674b2c;box-shadow:inset 0 0 8px #f4ab4c33,0 0 8px #e7b56022;text-shadow:0 0 6px #ffb95c55}.annunciator.lit.blue-lamp{color:#a2d8ff;background:#254d69;box-shadow:inset 0 0 8px #5cbdff33,0 0 8px #60bce722}.annunciator.lit.green-lamp{color:#b4f0ca;background:#325340;box-shadow:inset 0 0 8px #5cff9c22}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:9px;row-gap:8px}.control{min-height:95px;text-align:center;padding:7px 2px 6px;position:relative;border:1px solid #7a8b9633;border-radius:2px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.control-label{font-size:9px;letter-spacing:.7px;line-height:1.4;font-weight:700;min-height:14px;margin-bottom:4px;text-shadow:0 1px #1a2833}.switch-control{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:58px}.switch-pos{font-size:8px;letter-spacing:.3px;color:#9babb6;min-width:22px}.switch-pos.selected{color:#f0f1de}.lever{position:relative;background:transparent;width:46px;min-width:46px;height:58px;padding:0;display:flex;justify-content:center;align-items:center;touch-action:manipulation}.lever-base{position:absolute;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at 35% 28%,#60717c,#1a2732 52%,#0e1720 65%,#86939a 69%,#24313c 80%);box-shadow:0 3px 4px #101b25,inset 0 0 0 2px #72828b66}.lever-stem{position:absolute;width:10px;height:29px;background:linear-gradient(90deg,#728089,#d7dcd9 36%,#9da8ac 60%,#586571);top:27px;left:18px;transform-origin:50% 0;transform:rotate(0deg);border-radius:3px 3px 4px 4px;box-shadow:3px 5px 4px #0b172666;transition:top .13s,transform .13s}.lever-stem:after{content:'';position:absolute;bottom:-1px;left:-3px;width:16px;height:19px;background:repeating-linear-gradient(0deg,#909ca2 0 1px,#c2cbce 1px 3px);border:1px solid #6c7a80;border-radius:4px;box-shadow:inset 2px 0 3px #dfe4e666,2px 2px 2px #15232f55}.lever.is-on .lever-stem{top:29px;transform:rotate(180deg)}.lever:active .lever-stem{filter:brightness(1.2)}.control.guarded .control-label{padding-right:5px}.guard-button{background:transparent;color:#d48f8b;height:24px;min-height:24px;min-width:70px;font-size:7px;letter-spacing:1px;display:flex;gap:5px;align-items:center;justify-content:center;width:100%;position:absolute;bottom:0}.guard-button i{width:21px;height:5px;background:repeating-linear-gradient(90deg,#8d3d3d 0 4px,#b35754 4px 6px);border:1px solid #d1796d;box-shadow:0 1px 3px #10202f}.control.guarded{padding-bottom:23px}.control.guard-open .guard-button{color:#9db1c1}.control.guard-open .guard-button i{height:3px;background:#59302d;opacity:.8}.control.guarded:not(.guard-open) .guarded-input{opacity:.55;pointer-events:none}.selector-options{display:flex;gap:3px;align-items:center;justify-content:center;width:100%;margin-top:auto;min-height:48px}.position-button{min-height:44px;min-width:0;padding:4px 2px;flex:1;font-size:8px;font-weight:700;letter-spacing:.3px;background:#25333f;border:1px solid #63727c;border-radius:3px;color:#aebdc7;box-shadow:0 2px 2px #18273566}.position-button.selected{color:#edf7ef;background:linear-gradient(#667b88,#4b6372);border-color:#c2d1d9;box-shadow:inset 0 1px #c4d3dd77,0 0 0 1px #17252f}.knob-wrap{width:100%;display:flex;align-items:center;justify-content:center;margin:5px 0 1px}.knob{width:49px;height:49px;border-radius:50%;background:repeating-conic-gradient(#2c3c47 0deg 6deg,#1f2e39 6deg 12deg);border:2px solid #14202a;box-shadow:0 3px 5px #18222e,inset 0 0 0 6px #31424e;position:relative;transform:rotate(var(--angle,-45deg));transition:transform .2s}.knob:before{content:'';position:absolute;width:28px;height:10px;border-radius:2px;background:linear-gradient(#c2cece,#77898e);top:18px;left:9px;box-shadow:0 2px 2px #0d1c28}.knob:after{content:'';position:absolute;width:4px;height:9px;background:#e8f0df;top:4px;left:20px;border-radius:2px}.control.rotary{min-height:133px}.control.rotary .selector-options{margin-top:5px}.number-line{display:flex;align-items:center;justify-content:center;gap:3px;min-height:48px;width:100%;margin-top:auto}.number-line button{width:31px;min-width:31px;height:44px;background:#263640;border:1px solid #6e7c85;border-radius:3px;font-size:18px}.number-line input{width:64px;min-width:0;text-align:center;background:#202d34;border:1px solid #53666c;border-radius:2px;min-height:40px;padding:4px 0;font:16px 'Courier New',monospace;color:#c9e7bf;-moz-appearance:textfield}.number-line input::-webkit-inner-spin-button{-webkit-appearance:none}.number-unit{display:block;font-size:7px;letter-spacing:1px;color:#a6b5bf;margin-top:3px}.panel-note{font-size:8px;color:#b1bec7;text-align:center;letter-spacing:.3px;line-height:1.6;margin:10px 1px 0}.engine-actions{display:flex;justify-content:center;gap:8px;margin-top:11px}.engine-stop{background:#293640;border:1px solid #7d6a63;border-radius:3px;color:#c4ada1;min-height:44px;flex:1;font-size:8px;letter-spacing:1px}.ground-cart{width:100%;background:transparent;border-top:1px solid #7a8b9644;color:#b6c6cf;min-height:42px;margin-top:10px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.7px}.cart-badge{border:1px solid #839489;padding:5px;color:#b9d7c5;font-size:7px}.ground-cart[aria-pressed=false] .cart-badge{color:#83909a;border-color:#596b76}.control-help{display:none}.help-mode .control-help{display:block;font-size:10px;font-weight:400;color:#c0cdd5;line-height:1.5;padding:6px 5px;max-width:100%;}.help-mode .control{min-height:140px}footer{min-height:68px;display:flex;align-items:center;justify-content:space-between;color:#758d9e;font-size:8px;letter-spacing:.8px;gap:14px}footer>span:first-child{display:flex;align-items:center;gap:6px}.save-dot{width:4px;height:4px;border-radius:50%;background:#8abda2}footer b{color:#a5c5de;font-size:10px}.footer-version{margin-left:12px;font-family:monospace}footer button{background:transparent;color:#8ca6ba;min-height:44px;font-size:8px;letter-spacing:.9px;padding:0}.scrim{position:fixed;inset:0;background:#060c13a8;z-index:8;backdrop-filter:blur(3px)}.drawer{position:fixed;z-index:9;right:0;top:0;bottom:0;background:#17232d;width:min(430px,100%);border-left:1px solid #50606e;box-shadow:-14px 0 50px #0005;padding:26px 25px;overflow-y:auto;padding-bottom:max(26px,env(safe-area-inset-bottom))}.drawer-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:25px}.drawer-header .icon-button{background:transparent}.drawer p{color:#afc0cd;line-height:1.75;font-size:13px}.drawer h3{font-size:11px;letter-spacing:1px;margin:25px 0 12px;color:#dce7ef}.drawer .fineprint{font-size:11px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #3b4d5b;font-size:12px}.setting-row small{display:block;color:#98aebf;font-size:11px;line-height:1.5;margin-top:5px}.setting-row button{background:#2c4050;border:1px solid #5b7284;min-width:65px;min-height:44px;border-radius:4px;font-size:10px;flex-shrink:0}.setting-row button[aria-pressed=true]{background:#375b55;color:#c2f0da;border-color:#78a792}.setting-row input[type=range]{width:130px}.drawer-actions{display:flex;gap:9px;margin:16px 0}.drawer-actions button,.wide-button{background:#2b4256;border:1px solid #537691;border-radius:5px;min-height:44px;padding:10px 15px;color:#d7e6f0;font-size:11px;flex:1}.wide-button{width:100%;margin-top:12px}.drawer a{line-height:1.8}.notice-box{padding:15px;background:#243744;border-left:2px solid #6aa9d8;margin:18px 0}.notice-box strong{font-size:12px}.notice-box p{margin:6px 0 0;font-size:12px}.checklist-intro{display:flex;align-items:center;justify-content:space-between;color:#9eb3c4;font-size:11px}.progress{height:3px;background:#314757;margin:13px 0 20px}.progress>span{display:block;height:100%;background:#8bcaad;transition:width .3s}.check-item{display:flex;align-items:center;gap:12px;text-align:left;background:transparent;border-bottom:1px solid #384c5c;width:100%;min-height:73px;padding:13px 0;color:#d4e0e9}.check-circle{width:24px;height:24px;flex-shrink:0;border:1px solid #6d8393;display:flex;align-items:center;justify-content:center;font:11px monospace;border-radius:50%;color:#90a8ba}.check-item.complete .check-circle{border-color:#79b697;background:#244a3c;color:#afe2c8}.check-item strong{font-size:12px;font-weight:500;display:block}.check-item small{color:#92aabb;font-size:10px;display:block;margin-top:5px;line-height:1.5}.check-arrow{margin-left:auto;color:#6d8ba1}.log-entry{padding:13px 0;border-bottom:1px solid #3b5060;font-size:12px;line-height:1.6;color:#bccdd8}.log-entry time{display:block;color:#758fa2;font:9px monospace;margin-bottom:5px}.caution-row{background:#483a29;border:1px solid #796141;border-radius:4px;min-height:52px;margin-bottom:9px;padding:12px;color:#edc68c;width:100%;text-align:left;font-size:12px}.caution-row span{float:right}dialog{background:#1d2b37;border:1px solid #536b7f;border-radius:10px;color:var(--ink);padding:27px;width:min(560px,calc(100% - 30px));max-height:90dvh}dialog::backdrop{background:#060c13ba;backdrop-filter:blur(4px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-header .icon-button{background:transparent;flex-shrink:0}dialog p{font-size:12px;color:#a8bdcd;line-height:1.6}#presetOptions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:21px 0}.preset-option{min-height:132px;border-radius:5px;border:1px solid #4c6374;background:#263947;color:#d5e4ee;text-align:left;padding:16px;position:relative}.preset-option>span{color:#86bce4;font:10px monospace;letter-spacing:1px}.preset-option strong{display:block;font-weight:500;font-size:16px;margin:11px 0 6px}.preset-option small{font-size:10px;color:#99b2c6;line-height:1.6;display:block}.preset-option:hover{border-color:#8bc8f3;background:#30495b}.preset-option.selected{border-color:#87bda7;background:#2b463f}.fineprint{font-size:10px!important;color:#8ea5b7!important}.toast{position:fixed;bottom:max(25px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#243d4f;border:1px solid #7299b4;box-shadow:0 7px 30px #0008;color:#e3f2fb;padding:14px 20px;z-index:20;width:max-content;max-width:calc(100% - 36px);font-size:12px;line-height:1.6;border-radius:6px}.toast.error{background:#493a27;border-color:#b18c52;color:#f4d4a1}.panel.pulse-panel{animation:panelPulse 1.2s 2}.night{--bg:#0c1118;--panel-brightness:.75}.night .panel{background:linear-gradient(110deg,#293641,#22303c)}.night .control-label,.night .panel-title h2{color:#edcc9c}.night .panel-grid{filter:brightness(var(--panel-brightness))}.night .toolbar,.night .topbar{background:#101a23}.help-mode .guard-button{position:static;margin-top:4px}.help-mode .control.guarded{padding-bottom:6px}.guard-button{min-height:32px;bottom:0}.guarded .control{min-height:110px}.control.guarded .control-label{margin-bottom:4px}.control.guarded .switch-control{min-height:58px;margin-bottom:8px}.control.guarded .selector-options{margin-bottom:16px}button:hover{filter:brightness(1.08)}.icon-button:hover{background:#304353}@keyframes pulse{50%{opacity:.35}}@keyframes caution{50%{background:#83582166}}@keyframes panelPulse{50%{box-shadow:0 0 0 2px #7fc1fa,0 0 18px #3387cd66}}
@media(min-width:1500px){.panel-grid{gap:20px}.control-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.control-label{font-size:10px}.panel-title h2{font-size:13px}.panel{padding:23px 20px 14px}}
@media(max-width:1100px){main{padding:21px 19px 0}.panel-grid{gap:11px}.panel{padding:20px 10px 10px}.control-grid{gap:7px}.panel-title h2{font-size:10px;letter-spacing:1px}.top-actions{gap:16px}.toolbar{gap:6px;padding-left:19px;padding-right:19px}.toolbar-button{padding:0 8px}.heading-right{gap:12px}.local-note{font-size:8px}.status-bar>div,.status-bar>button{gap:6px;font-size:8px}.status-bar>div>b{font-size:9px}.switch-control{gap:3px}.switch-pos{font-size:7px;min-width:19px}.control-label{font-size:8px}.number-line{gap:2px}.number-line input{width:49px;font-size:14px}.number-line button{min-width:26px;width:26px}.position-button{font-size:7px;padding:3px 1px}}
@media(max-width:900px){.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rail{width:65px;padding:19px 5px}.nav-item{width:54px}.local-note{display:none}.brand-name{font-size:13px}.topbar{padding:0 19px}.top-actions{gap:12px}.toolbar{flex-wrap:wrap;gap:4px}.profile-control select{font-size:10px}.toolbar-divider{margin:0 1px}.toolbar-button{font-size:9px;padding:0 6px}.control-label{font-size:9px}.position-button{font-size:8px}.number-line input{width:64px}.number-line button{min-width:31px}.panel-grid.focused .control-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.topbar{height:64px;padding:0 14px}.brand{gap:11px}.brand-mark{font-size:25px}.brand-name{font-size:11px;letter-spacing:1.5px}.brand-name>span{font-size:6px;letter-spacing:.9px}.session-mode,.utc{display:none}.toolbar{padding:8px 10px;min-height:80px}.toolbar-spacer{display:none}.toolbar-divider{display:none}.profile-control{flex:1;min-width:55%}.profile-control select{font-size:10px;max-width:100%}#presetBtn{font-size:9px;padding:0 5px;min-height:40px}.toolbar-button{min-height:40px}.hide-small{display:none}#fullscreenBtn{margin-left:auto}.toolbar-button.primary{padding:0 10px}.rail{width:100%;height:64px;position:sticky;top:0;border-right:0;border-bottom:1px solid #354c60;z-index:3;flex-direction:row;overflow-x:auto;gap:3px;padding:4px 8px;background:#14232f}.nav-item{min-width:54px;width:54px;min-height:53px;gap:4px;font-size:7px}.nav-item svg{width:17px;height:17px}.nav-item.active{box-shadow:inset 0 -2px #79bbf3}.workspace{display:block}main{padding:19px 12px 0}.panel-heading{margin-bottom:15px}.eyebrow{font-size:8px}h1{font-size:24px}.help-toggle{min-height:36px}.help-toggle span{font-size:8px}.status-bar{grid-template-columns:1fr 1fr;margin-bottom:14px}.status-bar>div:nth-child(2){border-right:0}.status-bar>div:first-child,.status-bar>div:nth-child(2){border-bottom:1px solid #3a4b58}.status-bar>div,.status-bar>button{min-height:38px;padding:7px;font-size:8px}.panel-grid{grid-template-columns:1fr;gap:16px}.panel{padding:23px 15px 13px}.panel-title h2{font-size:11px}.panel-grid.focused .control-grid,.control-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.control-label{font-size:8px}.number-line input{width:48px;font-size:14px}.number-line button{width:25px;min-width:25px}.switch-control{gap:3px}.switch-pos{font-size:7px;min-width:17px}.position-button{font-size:7px}.number-line{gap:1px}.panel-instrument{min-height:78px}.panel-code{display:block}footer{flex-wrap:wrap;gap:5px;line-height:1.8;padding:15px 0}footer>span:first-child{width:100%}.footer-version{margin-left:8px}.panel-note{font-size:8px}.legend{font-size:10px}#presetOptions{gap:9px}.preset-option{padding:12px}.preset-option strong{font-size:14px}.preset-option small{font-size:9px}}
@media(max-width:360px){.panel-grid.focused .control-grid,.control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Tablet controls keep a 44px minimum touch target. */
.control-label{font-size:10px}.panel-title h2{font-size:12px}.meter-label{font-size:9px}.control.number-control{grid-column:span 2}.number-line button{min-width:44px;width:44px}.number-line input{width:100px;font-size:18px}.number-line{gap:6px}.guard-button{min-height:44px}.control.guarded{padding-bottom:35px}.position-button{min-width:44px}.four-pos .selector-options{display:grid;grid-template-columns:repeat(2,minmax(44px,1fr));gap:4px}.four-pos{min-height:188px}.panel-grid.focused .four-pos .selector-options{display:flex}.panel-grid.focused .four-pos{min-height:140px}body[data-backlight=bright] .control-label,body[data-backlight=bright] .panel-title h2{color:#fff9e6;text-shadow:0 0 6px #e6d7b533}body[data-backlight=off] .control-label,body[data-backlight=off] .panel-title h2{color:#b8c3cc;text-shadow:none}
@media(max-width:1100px){.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-label{font-size:10px}.panel-title h2{font-size:12px}.position-button{font-size:9px}.meter-label{font-size:9px}.number-line input{width:100px;font-size:18px}}
@media(max-width:780px){.panel-grid{grid-template-columns:1fr}.control-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.control.number-control{grid-column:span 3}.panel-grid.focused .control.number-control{grid-column:span 3}.four-pos .selector-options{display:flex}.four-pos{min-height:140px}}
@media(max-width:600px){.control-grid,.panel-grid.focused .control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control.number-control,.panel-grid.focused .control.number-control{grid-column:span 2}.control-label{font-size:10px}.panel-title h2{font-size:12px}.four-pos .selector-options,.panel-grid.focused .four-pos .selector-options{display:grid;grid-template-columns:repeat(2,minmax(44px,1fr))}.four-pos,.panel-grid.focused .four-pos{min-height:188px}.number-line button{width:44px;min-width:44px}.number-line input{width:100px;font-size:18px}.position-button{font-size:9px}.panel-instrument{flex-wrap:wrap;row-gap:10px}.panel-instrument .digital{font-size:20px}.help-toggle,.toolbar-button{min-height:44px}}