:root{--live-bg:#050a0e;--live-panel:#071016;--live-border:#27343d;--live-cyan:#60e7f4;--live-red:#df1116}
.topbar{height:68px;padding:0 28px}.topbar-right{display:flex;align-items:center;gap:20px}.live-connection-status{display:flex;align-items:center;gap:11px;color:#8b969d;font-size:13px}.live-connection-status i{display:block;width:18px;height:18px;border-radius:50%;background:#394148;box-shadow:0 0 0 1px #4c555b inset}.live-connection-status.online{color:#d7dde1}.live-connection-status.online i{background:#68cf42;box-shadow:0 0 16px #68cf4260}.live-connection-status.connected i:after{content:"✓";display:grid;place-items:center;color:#071008;font:900 11px/18px sans-serif}.vehicle-picker{display:flex;align-items:center;gap:11px;padding-right:22px;border-right:1px solid var(--live-border);font-size:13px;color:#d7dde1}.vehicle-picker img{width:76px;height:40px;object-fit:contain}.vehicle-picker b{font-size:16px;color:#98a2a8}.account-avatar{display:grid;place-items:center;width:32px;height:32px;border:1px solid #778087;border-radius:50%;font-size:25px;line-height:1;color:#aeb6bb}.live-page{padding:15px 16px 22px;background:radial-gradient(circle at 54% -20%,#15334238,transparent 40%),var(--live-bg);min-height:calc(100vh - 68px)}
.gauge-strip{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:12px;max-height:280px}.apex-gauge{position:relative;aspect-ratio:1;max-height:270px;min-height:174px;display:grid;place-items:center;filter:drop-shadow(0 12px 18px #0008)}.apex-gauge:before{content:"";position:absolute;inset:3%;border-radius:50%;background:radial-gradient(circle at 45% 43%,#101a20 0 48%,#050a0e 63%,#161d21 64%,#778087 66%,#191f23 69%,#030608 72%);box-shadow:inset 0 0 20px #000,0 0 0 1px #050607}.gauge-face{position:absolute;inset:9%;border-radius:50%;overflow:hidden}.gauge-ticks{position:absolute;inset:3%;border-radius:50%;background:repeating-conic-gradient(from -132deg,#d9e2e7 0 1deg,transparent 1.2deg 6deg);mask:radial-gradient(circle,transparent 0 64%,#000 65% 69%,transparent 70%);opacity:.88}.gauge-redline{position:absolute;inset:1%;border-radius:50%;background:conic-gradient(from 102deg,transparent 0 263deg,#ff3b28 264deg 292deg,transparent 293deg);mask:radial-gradient(circle,transparent 0 70%,#000 71% 74%,transparent 75%)}.gauge-label{position:absolute;left:0;right:0;top:39%;text-align:center;color:#f2f5f6;text-transform:uppercase;font-size:clamp(11px,1vw,15px);letter-spacing:.025em}.gauge-unit{position:absolute;left:0;right:0;top:57%;text-align:center;color:#8c979d;font-size:clamp(9px,.8vw,12px)}.gauge-digital{position:absolute;left:0;right:0;bottom:14%;text-align:center;color:#68dff4;font:300 clamp(24px,2.6vw,43px)/1 "Bahnschrift","Segoe UI",sans-serif;text-shadow:0 0 16px #48dff55a}.gauge-needle{position:absolute;width:40%;height:3px;left:50%;top:50%;transform-origin:0 50%;transform:rotate(var(--needle-angle));background:linear-gradient(90deg,#bffcff 0,#72eaf6 70%,transparent);box-shadow:0 0 7px #6eeafa;border-radius:4px;transition:transform .18s cubic-bezier(.2,.8,.2,1)}.gauge-hub{position:absolute;width:12%;aspect-ratio:1;border-radius:50%;left:44%;top:44%;background:radial-gradient(circle at 40% 35%,#26343c,#0a0f12 62%,#000);box-shadow:0 0 0 1px #273139,0 4px 8px #000}.gauge-scale{position:absolute;inset:0;color:#edf2f5;font:500 clamp(10px,.95vw,14px)/1 "Bahnschrift","Segoe UI",sans-serif}.gauge-scale span{position:absolute;transform:translate(-50%,-50%)}
.live-workspace{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(330px,.95fr);gap:12px;margin-top:12px}.telemetry-panel,.preset-panel,.channel-panel{border:1px solid var(--live-border);background:linear-gradient(150deg,#081117,#050a0e);border-radius:8px}.telemetry-panel{min-height:490px;padding:17px 18px 13px;display:flex;flex-direction:column}.live-panel-head{display:flex;align-items:center;justify-content:space-between}.live-panel-head h2,.preset-panel label{margin:0;text-transform:uppercase;font-size:13px;letter-spacing:.035em;color:#e5e9eb}.live-panel-head>div{display:flex;align-items:center;gap:14px}.live-indicator{color:#72cffa;font-size:11px}.live-indicator i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#3d9cf5;margin-right:7px;box-shadow:0 0 8px #3d9cf5}.live-panel-head select,.preset-row select{border:1px solid var(--live-border);background:#091016;color:#d9dee1;border-radius:6px;padding:9px 34px 9px 13px;font-size:12px}.live-chart-wrap{position:relative;flex:1;min-height:385px;margin-top:12px}.live-chart-wrap canvas{width:100%;height:100%;display:block}.live-chart-legend{display:flex;justify-content:center;gap:45px;padding-top:8px;color:#99a4aa;font-size:10px;text-transform:uppercase}.live-chart-legend span i,.channel-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;box-shadow:0 0 8px currentColor}.live-control-rail{display:grid;grid-template-rows:auto minmax(260px,1fr) auto auto;gap:11px}.preset-panel{padding:16px}.preset-panel label{display:block;margin-bottom:14px}.preset-row{display:grid;grid-template-columns:1fr 54px;gap:10px}.preset-row select{width:100%;font-size:13px}.preset-row button{border:1px solid var(--live-border);border-radius:6px;background:#0b141a;color:#bac2c7;font-weight:800}.channel-panel{overflow:hidden}.channel-head,.live-channel-row{display:grid;grid-template-columns:minmax(150px,1fr) 88px 58px;align-items:center}.channel-head{height:42px;padding:0 20px;border-bottom:1px solid var(--live-border);color:#cdd3d7;text-transform:uppercase;font-size:10px;letter-spacing:.04em}.live-channel-row{min-height:41px;padding:0 20px;border-bottom:1px solid #1b252c;color:#cdd4d8;font-size:12px}.live-channel-row span:nth-child(2){font-variant-numeric:tabular-nums;color:#edf4f7}.live-channel-row span:nth-child(3){color:#929da3}.live-channel-list{max-height:360px;overflow:auto}.live-connect-button,.live-record-button{height:48px;border-radius:6px;font-weight:700;font-size:14px;cursor:pointer}.live-connect-button{border:1px solid #3e9fb8;background:#0c242d;color:#75e9f5}.live-connect-button.connected{border-color:#43515a;background:#111920;color:#d8dee1}.live-record-button{height:74px;border:1px solid #f0252b;background:linear-gradient(#ed171c,#c7070b);color:#fff;font-size:17px;box-shadow:inset 0 1px #ff6467,0 7px 18px #0005}.live-record-button:disabled{filter:grayscale(.8);opacity:.46;cursor:not-allowed}.live-record-button i{display:inline-block;width:30px;height:30px;border:3px solid #fff;border-radius:50%;vertical-align:middle;margin-right:12px;position:relative}.live-record-button i:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}.live-record-button.recording{background:linear-gradient(#2a333a,#151c21);border-color:#58656d}.live-record-button.recording i:after{border-radius:2px}
@media(max-width:1200px){.gauge-strip{grid-template-columns:repeat(5,minmax(130px,1fr))}.gauge-digital{bottom:12%}.live-workspace{grid-template-columns:1fr 340px}.live-chart-legend{gap:20px}.vehicle-picker span{display:none}}
@media(max-width:900px){.gauge-strip{grid-template-columns:repeat(3,1fr);max-height:none}.apex-gauge:nth-child(n+4){display:none}.live-workspace{grid-template-columns:1fr}.live-control-rail{grid-template-rows:auto auto auto auto}.live-chart-wrap{min-height:320px}.topbar-right{gap:8px}.vehicle-picker{display:none}}
@media(max-width:650px){.live-page{padding:10px}.gauge-strip{grid-template-columns:repeat(2,1fr)}.apex-gauge:nth-child(3){display:none}.telemetry-panel{padding:12px;min-height:400px}.live-chart-wrap{min-height:290px}.live-chart-legend{gap:10px;flex-wrap:wrap}.live-connection-status span{max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-menu>span:not(.account-avatar){display:none}}
@media(prefers-reduced-motion:reduce){.gauge-needle{transition:none}}
.live-connection-status.connected i:after{content:"\2713"}
.gauge-ticks{background:repeating-conic-gradient(from 132deg,#d9e2e7 0 1deg,transparent 1.2deg 6deg)}
.gauge-peak{position:absolute;left:0;right:0;bottom:6%;text-align:center;color:#6f7c84;font:700 clamp(6px,.48vw,8px)/1 "Segoe UI",sans-serif;letter-spacing:.09em}
.gauge-peak b{color:#88dce7}
.admin-entry{display:block;text-decoration:none}
.live-page [hidden],.layout-menu[hidden]{display:none!important}
.app-shell.sidebar-hidden{grid-template-columns:1fr}.app-shell.sidebar-hidden .sidebar{display:none!important}
.layout-control{position:relative;margin-left:auto;margin-right:18px}.layout-button{border:1px solid var(--live-border);background:#0b151c;color:#b9c8d0;border-radius:6px;padding:9px 15px;font-size:11px;font-weight:750;cursor:pointer}.layout-button:hover,.layout-button[aria-expanded=true]{border-color:#3e9fb8;color:#78eaf5}.layout-menu{position:absolute;right:0;top:44px;width:250px;padding:16px;border:1px solid #31434e;border-radius:8px;background:#091117;box-shadow:0 18px 40px #000b;z-index:30}.layout-menu strong{display:block;margin-bottom:12px;text-transform:uppercase;font-size:11px;letter-spacing:.06em}.layout-menu label{display:flex;align-items:center;gap:9px;padding:8px 0;color:#b8c4ca;font-size:12px}.layout-menu label input{accent-color:var(--live-cyan)}.layout-menu>div{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--live-border)}.layout-menu button{flex:1;border:1px solid var(--live-border);background:#101b22;color:#aebdc5;padding:8px;border-radius:4px;font-size:10px;cursor:pointer}
.live-workspace{grid-template-columns:minmax(0,var(--telemetry-left,.68fr)) 8px minmax(330px,var(--telemetry-right,.32fr));gap:8px}.live-workspace.telemetry-only{grid-template-columns:1fr}.live-workspace.presets-only{grid-template-columns:minmax(330px,580px);justify-content:end}.workspace-splitter{border-radius:5px;cursor:col-resize;background:linear-gradient(90deg,transparent 2px,#253641 3px 5px,transparent 6px);transition:background .15s}.workspace-splitter:hover{background:linear-gradient(90deg,transparent 1px,#54dceb 2px 6px,transparent 7px)}
.telemetry-panel{height:var(--telemetry-height,490px);min-height:280px;position:relative}.telemetry-height-handle{position:absolute;left:28%;right:28%;bottom:2px;height:9px;cursor:row-resize}.telemetry-height-handle:after{content:"";position:absolute;left:30%;right:30%;top:3px;height:2px;border-radius:3px;background:#314650}.panel-icon-button{border:1px solid var(--live-border);background:#0b151c;color:#a9bbc4;border-radius:5px;padding:8px 10px;font-size:10px;cursor:pointer}.telemetry-panel:fullscreen{width:100vw;height:100vh!important;border:0;border-radius:0;padding:25px;background:#050a0e}.telemetry-panel:fullscreen .live-chart-wrap{min-height:0}
.live-empty-layout{min-height:360px;display:grid;place-content:center;text-align:center;gap:10px;color:#91a3ad}.live-empty-layout strong{color:#edf5fa;font-size:20px}.live-empty-layout .button{margin:14px auto 0}
.gauge-dialog{width:min(620px,calc(100vw - 32px));max-height:80vh;border:1px solid #31434e;border-radius:10px;background:#081017;color:#edf5fa;padding:0;box-shadow:0 30px 90px #000}.gauge-dialog::backdrop{background:#010407cc;backdrop-filter:blur(4px)}.gauge-dialog form{padding:22px}.gauge-dialog-head{display:flex;justify-content:space-between;align-items:start}.gauge-dialog-head strong{font-size:20px}.gauge-dialog-head span{display:block;color:#8093a0;font-size:12px;margin-top:5px}.gauge-dialog-head button{border:0;background:transparent;color:#8fa1ac;font-size:22px;cursor:pointer}.gauge-dialog input[type=search]{width:100%;margin:18px 0 12px;padding:12px;border:1px solid var(--live-border);border-radius:6px;background:#0c161d;color:white}.gauge-options{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:360px;overflow:auto;padding-right:5px}.gauge-options label{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #1f303a;border-radius:6px;background:#0a131a;cursor:pointer}.gauge-options label:has(input:checked){border-color:#32bdd3;background:#0c252d}.gauge-options input{accent-color:#42d7e6}.gauge-options span{font-size:12px}.gauge-options small{display:block;color:#778b97;margin-top:3px}.gauge-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:18px}.gauge-dialog-actions>span{margin-right:auto;color:#81949f;font-size:11px}
.settings-grid{display:grid;grid-template-columns:minmax(420px,1fr) minmax(360px,.8fr);gap:14px}.logging-settings>label,.threshold-field{display:block;color:#aebdc6;font-size:12px;margin:18px 0}.settings-status{border:1px solid #2a414e;border-radius:4px;padding:6px 8px;color:#74ddea;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.folder-field{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:8px}.folder-field input{min-width:0;border:1px solid var(--line);border-radius:5px;background:#081017;color:#d9e5ea;padding:12px}.setting-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0}.setting-row strong{font-size:13px}.setting-row span{display:block;margin-top:5px;color:#7e919d;font-size:11px}.switch input{display:none}.switch i{display:block;width:44px;height:24px;border-radius:20px;background:#26323a;position:relative;cursor:pointer}.switch i:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#9cabb4;transition:.18s}.switch input:checked+i{background:#176477}.switch input:checked+i:after{left:23px;background:#69e7f3}.threshold-field>div{display:flex;align-items:center;gap:14px;margin-top:11px}.threshold-field input{flex:1;accent-color:#59ddea}.threshold-field output{min-width:46px;color:#70e5f1;font-weight:750}.performance-metrics{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.live-workspace,.live-workspace.telemetry-only,.live-workspace.presets-only{grid-template-columns:1fr;justify-content:stretch}.workspace-splitter{display:none!important}.telemetry-panel{height:auto;min-height:420px}.settings-grid{grid-template-columns:1fr}.layout-control{margin-left:auto;margin-right:8px}}
@media(max-width:650px){.layout-button{padding:8px 10px}.layout-menu{position:fixed;right:10px;top:62px;width:min(280px,calc(100vw - 20px))}.gauge-options{grid-template-columns:1fr}.performance-metrics{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.folder-field{grid-template-columns:1fr}.telemetry-height-handle{display:none}}

/* DEV workspace polish */
.topbar-right{margin-left:auto}
.gauge-label{left:18%;right:18%;top:31%;font-size:clamp(9px,.8vw,13px);font-weight:750;line-height:1.05;letter-spacing:.015em;text-wrap:balance;z-index:2}
.gauge-unit{top:47%;font-size:clamp(8px,.68vw,11px);z-index:2}
.gauge-digital{bottom:15%}
.gauge-peak{bottom:7%}

.telemetry-lane-handles{position:absolute;inset:0;pointer-events:none;z-index:4}
.telemetry-lane-handle{position:absolute;left:54px;right:12px;height:16px;transform:translateY(-8px);border:0;padding:0;background:transparent;cursor:row-resize;pointer-events:auto;touch-action:none}
.telemetry-lane-handle:before{content:"";position:absolute;left:0;right:0;top:7px;height:1px;background:#30434e;transition:height .12s,background .12s,box-shadow .12s}
.telemetry-lane-handle:after{content:"";position:absolute;left:50%;top:4px;width:38px;height:7px;transform:translateX(-50%);border-radius:8px;background:#263944;box-shadow:0 0 0 1px #405864}
.telemetry-lane-handle:hover:before,.telemetry-lane-handle:focus-visible:before,.telemetry-lane-handle.dragging:before{height:2px;background:#5de5f2;box-shadow:0 0 8px #5de5f288}
.telemetry-lane-handle:hover:after,.telemetry-lane-handle:focus-visible:after,.telemetry-lane-handle.dragging:after{background:#54d9e6;box-shadow:0 0 10px #54d9e680}

.settings-grid{align-items:start}
.settings-span-full{grid-column:1/-1}
.logging-settings,.workspace-settings{min-width:0}
.logging-settings .panel-head{margin-bottom:22px}
.logging-settings .field-label,.logging-settings .threshold-field{display:block;margin:0;color:#c7d3d9;font:650 12px/1.35 "Segoe UI",sans-serif;letter-spacing:0}
.folder-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin:8px 0 22px}
.folder-field input{width:100%;min-width:0;height:42px;box-sizing:border-box;padding:0 12px;border:1px solid var(--line);border-radius:5px;background:#081017;color:#d9e5ea;font:400 12px/1 "Segoe UI",sans-serif;letter-spacing:0;text-overflow:ellipsis}
.folder-field .button{height:42px;white-space:nowrap;font-family:"Segoe UI",sans-serif}
.setting-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 0;margin:0 0 20px}
.setting-row>div{display:flex;min-width:0;flex-direction:column;gap:5px}
.setting-row strong{font:650 13px/1.25 "Segoe UI",sans-serif;color:#dbe5ea}
.setting-row span{display:block;margin:0;color:#8799a3;font:400 11px/1.45 "Segoe UI",sans-serif}
.setting-row .switch{display:block;margin:0}
.threshold-field>div{display:grid;grid-template-columns:minmax(0,1fr) 52px;align-items:center;gap:14px;margin-top:10px}
.threshold-field input{width:100%;min-width:0}
.threshold-field output{text-align:right;font:750 13px/1 "Segoe UI",sans-serif}
.logging-settings>.button{margin-top:18px}

.layout-setting-list{display:grid;gap:0;margin-top:16px;border-top:1px solid var(--line)}
.layout-setting-list label{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:15px 0;border-bottom:1px solid var(--line);cursor:pointer}
.layout-setting-list label>span{display:flex;min-width:0;flex-direction:column;gap:4px}
.layout-setting-list strong{color:#dce6eb;font:650 12px/1.3 "Segoe UI",sans-serif}
.layout-setting-list small{color:#81939d;font:400 11px/1.4 "Segoe UI",sans-serif}
.layout-setting-list input{width:18px;height:18px;margin:0;accent-color:var(--live-cyan)}
.layout-setting-actions{display:flex;gap:10px;margin-top:18px}

dialog.gauge-dialog{width:min(760px,calc(100vw - 32px));max-width:760px;max-height:min(82vh,720px);box-sizing:border-box;overflow:hidden;border:1px solid #31434e;border-radius:12px;background:#081017;color:#edf5fa;padding:0;box-shadow:0 30px 90px #000}
dialog.gauge-dialog[open]{display:block}
.gauge-dialog form{display:flex;max-height:min(82vh,720px);box-sizing:border-box;flex-direction:column;padding:22px;font-family:"Segoe UI",sans-serif}
.gauge-dialog-head{display:flex;flex:none;align-items:flex-start;justify-content:space-between;gap:18px}
.gauge-dialog-head>div{display:flex;min-width:0;flex-direction:column;gap:5px}
.gauge-dialog-head strong{font:700 19px/1.2 "Segoe UI",sans-serif;color:#edf5fa}
.gauge-dialog-head span{margin:0;color:#8ba0aa;font:400 12px/1.4 "Segoe UI",sans-serif}
.gauge-dialog-head button{display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid #2b3c46;border-radius:6px;background:#0b151c;color:#a6b6be;font:500 20px/1 "Segoe UI",sans-serif}
.gauge-dialog input[type=search]{flex:none;width:100%;height:42px;box-sizing:border-box;margin:18px 0 12px;padding:0 12px;border:1px solid var(--live-border);border-radius:6px;background:#0c161d;color:white;font:400 12px/1 "Segoe UI",sans-serif}
.gauge-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0;max-height:420px;overflow:auto;padding:2px 6px 2px 2px}
.gauge-options label{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:52px;box-sizing:border-box;padding:10px 12px;border:1px solid #1f303a;border-radius:7px;background:#0a131a;cursor:pointer}
.gauge-options label:hover{border-color:#375463;background:#0d1a22}
.gauge-options label:has(input:checked){border-color:#32bdd3;background:#0c252d}
.gauge-options input{width:16px;height:16px;margin:0;accent-color:#42d7e6}
.gauge-options span{display:block;min-width:0;overflow:hidden;color:#dce7eb;font:600 12px/1.25 "Segoe UI",sans-serif;text-overflow:ellipsis;white-space:nowrap}
.gauge-options small{display:block;margin-top:4px;overflow:hidden;color:#778b97;font:400 10px/1.2 "Segoe UI",sans-serif;text-overflow:ellipsis;white-space:nowrap}
.gauge-dialog-actions{display:flex;flex:none;align-items:center;justify-content:flex-end;gap:9px;margin-top:18px;padding-top:15px;border-top:1px solid #1d2b33}
.gauge-dialog-actions>span{margin-right:auto;color:#81949f;font:600 11px/1 "Segoe UI",sans-serif}

@media(max-width:650px){.gauge-label{top:29%;font-size:9px}.gauge-unit{top:47%}.gauge-options{grid-template-columns:1fr}.settings-span-full{grid-column:auto}.layout-setting-actions{flex-direction:column}.layout-setting-actions .button{width:100%}.telemetry-lane-handle{left:48px;right:8px}}

/* Account presets and independently resizable control rail */
.live-control-rail{display:flex;min-width:0;flex-direction:column;gap:11px;align-self:start}
.preset-panel,.channel-panel{position:relative;box-sizing:border-box;flex:none;min-width:0}
.preset-panel{height:var(--preset-panel-height,172px);min-height:132px;padding:15px 16px 20px;overflow:hidden}
.channel-panel{display:flex;height:var(--channel-panel-height,440px);min-height:220px;flex-direction:column;overflow:hidden}
.live-channel-list{min-height:0;max-height:none;flex:1;overflow:auto}
.preset-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.preset-panel .preset-panel-head label{display:block;margin:0}
.preset-tool-button,.preset-actions button{height:28px;border:1px solid var(--live-border);border-radius:5px;background:#0b161d;color:#c6d3d9;font:650 11px/1 "Segoe UI",sans-serif;cursor:pointer}
.preset-tool-button{padding:0 10px;color:var(--live-cyan)}
.preset-tool-button:hover,.preset-actions button:hover{border-color:#3b6976;background:#0e2028}
.preset-tool-button:disabled,.preset-actions button:disabled{opacity:.45;cursor:not-allowed}
.preset-description{min-height:30px;margin:9px 0 7px;color:#82949d;font:400 10px/1.4 "Segoe UI",sans-serif}
.preset-description.warning{color:#e8b955}
.preset-actions{display:flex;justify-content:flex-end;gap:7px}
.preset-actions button{padding:0 11px}
.preset-actions button.danger{color:#ee7b82}
.rail-height-handle{position:absolute;z-index:6;left:0;right:0;bottom:0;height:14px;cursor:row-resize;touch-action:none}
.rail-height-handle:before{content:"";position:absolute;left:calc(50% - 25px);bottom:4px;width:50px;height:3px;border-radius:4px;background:#30434e;transition:background .12s,box-shadow .12s}
.rail-height-handle:hover:before,.rail-height-handle:focus-visible:before{background:var(--live-cyan);box-shadow:0 0 9px #54d9e680}

dialog.preset-dialog{width:min(850px,calc(100vw - 32px));max-width:850px;max-height:min(88vh,790px);box-sizing:border-box;overflow:hidden;border:1px solid #31434e;border-radius:12px;background:#081017;color:#edf5fa;padding:0;box-shadow:0 30px 90px #000}
dialog.preset-dialog[open]{display:block}
.preset-dialog form{display:flex;max-height:min(88vh,790px);box-sizing:border-box;flex-direction:column;padding:22px;font-family:"Segoe UI",sans-serif}
.preset-fields{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px;margin-top:18px}
.preset-fields label{display:flex;flex-direction:column;gap:7px;color:#cbd7dc;font:650 11px/1.2 "Segoe UI",sans-serif}
.preset-fields small{color:#778b97;font-weight:400}
.preset-fields input,.preset-dialog input[type=search]{height:42px;box-sizing:border-box;border:1px solid var(--live-border);border-radius:6px;background:#0c161d;color:white;padding:0 12px;font:400 12px/1 "Segoe UI",sans-serif}
.preset-dialog input[type=search]{width:100%;margin:12px 0 8px}
.preset-option-head{display:grid;grid-template-columns:minmax(0,1fr) 70px;padding:0 13px 8px;color:#73858f;font:650 9px/1 "Segoe UI",sans-serif;text-transform:uppercase;letter-spacing:.07em}
.preset-option-head span:last-child{text-align:center}
.preset-channel-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0;max-height:440px;overflow:auto;padding:2px 6px 2px 2px}
.preset-option-row{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:10px;min-width:0;min-height:54px;box-sizing:border-box;padding:9px 11px;border:1px solid #1f303a;border-radius:7px;background:#0a131a}
.preset-option-row:hover{border-color:#375463;background:#0d1a22}
.preset-option-row>span{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;column-gap:9px;min-width:0}
.preset-option-row input{width:16px;height:16px;margin:0;accent-color:#42d7e6}
.preset-option-row b{min-width:0;overflow:hidden;color:#dce7eb;font:600 12px/1.25 "Segoe UI",sans-serif;text-overflow:ellipsis;white-space:nowrap}
.preset-option-row small{grid-column:2;overflow:hidden;color:#778b97;font:400 10px/1.2 "Segoe UI",sans-serif;text-overflow:ellipsis;white-space:nowrap}
.preset-option-row>.preset-gauge-check{justify-self:center}
.preset-option-row>.preset-gauge-check:disabled{opacity:.25}

@media(max-width:900px){.live-control-rail{display:flex}.preset-panel,.channel-panel{height:auto;min-height:0}.channel-panel{max-height:540px}.rail-height-handle{display:none}}
@media(max-width:650px){.gauge-strip{display:flex;max-height:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:7px}.gauge-strip .apex-gauge,.gauge-strip .apex-gauge:nth-child(n+4){display:block;min-width:0;max-width:280px;flex:0 0 min(280px,calc(100vw - 102px));scroll-snap-align:start}.live-panel-head{align-items:flex-start;gap:10px}.live-panel-head>div{flex-wrap:wrap;justify-content:flex-end;gap:7px}.preset-fields,.preset-channel-options{grid-template-columns:1fr}.preset-dialog form{padding:17px}.preset-option-head{display:none}}