:root{--bg: #0d1117;--bg-raised: #141b24;--bg-sunken: #0a0e14;--line: #202b38;--line-strong: #2c3a4b;--text: #dbe4ee;--text-dim: #8494a8;--text-faint: #5b6a7d;--good: #3fb950;--warn: #d29922;--stale: #7d8ea3;--accent: #58a6ff;--alarm-p1: #ff4136;--alarm-p2: #ff9500;--alarm-p3: #ffd400;--alarm-p4: #9fb0c4;--bad: var(--alarm-p1);--fault: #d977c7;--radius: 6px;--mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Mono", Menlo, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}.app{display:flex;flex-direction:column;height:100%}header.header{display:flex;align-items:center;gap:24px;padding:0 20px;height:56px;background:var(--bg-raised);border-bottom:1px solid var(--line);flex:none}.header__identity{display:flex;align-items:center;gap:12px}.header__mark{width:10px;height:24px;border-radius:2px;background:linear-gradient(180deg,var(--accent),#1f6feb)}header.header h1{font-size:14px}.header__node{margin:0;font:11px/1.2 var(--mono);color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em}.header__edges{display:flex;gap:8px;flex:1;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border-radius:999px;border:1px solid var(--line-strong);background:var(--bg-sunken);font:12px/1 var(--mono);color:var(--text-dim)}.chip__dot{width:7px;height:7px;border-radius:50%;background:var(--text-faint)}.chip--online{color:var(--text);border-color:#1c4f2b}.chip--online .chip__dot{background:var(--good);box-shadow:0 0 0 3px #3fb95026}.chip--offline{color:var(--fault);border-color:#5a2b54}.chip--offline .chip__dot{background:var(--fault)}.chip--muted{color:var(--text-faint)}.chip__meta{color:var(--text-faint);font-size:11px}.header__stats{display:flex;align-items:center;gap:20px}.stat{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}.stat__value{font:600 15px var(--mono);font-variant-numeric:tabular-nums}.stat__label{font-size:10px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em}.link-state{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--text-dim)}.link-state__dot{width:8px;height:8px;border-radius:50%;background:var(--text-faint)}.link-state--open .link-state__dot{background:var(--good)}.link-state--connecting .link-state__dot,.link-state--reconnecting .link-state__dot{background:var(--warn);animation:pulse 1.2s infinite}.link-state--failed .link-state__dot{background:var(--fault)}@keyframes pulse{50%{opacity:.25}}.layout{display:flex;flex:1;min-height:0}.sidebar{width:260px;flex:none;display:flex;flex-direction:column;background:var(--bg-raised);border-right:1px solid var(--line)}.sidebar[hidden]{display:none}.layout[data-nav=closed] main.main{padding:8px;gap:8px}.sidebar__section{padding:16px;display:grid;gap:12px;border-bottom:1px solid var(--line)}.sidebar__list{flex:1;overflow-y:auto;padding:8px;display:grid;gap:2px;align-content:start}.sidebar__footer{padding:16px;border-top:1px solid var(--line);display:grid;gap:10px}.sidebar__hint{margin:0;font-size:11px;color:var(--text-faint)}.sidebar__hint--warn{color:var(--warn)}.sidebar__hint code{font-family:var(--mono);color:var(--text-dim)}.header__nav-toggle{width:40px;height:40px;flex:none;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--line);border-radius:var(--radius);color:var(--text-dim);font-size:15px;line-height:1;cursor:pointer}.header__nav-toggle:hover{color:var(--text);border-color:var(--line-strong)}.header__nav-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.unit{display:flex;align-items:baseline;justify-content:space-between;gap:8px;width:100%;padding:7px 10px;border-radius:var(--radius);border:1px solid transparent;background:none;color:var(--text-dim);font:13px var(--sans);text-align:left;cursor:pointer}.unit:hover{background:var(--bg-sunken);color:var(--text)}.unit--selected{background:#58a6ff1f;border-color:#58a6ff59;color:var(--text)}.unit__name{font-family:var(--mono);font-size:12.5px}.unit__line{font-size:11px;color:var(--text-faint)}main.main{flex:1;min-width:0;overflow-y:auto;padding:20px;display:grid;gap:20px;align-content:start}main.main:has(>.screen){align-content:stretch}.main__split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px}@media(max-width:1100px){.main__split{grid-template-columns:1fr}}@media(max-width:720px){header.header{height:auto;min-height:52px;padding:8px 12px;gap:8px 16px;flex-wrap:wrap}header.header .header__stats{gap:16px}.layout{flex-direction:column;overflow-y:auto}.sidebar{width:auto;flex:none;border-right:none}.sidebar__list{max-height:45vh}main.main{overflow:visible;padding:12px;gap:12px}main.main:has(>.screen){align-content:start;order:-1}.alarmbar{flex-wrap:wrap;align-items:center;gap:8px 12px;padding:6px 12px 6px 0}.alarmbar__alarm{flex:1 1 200px}.alarmbar__counts{margin-left:0}}.panel{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:grid;gap:20px}.panel--empty{gap:8px;color:var(--text-dim)}.panel--empty h2{color:var(--text);font-size:16px}.panel--empty p{margin:0;max-width:60ch}.panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel__title{font-size:20px;font-family:var(--mono)}.panel__path{margin:2px 0 0;font:11px var(--mono);color:var(--text-faint)}.scada-status{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;border:1px solid var(--line-strong);background:var(--bg-sunken);font:600 11px/1 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.scada-status__dot{width:8px;height:8px;border-radius:50%;background:currentColor}.scada-status--running{color:var(--good);border-color:#1c4f2b}.scada-status--stopped{color:var(--text-dim)}.scada-status--faulted{color:var(--bad);border-color:#5c2222}.scada-status--unknown{color:var(--stale);border-style:dashed}.lamps{display:flex;flex-wrap:wrap;gap:6px}.lamp{font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:var(--radius);border:1px solid var(--line);color:var(--text-faint);background:var(--bg-sunken)}.lamp--on{color:var(--good);border-color:#1c4f2b}.lamp--bad{color:var(--bad);border-color:#5c2222;background:#2a1414}.scada-controls__buttons{display:flex;flex-wrap:wrap;gap:8px}.readouts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.readout{background:var(--bg-sunken);padding:12px 14px;display:grid;gap:4px}.readout__label{font-size:10px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em}.value{display:inline-flex;align-items:baseline;gap:8px;white-space:nowrap}.value__number{font:600 16px var(--mono);font-variant-numeric:tabular-nums}.value__quality{font:9px/1 var(--mono);letter-spacing:.06em;padding:3px 5px;border-radius:3px;border:1px solid color-mix(in srgb,currentColor 45%,transparent);background:color-mix(in srgb,currentColor 14%,transparent)}.value--stale .value__number{color:var(--stale);font-style:italic;opacity:.8}.q-good{color:var(--text)}.q-good .value__quality{display:none}.q-uncertain{color:var(--warn)}.q-bad,.q-comm,.q-config{color:var(--fault)}.q-init,.q-oos{color:var(--text-faint)}.q-stale{color:var(--stale)}.scada-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding-top:4px;border-top:1px solid var(--line)}.scada-controls__group{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:0}.scada-controls__note{flex-basis:100%;margin:0;font-size:11px;color:var(--text-faint);max-width:46ch}.scada-button{padding:9px 18px;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--bg-sunken);color:var(--text);font:600 13px var(--sans);cursor:pointer;text-decoration:none;transition:background 90ms ease,border-color 90ms ease}.scada-button:hover:not(:disabled){background:#1b2431;border-color:#3d4f64}.scada-button:active:not(:disabled){transform:translateY(1px)}.scada-button:disabled{opacity:.4;cursor:not-allowed}.scada-button--primary{border-color:var(--accent);color:var(--accent)}.scada-button--primary:hover:not(:disabled){background:#58a6ff1f}.scada-button--start{border-color:#1c4f2b;color:var(--good)}.scada-button--start:hover:not(:disabled){background:#3fb9501f}.scada-button--stop{border-color:#5c2222;color:var(--bad)}.scada-button--stop:hover:not(:disabled){background:#f851491f}.field{display:grid;gap:5px}.field__label{font-size:10px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em}.field__input{padding:8px 10px;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--bg-sunken);color:var(--text);font:13px var(--sans);min-width:120px}.field__input--mono{font-family:var(--mono);font-size:12px}.field__input:focus{outline:2px solid var(--accent);outline-offset:-1px}.field__input[aria-invalid=true]{border-color:var(--fault)}.field__input:disabled{opacity:.45;cursor:not-allowed}.card{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.card__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}.card__head h3{font-size:13px}.card__meta{font-size:11px;color:var(--text-faint)}.table-wrap{overflow:auto;max-height:560px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{position:sticky;top:0;z-index:1;padding:8px 16px;text-align:left;background:var(--bg-sunken);font:600 10px var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);border-bottom:1px solid var(--line)}.table td{padding:7px 16px;border-bottom:1px solid rgb(32 43 56 / .5)}.table tr:last-child td{border-bottom:none}.table__right{text-align:right}.table__dim{color:var(--text-dim)}.table__mono{font-family:var(--mono);font-size:12.5px}.badge{margin-left:7px;padding:1px 4px;border-radius:3px;background:#58a6ff26;color:var(--accent);font:9px/1.4 var(--mono)}.cmdlog{margin:0;padding:0;list-style:none;max-height:560px;overflow-y:auto}.cmd{display:grid;grid-template-columns:auto auto 1fr;gap:8px 10px;align-items:baseline;padding:8px 16px;border-bottom:1px solid rgb(32 43 56 / .5);border-left:2px solid transparent;font-size:12px}.cmd--accepted{border-left-color:var(--warn)}.cmd--completed{border-left-color:var(--good)}.cmd--failed{border-left-color:var(--fault)}.cmd--partial{border-left-color:var(--warn);border-left-style:dashed}.cmd__time{font:11px var(--mono);color:var(--text-faint);font-variant-numeric:tabular-nums}.cmd__status{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.04em}.cmd--accepted .cmd__status{color:var(--warn)}.cmd--completed .cmd__status{color:var(--good)}.cmd--failed .cmd__status{color:var(--fault)}.cmd--partial .cmd__status{color:var(--warn)}.cmd__tag{font-family:var(--mono);color:var(--text)}.cmd__detail{grid-column:1 / -1;color:var(--text-dim);font-size:11px}.cmd__detail--bad{color:var(--fault)}.scada-empty{margin:0;padding:20px 16px;color:var(--text-faint);font-size:12px}.scada-empty--error{color:var(--fault)}.trend-panel{gap:16px}.trend-panel__title{font-size:16px}.trend-panel__refresh{padding:7px 14px;font-size:12px}.trend-panel__body{min-width:0}.trend-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding-bottom:14px;border-bottom:1px solid var(--line)}.trend-filters__group{display:flex;flex-wrap:wrap;gap:4px}.trend-filters__view{margin-left:auto}.scada-toggle{padding:6px 12px;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--bg-sunken);color:var(--text-dim);font:12px var(--sans);cursor:pointer;transition:background 90ms ease,border-color 90ms ease,color 90ms ease}.scada-toggle:hover{background:#1b2431;color:var(--text)}.scada-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.scada-toggle--on{background:#58a6ff1f;border-color:#58a6ff66;color:var(--text)}.trend-list{display:grid;gap:18px}.trend-list--stale{opacity:.55;transition:opacity .12s ease}.trend{margin:0;display:grid;gap:6px;min-width:0}.trend__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.trend__label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.trend__latest{display:inline-flex;align-items:baseline;gap:5px}.trend__latest-value{font:600 15px var(--sans);color:var(--text)}.trend__latest-unit{font:11px var(--mono);color:var(--text-faint)}.trend__plot{position:relative}.trend__plot:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.trend__plot svg{display:block;max-width:100%;touch-action:none}.trend__tick{fill:var(--text-dim);font:10px var(--mono);font-variant-numeric:tabular-nums}.trend__end{fill:var(--text);font:600 11px var(--mono);font-variant-numeric:tabular-nums}.trend__extreme,.trend__end{paint-order:stroke;stroke:var(--bg-sunken);stroke-width:3px;stroke-linejoin:round}.trend__vacant{fill:var(--text-dim);font:11px var(--sans)}.trend__tip{position:absolute;top:6px;transform:translate(-50%);display:grid;gap:2px;justify-items:start;padding:7px 10px;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--bg);box-shadow:0 4px 14px #00000073;pointer-events:none;white-space:nowrap}.trend__tip-time{font:10px var(--mono);color:var(--text-faint)}.trend__tip-value{font:600 14px var(--mono);color:var(--text);font-variant-numeric:tabular-nums}.trend__tip-value--none{color:var(--text-dim);font-weight:400;font-size:12px}.trend__tip-unit{font-weight:400;font-size:11px;color:var(--text-faint)}.trend__tip-range{font:11px var(--mono);color:var(--text-dim);font-variant-numeric:tabular-nums}.trend__tip-quality{font:9px var(--mono);letter-spacing:.06em}.trend__note{margin:0;font-size:11px;color:var(--warn)}.trend--vacant .trend__hollow{display:grid;gap:5px;padding:22px 20px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-sunken);background-image:repeating-linear-gradient(135deg,transparent 0 6px,rgb(91 106 125 / .16) 6px 8px)}.trend__hollow strong{font:600 13px var(--sans);color:var(--text)}.trend__hollow span{font-size:12px;color:var(--text-dim);max-width:68ch}.trend__table{max-height:260px;border:1px solid var(--line);border-radius:var(--radius)}.trend-state{display:grid;gap:8px;justify-items:start;padding:16px 18px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-sunken)}.trend-state h3{font-size:13px}.trend-state p{margin:0;font-size:12px;color:var(--text-dim);max-width:72ch}.trend-state__detail{font-family:var(--mono);font-size:11px!important;color:var(--text-faint)!important}.trend-state--bad{border-color:#5a2b54}.trend-state--bad h3{color:var(--fault)}.trend-key{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:12px 0 0;list-style:none;border-top:1px solid var(--line);font-size:11px;color:var(--text-dim)}.trend-key li{display:inline-flex;align-items:center;gap:7px}.trend-key__swatch{width:18px;height:10px;border-radius:2px;flex:none}.trend-key__swatch--line{height:2px;background:var(--accent);border-radius:1px}.trend-key__swatch--band{background:#58a6ff47}.trend-key__swatch--uncertain{height:6px;border-radius:3px;background:#d2992273;border-top:2px solid var(--accent)}.trend-key__swatch--bad{background:repeating-linear-gradient(45deg,transparent 0 3px,rgb(248 81 73 / .55) 3px 6px)}.trend-key__swatch--missing{background:repeating-linear-gradient(135deg,transparent 0 4px,rgb(91 106 125 / .5) 4px 6px)}.trend__extreme{fill:var(--text-dim);font:10px var(--mono);font-variant-numeric:tabular-nums}.trend__tip-value--carried{color:var(--text-dim)}.trend__tip-carry{font:10px var(--mono);color:var(--text-faint)}.trend-key__swatch--carried{height:0;border-top:2px dashed var(--accent);opacity:.8;border-radius:0}.sev-critical{--sev: var(--alarm-p1);--sev-ink: #1a0603}.sev-high{--sev: var(--alarm-p2);--sev-ink: #1a0f00}.sev-medium{--sev: var(--alarm-p3);--sev-ink: #191400}.sev-low{--sev: var(--alarm-p4);--sev-ink: #0d1117}.sev-diagnostic{--sev: var(--text-faint);--sev-ink: #0d1117}.pri{display:inline-flex;align-items:center;gap:6px;flex:none;font:600 10px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.07em;color:var(--sev)}.pri__shape{width:11px;height:11px;background:var(--sev);flex:none}.pri--critical .pri__shape{clip-path:polygon(50% 0,100% 100%,0 100%)}.pri--high .pri__shape{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.pri--medium .pri__shape{clip-path:inset(0)}.pri--low .pri__shape{border-radius:50%}.pri--diagnostic .pri__shape{height:3px;align-self:center}.pri__rank{font-family:var(--mono);font-size:10px;opacity:.85}.alarmbar{display:flex;align-items:center;gap:14px;padding-right:20px;min-height:46px;flex:none;background:var(--bg-raised);border-bottom:1px solid var(--line);font-size:13px}.alarmbar__mark{align-self:stretch;width:6px;flex:none;background:var(--line-strong)}.alarmbar__alarm{display:inline-flex;align-items:center;gap:14px;min-width:0}.alarmbar__headline{font-weight:600}.alarmbar__scope{font:11px var(--mono);color:var(--text-faint);margin-left:auto;white-space:nowrap}.alarmbar__detail{color:var(--text-dim);font-size:12px;max-width:78ch}.alarmbar--quiet .alarmbar__mark{background:var(--good)}.alarmbar--quiet .alarmbar__headline{color:var(--text-dim);font-weight:500}.alarmbar--waiting .alarmbar__mark{background:var(--alarm-p3);animation:pulse 1.2s infinite}.alarmbar--waiting .alarmbar__headline{color:var(--text-dim);font-weight:500}.alarmbar--doubtful{background:#1c1320;border-bottom-color:#5a2b54}.alarmbar--doubtful .alarmbar__mark{background:var(--fault)}.alarmbar--doubtful .alarmbar__headline{color:var(--fault)}.alarmbar--active{background:color-mix(in srgb,var(--sev) 9%,var(--bg-raised));border-bottom-color:color-mix(in srgb,var(--sev) 40%,var(--line))}.alarmbar--active .alarmbar__mark{background:var(--sev)}.alarmbar--active .pri{padding:4px 9px;border-radius:3px;border:1px solid color-mix(in srgb,var(--sev) 55%,transparent);background:color-mix(in srgb,var(--sev) 15%,transparent)}.alarmbar--active.sev-critical .pri{background:var(--sev);color:var(--sev-ink);border-color:var(--sev)}.alarmbar--active.sev-critical .pri__shape{background:var(--sev-ink)}.alarmbar--unacked .alarmbar__mark{animation:alarm-flash 1s steps(1,end) infinite}@keyframes alarm-flash{50%{background:var(--bg-raised)}}.alarmbar__reading{display:inline-flex;align-items:baseline;gap:7px;flex:none;font:600 14px var(--mono);font-variant-numeric:tabular-nums}.alarmbar__condition{padding:1px 5px;border-radius:3px;background:#ffffff0f;color:var(--text-dim);font:10px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.04em}.alarmbar__age{font:11px var(--mono);color:var(--text-faint);font-variant-numeric:tabular-nums;flex:none}.alarmbar__counts{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}.alarmbar__count{font:11px var(--mono);color:var(--text-dim);white-space:nowrap;padding:3px 7px;border-radius:3px;background:var(--bg-sunken)}.alarmbar__count--unacked{color:var(--sev, var(--alarm-p1));font-weight:600}.alarmbar__count--blocked{color:var(--alarm-p3);border:1px dashed #5a4718}.alarmbar__count--muted{color:var(--text-faint)}.alarmbar__ack{padding:6px 14px;font-size:12px;flex:none}@media(prefers-reduced-motion:reduce){.alarmbar--unacked .alarmbar__mark{animation:none;width:12px}.alarmbar--waiting .alarmbar__mark{animation:none}}.alarm-panel{gap:12px}.alarm-panel__title{font-size:16px}.alarm-panel__tabs{display:flex;gap:6px}.tab{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--bg-sunken);color:var(--text-dim);font:600 12px var(--sans);cursor:pointer}.tab:hover{color:var(--text)}.tab--on{color:var(--text);border-color:var(--accent);background:#58a6ff1a}.tab:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.tab__count{padding:1px 5px;border-radius:999px;background:#ffffff14;font:10px var(--mono)}.alarms{margin:0;padding:0;list-style:none;display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.alarm{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:8px 16px;padding:11px 16px 11px 12px;background:var(--bg-sunken);border-left:3px solid var(--sev)}.alarm--unacked{background:color-mix(in srgb,var(--sev) 8%,var(--bg-sunken))}.alarm--returned{background:var(--bg-sunken);border-left-style:double;border-left-width:5px}.alarm--blocked{border-left-style:dashed}.alarm[data-control=false]{grid-template-columns:auto minmax(0,1fr) auto auto}.alarm .pri{padding:4px 8px;border-radius:3px;border:1px solid color-mix(in srgb,var(--sev) 50%,transparent)}.alarm.sev-critical .pri{background:var(--sev);color:var(--sev-ink);border-color:var(--sev)}.alarm.sev-critical .pri__shape{background:var(--sev-ink)}.alarm__body{min-width:0;display:grid;gap:2px}.alarm__message{margin:0;font-weight:600}.alarm__path{margin:0;display:flex;align-items:center;gap:7px;font:11px var(--mono);color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alarm__condition{padding:1px 5px;border-radius:3px;flex:none;background:#ffffff0f;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.alarm__note{margin:0;font-size:11px;color:var(--text-dim)}.alarm__note--blocked,.alarm__note--repeat{color:var(--alarm-p3)}.alarm__value{flex:none}.alarm__value .value__number{font-size:15px}.alarm__state{display:grid;gap:2px;justify-items:end;flex:none;font-size:11px;color:var(--text-dim);text-align:right}.alarm--unacked .alarm__state,.alarm--returned .alarm__state{color:var(--sev);font-weight:600}.alarm__age{font:11px var(--mono);color:var(--text-faint);font-variant-numeric:tabular-nums}.alarm__ack{padding:6px 14px;font-size:12px;flex:none}.alarm__controls{display:flex;gap:6px;align-items:center}.alarm__shelve{padding:6px 12px;font-size:12px;flex:none}.alarm-events{margin:0;padding:0;list-style:none;max-height:420px;overflow-y:auto}.alarm-event{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:baseline;gap:10px;padding:7px 16px;border-bottom:1px solid rgb(32 43 56 / .5);border-left:2px solid transparent;font-size:12px}.alarm-event:last-child{border-bottom:none}.alarm-event--raised{border-left-color:var(--sev)}.alarm-event--cleared{border-left-color:var(--good)}.alarm-event--acknowledged{border-left-color:var(--accent)}.alarm-event--blocked,.alarm-event--unblocked{border-left-color:var(--alarm-p3)}.alarm-event--gap{border-left-color:var(--fault)}.alarm-event--gap .alarm-event__transition{color:var(--fault)}.alarm-event--gap .alarm-event__message{color:var(--text-dim);font-style:italic}.alarm-event__time{font:11px var(--mono);color:var(--text-faint);font-variant-numeric:tabular-nums}.alarm-event__transition{font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);min-width:92px}.alarm-event--raised .alarm-event__transition{color:var(--sev)}.alarm-event--cleared .alarm-event__transition{color:var(--good)}.alarm-event--acknowledged .alarm-event__transition{color:var(--accent)}.alarm-event__message{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alarm-event__actor{font:11px var(--mono);color:var(--text-faint)}@media(max-width:1100px){.alarm[data-control=true]{grid-template-columns:auto minmax(0,1fr) auto}.alarm[data-control=true] .alarm__state{grid-column:2 / -1;justify-items:start;text-align:left;display:flex;gap:8px;align-items:baseline}.alarm[data-control=true] .alarm__controls{grid-column:3;grid-row:1}}.confirm{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#04070bb8}.confirm__box{width:min(30rem,calc(100vw - 32px));padding:22px 24px;background:var(--bg-raised);border:1px solid var(--line-strong);border-left:4px solid var(--warn);border-radius:var(--radius);box-shadow:0 18px 48px #00000080;display:grid;gap:10px}.confirm__prompt{font-size:16px;line-height:1.35}.confirm__tag{margin:0;font:12px var(--mono);color:var(--text-dim);overflow-wrap:anywhere}.confirm__note{margin:0;font-size:12px;color:var(--text-faint);max-width:46ch}.confirm__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.confirm__actions .scada-button--confirm{border-color:#5a4718;color:var(--warn)}.confirm__actions .scada-button--confirm:hover{background:#d299221f}.confirm__actions .scada-button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.viewcanvas{flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg)}.viewcanvas--refused{display:flex;align-items:center;justify-content:center;padding:24px;border:1px dashed var(--fault);border-radius:var(--radius)}.viewcanvas__refusal{margin:0;max-width:62ch;color:var(--fault);font-size:13px;line-height:1.5}.viewcanvas__stage{position:relative;flex:none}.viewcanvas__stage[data-fit=true]{width:100%;max-height:100%}.viewcanvas__surface{position:absolute;inset:0 auto auto 0;transform-origin:top left;background:var(--bg);overflow:hidden}.viewel-frame{position:absolute;overflow:hidden;display:flex}.viewel-frame__body{flex:1;min-width:0;display:flex}.viewel-frame:has(.viewel__entry){overflow:visible;z-index:5}.viewel-frame[data-line=true]{overflow:visible}.viewel-frame[data-hidden=true] .viewel-frame__body{visibility:hidden}.viewel-frame[data-doubt=true]{outline:max(3px,2px / var(--view-scale, 1)) dashed var(--fault);outline-offset:0}.viewel-frame[data-blink=true]{animation:viewel-blink 1.6s ease-in-out infinite}@keyframes viewel-blink{50%{opacity:.38}}@media(prefers-reduced-motion:reduce){.viewel-frame[data-blink=true]{animation:none;box-shadow:0 0 0 max(2px,1.5px / var(--view-scale, 1)) var(--text)}}.viewcanvas[data-design=true] .viewel-frame{cursor:move}.viewcanvas[data-design=true] .viewel-frame__body,.viewcanvas[data-design=false] .viewel-frame[data-kind=label],.viewcanvas[data-design=false] .viewel-frame[data-kind=shape]{pointer-events:none}.viewel-frame:focus-visible{outline:calc(2px / var(--view-scale, 1)) solid var(--accent);outline-offset:0}.viewel{flex:1;min-width:0;display:flex}.viewel__caption{font-family:var(--mono);font-size:var(--t-caption);line-height:1.3;color:var(--text-dim);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewel__quality{font-family:var(--mono);font-size:var(--t-chip);line-height:1;letter-spacing:.06em;padding:3px 5px;border-radius:3px;border:1px solid color-mix(in srgb,currentColor 45%,transparent);background:color-mix(in srgb,currentColor 14%,transparent);white-space:nowrap}.viewel--label{align-items:center;line-height:1.2;overflow:hidden}.viewel--shape{display:block;width:100%;height:100%}.viewel--shape:not(.viewel--line){position:relative;overflow:hidden}.viewel__level{position:absolute}.viewel__level-clip{position:absolute;inset:0}.viewel--line{overflow:visible}.viewel__pipe--flowing{animation-name:viewel-flow;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes viewel-flow{0%{stroke-dashoffset:var(--flow-cycle)}to{stroke-dashoffset:0}}.viewel__flowmark{display:none}@media(prefers-reduced-motion:reduce){.viewel__pipe--flowing{animation:none}.viewel__flowmark{display:inline}}.viewel--readout{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;overflow:hidden}.viewel__value{display:grid;grid-template-columns:minmax(min(84px,56%),max-content) auto auto;align-items:baseline;column-gap:10px;font-family:var(--mono);line-height:1.05;min-width:0}.viewel__number{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.viewel__units{justify-self:start;font-family:var(--mono);font-size:var(--t-units);line-height:1;color:var(--text-dim);white-space:nowrap}.viewel--readout[data-current=false] .viewel__number{color:var(--stale);font-style:italic;opacity:.85}.viewel--readout[data-current=false] .viewel__units{color:var(--text-faint)}.viewel--lamp{align-items:center;gap:10px;overflow:hidden}.viewel__bulb{position:relative;width:20px;height:20px;flex:none;border-radius:50%;border:2px solid var(--lamp);box-sizing:border-box}.viewel__bulb:after{content:"";position:absolute;inset:3px;border-radius:50%;background:transparent}.viewel--lamp[data-lit=on] .viewel__bulb:after{background:var(--lamp)}.viewel--lamp[data-lit=suspect] .viewel__bulb{border-style:dashed}.viewel--lamp[data-lit=suspect] .viewel__bulb:after{background:color-mix(in srgb,var(--lamp) 40%,transparent)}.viewel--lamp[data-lit=unknown] .viewel__bulb{border-style:dotted;opacity:.55}.viewel__lampbody{display:flex;align-items:baseline;gap:10px;min-width:0;overflow:hidden}.viewel--lamp .viewel__caption{flex:none}.viewel--lamp .viewel__quality{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.viewel--lamp[data-lit=on] .viewel__caption{color:var(--text)}.viewel--button{align-items:stretch;position:relative;min-width:0}.viewel__press{flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;padding:3px 5px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-sunken);color:var(--text);font-family:var(--sans);font-size:var(--t-control);font-weight:600;line-height:1.2;cursor:pointer;transition:background 90ms ease,border-color 90ms ease}.viewel__presslabel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewel__press:hover:not(:disabled){background:color-mix(in srgb,var(--text) 7%,var(--bg-sunken))}.viewel__press:active:not(:disabled){transform:translateY(1px)}.viewel__press:disabled{opacity:.4;cursor:not-allowed}.viewel__press:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.viewel__entry{position:absolute;top:calc(100% + 6px);left:0;min-width:100%;display:flex;gap:8px;padding:10px;background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:0 12px 32px #00000073;z-index:1}.viewel__entry-input{flex:1;min-width:110px;padding:8px 10px;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--bg-sunken);color:var(--text);font-family:var(--mono);font-size:var(--t-control)}.viewel__entry-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.viewel__entry-send{flex:none;padding:8px 16px;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--bg-sunken);color:var(--text);font-family:var(--sans);font-size:var(--t-control);font-weight:600;cursor:pointer}.viewel__entry-send:disabled{opacity:.4;cursor:not-allowed}.viewel--trend{flex-direction:column;justify-content:flex-start;overflow:hidden}.viewel--trend .trend{gap:var(--trend-gap)}.viewel--trend .trend__head{padding:0 var(--trend-pad-right) 0 var(--trend-pad-left);align-items:baseline}.viewel--trend .trend__label{font-size:var(--t-caption);line-height:1;letter-spacing:.07em}.viewel--trend .trend__latest{line-height:1}.viewel--trend .trend__latest-value{font-size:var(--trend-head);line-height:1}.viewel--trend .trend__latest-unit{font-size:var(--t-meta);line-height:1}.viewel--trend .trend__end{display:none}.viewel--trend .trend__tick{font-size:var(--t-chip)}.viewel--trend .trend__vacant{font-size:var(--t-caption)}.viewel--trend-empty{gap:6px;padding:0 var(--trend-pad-right) 0 var(--trend-pad-left)}.viewel__waiting{font-family:var(--mono);font-size:var(--t-caption);color:var(--text-faint)}.viewel--alarms{flex-direction:column;gap:10px;overflow:hidden}.viewel__alarmlist{margin:0 -10px;padding:0;list-style:none;width:calc(100% + 20px);display:grid;align-content:start;flex:0 1 auto;min-height:0;overflow:hidden}.viewcanvas .alarm{gap:2px 18px;padding:9px 10px;background:transparent;border-left:0;border-bottom:1px solid var(--line);border-radius:0}.viewcanvas .alarm--unacked{background:color-mix(in srgb,var(--sev) 9%,transparent)}.viewcanvas .alarm--returned{background:transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sev) 35%,transparent)}.viewcanvas .alarm--blocked{opacity:.75}.viewcanvas .alarm .pri{font-size:var(--t-chip);padding:4px 7px}.viewcanvas .alarm .pri__shape{width:13px;height:13px}.viewcanvas .alarm .pri__rank{font-size:var(--t-chip)}.viewcanvas .alarm__message{font-family:var(--sans);font-size:var(--t-message);font-weight:600;line-height:1.25;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewcanvas .alarm__path{align-items:baseline;gap:8px;font-family:var(--mono);font-size:var(--t-meta);line-height:1.2}.viewcanvas .alarm__condition{background:color-mix(in srgb,var(--text) 7%,transparent);font-size:var(--t-chip)}.viewcanvas .alarm__value .value__number{font-size:var(--t-message)}.viewcanvas .alarm__value .value__quality{font-size:var(--t-chip)}.viewcanvas .alarm__state{font-family:var(--mono);font-size:var(--t-meta)}.viewel__more{font-family:var(--mono);font-size:var(--t-meta);color:var(--warn);flex:none}.viewel--alarms-quiet{align-items:center;justify-content:center}.viewel__quiet{display:grid;justify-items:center;gap:10px;text-align:center;padding:8px}.viewel__quiet-mark{position:relative;width:30px;height:30px;border-radius:50%;border:2px solid var(--line-strong)}.viewel__quiet-mark:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--text-faint)}.viewel__quiet-line{font-family:var(--sans);font-size:var(--t-note);line-height:1.2;color:var(--text-dim)}.viewel__quiet-detail{font-family:var(--sans);font-size:var(--t-caption);line-height:1.35;color:var(--text-faint);max-width:46ch}.viewel--alarms-doubtful .viewel__quiet-mark{border-color:var(--fault);border-style:dashed}.viewel--alarms-doubtful .viewel__quiet-mark:after{background:var(--fault)}.viewel--alarms-doubtful .viewel__quiet-line{color:var(--fault)}.viewel__doubt{flex:none;font-family:var(--sans);font-size:var(--t-caption);color:var(--fault);padding:4px 10px 4px 0}.viewel--alarms[data-feed=stale] .viewel__alarmlist,.viewel--alarms[data-feed=waiting] .viewel__alarmlist,.viewel--alarms[data-feed=unavailable] .viewel__alarmlist{opacity:.62}.viewel__quiet-scope{font-family:var(--mono);font-size:var(--t-caption);color:var(--text-faint)}.viewel--placed{position:absolute;inset:0;display:block}.viewel-placed__part{position:absolute;display:block}.viewel-port{position:absolute;width:calc(11px / var(--view-scale, 1));height:calc(11px / var(--view-scale, 1));margin:calc(-5.5px / var(--view-scale, 1));border-radius:50%;border:calc(2px / var(--view-scale, 1)) solid var(--accent);background:var(--bg);box-shadow:0 0 0 calc(2px / var(--view-scale, 1)) #0d1117e6;pointer-events:none}.viewcanvas__grid{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at center,var(--line-strong) 0,var(--line-strong) calc(.6px / var(--view-scale)),transparent calc(.6px / var(--view-scale)));background-size:var(--grid-pitch) var(--grid-pitch)}.viewcanvas[data-design=true] .viewel-frame[data-hover=true]{outline:calc(1px / var(--view-scale)) dashed var(--text-dim);outline-offset:calc(2px / var(--view-scale))}.viewcanvas[data-design=true] .viewel-frame[data-bound=false]{outline:calc(1px / var(--view-scale)) dashed color-mix(in srgb,var(--text-faint) 55%,transparent);outline-offset:0;background:color-mix(in srgb,var(--text-faint) 6%,transparent)}.viewsel{position:absolute;z-index:10;pointer-events:none;outline:calc(1px / var(--view-scale)) solid var(--accent);outline-offset:0;box-shadow:0 0 0 calc(2px / var(--view-scale)) color-mix(in srgb,var(--bg) 65%,transparent)}.viewsel__handle{position:absolute;pointer-events:auto;width:calc(9px / var(--view-scale));height:calc(9px / var(--view-scale));margin-left:calc(-4.5px / var(--view-scale));margin-top:calc(-4.5px / var(--view-scale));background:var(--bg);border:calc(1.5px / var(--view-scale)) solid var(--accent);border-radius:calc(1px / var(--view-scale))}.viewsel__handle:hover{background:var(--accent)}.viewcanvas[data-design=true] .viewel-frame[data-thin=true]{overflow:visible}.viewcanvas[data-design=true] .viewel-frame[data-thin=true]:after{content:"";position:absolute;inset:calc(-5px / var(--view-scale, 1))}.sidebar__modes{display:flex;padding:12px 12px 0;gap:4px}.mode{flex:1;padding:7px 10px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-sunken);color:var(--text-dim);font:12px var(--sans);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.mode:hover{color:var(--text)}.mode--on{background:var(--bg-raised);border-color:var(--line-strong);color:var(--text)}.mode__count{min-width:16px;padding:0 4px;border-radius:8px;background:var(--line-strong);color:var(--text-dim);font:10px/16px var(--mono);text-align:center}.screen{display:flex;flex-direction:column;gap:10px;min-height:0;flex:1}.screen__bar{display:flex;align-items:baseline;gap:12px}.screen__title{margin:0;font:600 15px var(--sans);color:var(--text)}.screen__equipment{font:12px var(--mono);color:var(--text-faint)}.screen__warn{margin-left:auto;font:11px var(--mono);color:var(--fault)}.screen__surface{flex:1;min-height:0;display:flex;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-sunken);overflow:hidden}.panel__hint{margin:6px 0 0;font-size:12px;color:var(--text-faint)}.studio{display:grid;grid-template-rows:52px minmax(0,1fr) auto;height:100%;min-height:0;background:var(--bg);user-select:none;-webkit-user-select:none}.studio input,.studio textarea,.studio select,.studio code,.studio .studio-problem__message,.studio .studio-console__text,.studio .table td{user-select:text;-webkit-user-select:text}.studio__bar{display:flex;align-items:center;gap:20px;padding:0 16px;height:52px;background:var(--bg-raised);border-bottom:1px solid var(--line)}.studio__brand{display:flex;align-items:center;gap:10px;flex:none}.studio__brand h1{font-size:13px;letter-spacing:.01em}.studio__brand .header__mark{height:20px;width:8px}.studio__menu{display:flex;align-items:center;gap:4px;flex:none}.studio-barbutton{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:var(--radius);border:1px solid transparent;background:none;color:var(--text-dim);font:12px var(--sans);cursor:pointer;transition:background 90ms ease,color 90ms ease,border-color 90ms ease}.studio-barbutton:hover:not(:disabled){background:var(--bg-sunken);color:var(--text)}.studio-barbutton:disabled{opacity:.4;cursor:not-allowed}.studio-barbutton:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.studio-barbutton--leave{position:relative;margin-right:11px;text-decoration:none}.studio-barbutton--leave:after{content:"";position:absolute;right:-6px;top:50%;width:1px;height:18px;margin-top:-9px;background:var(--line)}.studio-barbutton--go{border-color:var(--line-strong);background:var(--bg-sunken);color:var(--text)}.studio-barbutton--go:hover{background:#1b2431;border-color:#3d4f64}.studio-barbutton__dot{color:var(--warn);font-size:9px;line-height:1}.studio__search{position:relative;flex:1;max-width:420px}.studio__searchbox{width:100%;font-size:12px;padding:7px 10px}.studio__hits{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;display:grid;max-height:60vh;overflow-y:auto;padding:4px;gap:1px;background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:0 16px 40px #00000080}.studio__hit{display:grid;grid-template-columns:66px auto minmax(0,1fr);align-items:baseline;gap:10px;padding:7px 9px;border-radius:4px;border:none;background:none;color:var(--text-dim);font:12px var(--sans);text-align:left;cursor:pointer}.studio__hit:hover{background:var(--bg-sunken);color:var(--text)}.studio__hit code{font:12px var(--mono);color:var(--text)}.studio__hitkind{font:10px var(--mono);color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em}.studio__hittitle{color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio__state{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}.studio__body{display:grid;grid-template-columns:268px minmax(0,1fr) 344px;min-height:0}.studio-rail,.studio-inspector{display:flex;flex-direction:column;min-height:0;background:var(--bg-raised)}.studio-rail{border-right:1px solid var(--line)}.studio-inspector{border-left:1px solid var(--line)}.studio-rail__head{display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 16px;height:40px;flex:none;border-bottom:1px solid var(--line)}.studio-rail__head h2{font:600 10px var(--sans);color:var(--text-faint);text-transform:uppercase;letter-spacing:.09em}.studio-iconbutton{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;border-radius:4px;border:1px solid transparent;background:none;color:var(--text-dim);font:13px/1 var(--sans);cursor:pointer}.studio-iconbutton:hover{background:var(--bg-sunken);color:var(--text);border-color:var(--line)}.studio-iconbutton:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.studio-iconbutton--bad:hover{color:var(--fault)}.studio-rail__tabs,.studio-inspector__tabs,.studio-dock__tabs{display:flex;flex:none;gap:2px;padding:6px 8px;border-bottom:1px solid var(--line)}.studio-tab{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:4px;border:1px solid transparent;background:none;color:var(--text-faint);font:11px var(--sans);letter-spacing:.01em;cursor:pointer;transition:background 90ms ease,color 90ms ease}.studio-tab:hover{color:var(--text);background:var(--bg-sunken)}.studio-tab--on{background:#58a6ff1f;border-color:#58a6ff52;color:var(--text)}.studio-tab:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.studio-rail__body,.studio-inspector__body{flex:1;min-height:0;overflow-y:auto;padding:10px;display:grid;gap:8px;align-content:start}.studio-inspector__body{padding:14px;gap:14px}.studio-screen{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border-radius:var(--radius);border:1px solid transparent;height:62px;overflow:hidden}.studio-screen:hover{background:var(--bg-sunken)}.studio-screen--on{background:#58a6ff1a;border-color:#58a6ff4d}.studio-screen__open{display:grid;gap:3px;min-width:0;padding:7px 4px 7px 10px;border:none;background:none;color:inherit;text-align:left;cursor:pointer}.studio-screen__id{display:flex;align-items:center;gap:6px;font:12.5px var(--mono);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-screen__dirty{color:var(--warn);font-size:8px;line-height:1}.studio-screen__openmark{color:var(--text-faint);font-size:8px;line-height:1}.studio-screen__title{font-size:11px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-screen__counts{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.studio-screen__count{font:10px var(--mono);color:var(--text-faint)}.studio-count{padding:1px 5px;border-radius:8px;font:10px/1.5 var(--mono);background:var(--line-strong);color:var(--text-dim)}.studio-count--error{background:#d977c729;color:var(--fault)}.studio-count--warn{background:#d2992229;color:var(--warn)}.studio-screen__tools{display:flex;gap:1px;padding-right:5px;opacity:0}.studio-screen:hover .studio-screen__tools,.studio-screen--on .studio-screen__tools{opacity:1}.studio-screen__tools .studio-iconbutton{width:22px;height:22px;font-size:11px}.studio-rail__tree{display:flex;flex-direction:column;flex:1;min-height:0}.studio-rail__filter{margin:8px 10px 4px;font-size:12px}.studio-rail__scroll{flex:1;min-height:0;overflow-y:auto;position:relative;padding:0 10px}.studio-rail__extent{position:relative}.studio-rail__extent>*{position:absolute;left:10px;right:10px;box-sizing:border-box}.studio-rail__section{display:flex;align-items:center;justify-content:space-between;padding:8px 2px 0 10px}.studio-rail__section h3{display:flex;align-items:baseline;gap:8px;font:600 10px var(--sans);color:var(--text-faint);text-transform:uppercase;letter-spacing:.09em}.studio-rail__total{font:10px var(--mono);color:var(--text-faint);letter-spacing:0}.studio-folder{display:flex;align-items:center;gap:7px;padding:0 8px 0 10px;border-radius:4px;border:1px solid transparent;background:none;color:var(--text-dim);font:12px var(--mono);text-align:left;cursor:pointer}.studio-folder:hover{background:var(--bg-sunken);color:var(--text)}.studio-folder:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.studio-folder__mark{width:0;height:0;flex:none;border-left:5px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;opacity:.6;transition:transform 90ms ease}.studio-folder__mark--open{transform:rotate(90deg)}.studio-folder__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-folder__count{margin-left:auto;font:10px var(--mono);color:var(--text-faint)}.studio-rail__family{width:100%;font-size:12px}.studio-rail__label{margin:6px 0 0;font:600 10px var(--sans);color:var(--text-faint);text-transform:uppercase;letter-spacing:.09em}.studio-rail__value{margin:0;font:12px var(--mono);color:var(--text);overflow-wrap:anywhere}.studio-rail__none{color:var(--text-faint);font-family:var(--sans);font-size:11px}.studio-rail__hint{margin:0;font-size:11px;line-height:1.45;color:var(--text-faint)}.studio-rail__units{display:grid;gap:2px}.studio-unit__none{font-family:var(--sans);font-size:12px;font-style:italic}.studio-bindrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:7px 9px;border-radius:4px;border:1px solid transparent;background:none;text-align:left;cursor:pointer}.studio-bindrow:hover{background:var(--bg-sunken);border-color:var(--line)}.studio-bindrow__binding{font:11.5px var(--mono);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-bindrow__where{grid-row:2;display:flex;gap:6px;align-items:baseline;font:10px var(--mono);color:var(--text-faint)}.studio-bindrow__field{color:var(--text-faint);opacity:.7}.studio-bindrow__state{grid-column:2;grid-row:1 / span 2;align-self:center;font:10px var(--mono);letter-spacing:.04em}.studio-bindrow__state--ok{color:var(--good)}.studio-bindrow__state--rel{color:var(--accent)}.studio-bindrow__state--bad{color:var(--fault)}.studio__centre{display:flex;flex-direction:column;min-width:0;min-height:0}.studio-toolbar{display:flex;align-items:center;gap:6px;flex:none;padding:7px 12px;height:44px;border-bottom:1px solid var(--line);background:var(--bg-raised)}.studio-toolbar__group{display:flex;align-items:center;gap:2px;padding-right:6px;margin-right:2px;border-right:1px solid var(--line)}.studio-toolbar__group:last-child{border-right:none;padding-right:0;margin-right:0}.studio-toolbar__group--end{margin-left:auto}.studio-tool{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;border-radius:4px;border:1px solid transparent;background:none;color:var(--text-dim);font:13px/1 var(--sans);cursor:pointer;transition:background 90ms ease,color 90ms ease,border-color 90ms ease}.studio-tool:hover:not(:disabled){background:var(--bg-sunken);color:var(--text);border-color:var(--line)}.studio-tool:disabled{opacity:.3;cursor:not-allowed}.studio-tool:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.studio-tool--on{background:#58a6ff1f;border-color:#58a6ff52;color:var(--text)}.studio-tool--bad:hover:not(:disabled){color:var(--fault)}.studio-tool--wide{min-width:52px;font:11px var(--mono);font-variant-numeric:tabular-nums}.studio-select{height:28px;padding:0 6px;border-radius:4px;border:1px solid var(--line-strong);background:var(--bg-sunken);color:var(--text-dim);font:11px var(--mono);cursor:pointer}.studio-select:disabled{opacity:.4}.studio-toolbar .scada-toggle{padding:5px 12px;font-size:11.5px}.studio__work{display:flex;flex:1;min-height:0;min-width:0}.studio-palette{display:flex;flex-direction:column;gap:2px;flex:none;width:76px;padding:8px 6px;overflow-y:auto;border-right:1px solid var(--line);background:var(--bg-raised)}.studio-piece{display:grid;justify-items:center;gap:4px;padding:8px 2px 7px;border-radius:var(--radius);border:1px solid transparent;background:none;color:var(--text-dim);cursor:grab;transition:background 90ms ease,color 90ms ease,border-color 90ms ease}.studio-piece:hover:not(:disabled){background:var(--bg-sunken);color:var(--text)}.studio-piece:disabled{opacity:.3;cursor:not-allowed}.studio-piece:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.studio-piece--armed{background:#58a6ff1f;border-color:#58a6ff59;color:var(--text)}.studio-piece__label{font-size:9.5px;line-height:1.2;letter-spacing:.02em;text-align:center}.studio-palette__armed{margin:6px 0 0;font-size:10px;line-height:1.35;color:var(--accent);text-align:center}.studio__stage{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;background:var(--bg-sunken)}.studio__screenbar{display:flex;align-items:baseline;gap:12px;flex:none;padding:10px 16px;border-bottom:1px solid var(--line)}.studio__screentitle{font:600 14px var(--sans);color:var(--text)}.studio__screenid,.studio__screenunit{font:11px var(--mono);color:var(--text-faint)}.studio__screenunit--chosen{color:var(--accent)}.studio__schema{font:10px var(--mono);color:var(--fault)}.studio__kind{padding:2px 8px;border-radius:999px;border:1px solid rgb(88 166 255 / .35);color:var(--accent);font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em}.studio__reach{color:var(--text-dim);text-transform:none;letter-spacing:.02em}.studio__dirty{font:10px var(--mono);color:var(--warn);text-transform:uppercase;letter-spacing:.07em}.studio__close{margin-left:auto}.studio__livemark{padding:2px 8px;border-radius:999px;border:1px solid #1c4f2b;color:var(--good);font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em}.studio__warn{margin:0;padding:8px 16px;font:11px var(--mono);color:var(--fault)}.studio__nothing{margin:20px}.studio-canvas{position:relative;flex:1;min-height:0;min-width:0;display:flex;padding:20px;overflow:auto}.studio-canvas__extent{position:relative;flex:none;margin:auto;min-width:100%;min-height:100%;display:flex}.studio-canvas[data-fit=true] .studio-canvas__extent{width:100%;height:100%}.studio-canvas[data-drawing=true]{cursor:crosshair}.studio-chrome{position:absolute;pointer-events:none;z-index:12}.studio-chrome>div{position:absolute}.studio-alsosel{outline:1px solid color-mix(in srgb,var(--accent) 70%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--bg) 65%,transparent)}.studio-marquee{border:1px dashed var(--accent);background:#58a6ff14}.studio-sketch{border:1px solid var(--accent);background:#58a6ff24}.studio-port{position:absolute;width:11px;height:11px;margin:-5.5px;padding:0;border-radius:50%;border:2px solid var(--accent);background:var(--bg);box-shadow:0 0 0 2px #0d1117e6;pointer-events:auto;cursor:grab;z-index:2}.studio-port[data-selected=true]{background:var(--accent)}.studio-stale{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex:none;margin:12px 16px 0;padding:12px 14px;border:1px solid #5a4718;border-left:3px solid var(--warn);border-radius:var(--radius);background:#d2992214}.studio-stale strong{font:600 13px var(--sans);color:var(--text)}.studio-stale__said{margin:4px 0 0;font:11.5px var(--mono);color:var(--text-faint)}.studio-stale p{margin:4px 0 0;font-size:12px;line-height:1.5;color:var(--text-dim);max-width:72ch}.studio-stale__actions{display:flex;gap:8px;flex:none}.studio-props,.studio-security{display:grid;gap:12px;align-content:start}.studio-props__what{margin:0;padding-bottom:10px;border-bottom:1px solid var(--line);font:11.5px var(--mono);color:var(--text-dim);letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-props__note{margin:0;padding-top:10px;border-top:1px solid var(--line);font-size:11px;line-height:1.5;color:var(--text-faint)}.studio-field{display:grid;gap:5px}.studio-field--flagged{margin:-6px -8px;padding:6px 8px;border-radius:var(--radius);background:#58a6ff17;box-shadow:inset 0 0 0 1px #58a6ff4d}.studio-row{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:5px 12px}.studio-row--wide{grid-template-columns:minmax(0,1fr)}.studio-row__label{font:10px var(--sans);color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em}.studio-row__control{min-width:0}.studio-row__hint{grid-column:2;margin:0;font-size:10.5px;line-height:1.45;color:var(--text-faint)}.studio-row--wide .studio-row__hint{grid-column:1}.studio-input{width:100%;min-width:0;padding:6px 8px;font-size:12px}textarea.studio-input{resize:vertical;line-height:1.4;font-family:var(--sans)}.studio-input--number{font-family:var(--mono);font-variant-numeric:tabular-nums}.studio-number{display:flex;align-items:center;gap:6px;min-width:0}.studio-number .studio-input{flex:1;width:auto;min-width:0}.studio-number__suffix{font:10px var(--mono);color:var(--text-faint);flex:none}.studio-choice{display:flex;flex-wrap:wrap;align-items:center;gap:3px}.studio-choice--grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}.studio-choice--grid .studio-mixed{grid-column:1 / -1;justify-self:start;padding-top:2px}.studio-choice__option{padding:5px 9px;font-size:11px}.studio-choice--grid .studio-choice__option{justify-content:center}.studio-mixed{font:10px var(--mono);color:var(--warn);text-transform:uppercase;letter-spacing:.06em}.studio-paintset{display:grid;gap:8px}.studio-paints{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.studio-swatch{width:100%;height:26px;padding:0;border-radius:4px;border:1px solid var(--line-strong);cursor:pointer;transition:transform 80ms ease,box-shadow 80ms ease}.studio-paints__named{display:flex;align-items:baseline;gap:8px;margin:0;font-size:11px;line-height:1.45;color:var(--text-faint)}.studio-paints__named code{font:11px var(--mono);color:var(--text);flex:none}.studio-swatch:hover{transform:translateY(-1px)}.studio-swatch--on{box-shadow:0 0 0 2px var(--bg-raised),0 0 0 3.5px var(--accent)}.studio-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.studio-swatch--none{background-image:repeating-linear-gradient(45deg,transparent 0 4px,rgb(91 106 125 / .5) 4px 6px)!important}.studio-fault{margin:0;font-size:11px;color:var(--fault)}.studio-empty{margin:0;font-size:12px;line-height:1.55;color:var(--text-faint)}.studio-here{margin:0;padding:0;list-style:none;display:grid;gap:6px}.studio-here__one{padding:7px 10px;border-radius:4px;border-left:2px solid var(--line-strong);background:var(--bg-sunken);font-size:11.5px;line-height:1.45;color:var(--text-dim)}.studio-here__one--error{border-left-color:var(--fault);color:var(--text)}.studio-here__one--warning{border-left-color:var(--warn)}.studio-props__reach{margin:0;font-size:11px;line-height:1.5;color:var(--text-faint)}.studio-props__reach code{font:11px var(--mono);color:var(--text-dim)}.studio-list{display:grid;gap:8px}.studio-list__head{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--line)}.studio-list__head h3{font:600 10px var(--sans);color:var(--text-faint);text-transform:uppercase;letter-spacing:.09em}.studio-list__hint,.studio-list__empty{margin:0;font-size:10.5px;line-height:1.45;color:var(--text-faint)}.studio-list__hint code,.studio-list__empty code{font-family:var(--mono);color:var(--text-dim)}.studio-list__item{display:grid;gap:6px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-sunken)}.studio-list__item--port{cursor:default}.studio-list__item--on{border-color:#58a6ff73;background:#58a6ff0f}.studio-list__pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.studio-list__pair .studio-row{grid-template-columns:20px minmax(0,1fr)}.studio-list__tools{display:flex;align-items:center;justify-content:space-between;gap:8px}.studio-list__ref{font:10.5px var(--mono);color:var(--text-faint)}.studio-inputs{display:flex;flex-wrap:wrap;gap:4px;padding-top:4px}.studio-inputchip{padding:3px 8px;border-radius:999px;border:1px solid var(--line-strong);background:none;color:var(--text-dim);font:10.5px var(--mono);cursor:pointer}.studio-inputchip:hover{color:var(--text);border-color:var(--accent)}.studio-inputchip--on{border-color:#58a6ff80;background:#58a6ff1f;color:var(--text)}.studio-binding{display:grid;gap:6px}.studio-binding__tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.studio-button--small{padding:5px 10px;font-size:11px}.studio-button--quiet{color:var(--text-dim)}.studio-button--small code{font:10.5px var(--mono);color:var(--accent)}.studio-resolve{display:grid;gap:4px;padding-left:1px}.studio-resolve p{margin:0;font-size:11px;line-height:1.5}.studio-resolve__path{color:var(--text-faint)}.studio-resolve__path code{font:11px var(--mono);color:var(--text)}.studio-resolve__note{color:var(--text-faint)}.studio-resolve__note code{font:11px var(--mono);color:var(--accent)}.studio-resolve__bad{color:var(--fault)}.studio-resolve__facts{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font:10.5px var(--mono);color:var(--text-faint)}.studio-mark{padding:1px 6px;border-radius:3px;border:1px solid var(--line-strong);background:var(--bg-sunken);font:9.5px/1.6 var(--mono);color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.studio-mark--write{border-color:#1c4f2b;color:var(--good)}.studio-mark--critical{border-color:#5a4718;color:var(--warn)}.studio-mark--bad{border-color:#5a2b54;color:var(--fault)}.studio-mark--current{border-color:#1c4f2b;color:var(--good)}.studio-field--screen{padding-top:12px;border-top:1px solid var(--line)}.studio-security__block{display:grid;gap:7px}.studio-security__block h4{margin:0;font:600 10px var(--sans);color:var(--text-faint);text-transform:uppercase;letter-spacing:.09em}.studio-security__areas{margin:0;font-size:12px;line-height:1.6;color:var(--text-dim)}.studio-security__areas code,.studio-security__list code{font:11px var(--mono);color:var(--text)}.studio-security__note{margin:0;font-size:11px;line-height:1.5;color:var(--text-faint)}.studio-security__note code{font-family:var(--mono);color:var(--text-dim)}.studio-security__list{margin:0;padding:0;list-style:none;display:grid;gap:5px}.studio-security__list li{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;border-radius:4px;background:var(--bg-sunken);overflow-wrap:anywhere}.studio-dock{position:relative;display:flex;flex-direction:column;min-height:0;border-top:1px solid var(--line);background:var(--bg-raised)}.studio-dock--shut{height:auto}.studio-dock__grip{position:absolute;top:-3px;left:0;right:0;height:7px;cursor:ns-resize;z-index:5}.studio-dock__grip:hover{background:linear-gradient(var(--accent),transparent 60%);opacity:.5}.studio-unchecked{display:grid;gap:6px;padding:14px 16px}.studio-unchecked__head{margin:0;font:600 13px var(--sans);color:var(--warn)}.studio-unchecked__why{margin:0;font:11px var(--mono);color:var(--fault)}.studio-unchecked__note{margin:0;font-size:12px;line-height:1.5;color:var(--text-dim);max-width:96ch}.studio-problems__list--old{margin-top:6px;opacity:.62}.studio-stale--failed{border-color:#5a2b54;border-left-color:var(--fault);background:#d977c712}.studio-modal__note--act{color:var(--warn)}.studio-dock__bar{display:flex;align-items:center;gap:12px;padding-right:8px;flex:none}.studio-dock__bar .studio-dock__tabs{flex:none;border-bottom:none}.studio-dock__state{display:flex;align-items:center;gap:10px;margin-left:auto}.studio-dock__working{font:10px var(--mono);color:var(--text-faint)}.studio-dock__fault{font:10px var(--mono);color:var(--fault)}.studio-dock__body{flex:1;min-height:0;overflow-y:auto;border-top:1px solid var(--line)}.studio-problems{display:grid;align-content:start}.studio-problems__list{display:grid}.studio-problem{display:grid;grid-template-columns:62px 168px minmax(0,1fr);align-items:baseline;gap:12px;padding:7px 16px;border:none;border-bottom:1px solid rgb(32 43 56 / .5);border-left:2px solid transparent;background:none;text-align:left;cursor:pointer;color:var(--text-dim);font-size:12px}.studio-problem:hover{background:var(--bg-sunken);color:var(--text)}.studio-problem__severity{font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.06em}.studio-problem--error{border-left-color:var(--fault)}.studio-problem--error .studio-problem__severity{color:var(--fault)}.studio-problem--warning{border-left-color:var(--warn)}.studio-problem--warning .studio-problem__severity{color:var(--warn)}.studio-problem--info{border-left-color:var(--line-strong)}.studio-problem--info .studio-problem__severity{color:var(--text-faint)}.studio-problem__where{display:flex;align-items:baseline;gap:8px;font:11.5px var(--mono);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-problem__field{color:var(--text-faint);font-size:10.5px}.studio-problem__message{line-height:1.45}.studio-problems__deploy{padding:12px 16px 14px;border-bottom:1px solid var(--line);background:#d977c70d}.studio-problems__deploy h4{margin:0;font:600 12px var(--sans);color:var(--fault)}.studio-problems__deploy>p{margin:4px 0 10px;font-size:11.5px;line-height:1.5;color:var(--text-dim);max-width:90ch}.studio-problems__group{margin-top:8px}.studio-problems__group h5{display:flex;align-items:center;gap:8px;margin:0 0 2px;font:11px var(--mono);color:var(--text)}.studio-problems__group .studio-problem{padding-left:8px;padding-right:8px}.studio-console{margin:0;padding:6px 0;list-style:none}.studio-console__line{display:grid;grid-template-columns:66px minmax(0,1fr);gap:12px;padding:4px 16px;font-size:12px;color:var(--text-dim)}.studio-console__at{font:11px var(--mono);color:var(--text-faint);font-variant-numeric:tabular-nums}.studio-console__line--good .studio-console__text{color:var(--good)}.studio-console__line--bad .studio-console__text{color:var(--fault)}.studio-tags{display:flex;flex-direction:column;min-height:0}.studio-tags__bar{display:flex;align-items:center;gap:12px;flex:none;padding:8px 16px;border-bottom:1px solid var(--line)}.studio-tags__bar .field__input{width:320px;font-size:12px;padding:6px 9px}.studio-tags__count{font:10px var(--mono);color:var(--text-faint)}.studio-tags__table{max-height:none}.studio-tags__table .table{table-layout:auto}.studio-tags__table .table th{font-size:9.5px;padding:6px 14px;white-space:nowrap}.studio-tags__table .table td{padding:5px 14px;font-size:12px;white-space:nowrap}.studio-tags__table .table th:nth-child(6),.studio-tags__table .table td:nth-child(6){white-space:normal;width:100%}.studio-tags__table .table td:nth-child(6){font-size:11.5px}.studio-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:#04070bb8}.studio-modal__box{width:min(32rem,100%);max-height:100%;overflow-y:auto;padding:20px 22px;display:grid;gap:12px;background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:0 18px 48px #00000080}.studio-modal__box--wide{width:min(52rem,100%)}.studio-modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.studio-modal__head h2{font-size:15px}.studio-modal__note{margin:0;font-size:11.5px;line-height:1.55;color:var(--text-faint);max-width:84ch}.studio-modal__note code{font-family:var(--mono);color:var(--text-dim)}.studio-modal__fault{margin:0;padding:9px 11px;border-radius:var(--radius);border:1px solid #5a2b54;background:#d977c714;font-size:12px;line-height:1.5;color:var(--fault)}.studio-modal__outcome{margin:0;padding:9px 11px;border-radius:var(--radius);border:1px solid #1c4f2b;background:#3fb95014;font-size:12px;line-height:1.5;color:var(--text)}.studio-modal__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:2px}.studio-modal__list{margin:0;padding-left:18px;display:grid;gap:3px}.studio-modal__list li{font:11.5px var(--mono);color:var(--text-dim)}.studio-modal__foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.studio-modal__count{font:10px var(--mono);color:var(--text-faint)}.studio-warn{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:10px 12px;border-radius:var(--radius);border:1px solid #5a4718;border-left:3px solid var(--warn);background:#d2992214}.studio-warn p{margin:0;font-size:12px;line-height:1.5;color:var(--text-dim)}.studio-warn code{font:11px var(--mono);color:var(--text);margin-right:5px}.studio-rules{display:grid;gap:10px}.studio-rules--flagged{margin:-6px -8px;padding:6px 8px;border-radius:var(--radius);background:#58a6ff17;box-shadow:inset 0 0 0 1px #58a6ff4d}.studio-rule{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-sunken)}.studio-rule__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0}.studio-rule__what{font:11px var(--mono);color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-rule__order{display:flex;gap:4px;flex:none}.studio-rule__order .scada-toggle{padding:2px 7px;font-size:11px}.studio-rule__order .scada-toggle:disabled{opacity:.35;cursor:default}.studio-bands{display:grid;gap:8px}.studio-bands__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;font-size:11px;color:var(--text-faint)}.studio-bands__add{padding:2px 8px;font-size:11px;flex:none}.studio-band{display:grid;gap:6px;padding:8px 10px;border-left:2px solid var(--line);border-radius:0 var(--radius) var(--radius) 0;background:var(--bg-raised)}.studio-band__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;font:11px var(--mono);color:var(--text-faint)}.studio-band__drop{padding:2px 8px;font-size:11px;flex:none}.studio-rules__add{display:grid;gap:6px;padding-top:4px;border-top:1px solid var(--line)}.studio-picker__list{display:grid;gap:4px;max-height:42vh;overflow-y:auto;padding:4px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-sunken)}.studio-picked{display:grid;gap:5px;padding:9px 11px;border-radius:4px;border:1px solid transparent}.studio-picked:hover{background:var(--bg-raised);border-color:var(--line)}.studio-picked__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.studio-picked__path{font:12px var(--mono);color:var(--text);overflow-wrap:anywhere}.studio-picked__marks{display:flex;gap:5px;flex:none}.studio-picked__meta{display:flex;flex-wrap:wrap;gap:3px 12px;margin:0;font:10.5px var(--mono);color:var(--text-faint)}.studio-picked__desc{font-family:var(--sans);font-size:11px}.studio-picked__warn{margin:0;font-size:11px;line-height:1.45;color:var(--fault)}.studio-picked__actions{display:flex;flex-wrap:wrap;gap:6px}.db-grid__settings{all:unset;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:11px var(--mono);color:var(--accent);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}.db-grid__settings:hover{color:var(--text)}.db-grid__settings:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.db-modal__panel:has(.db-settings){display:flex;flex-direction:column;overflow:hidden}.db-settings{display:grid;gap:10px;overflow-y:auto;min-height:0;align-content:start;flex:1 1 auto;padding:4px 2px}.db-settings__row--flag .field{grid-template-columns:auto 1fr;align-items:center;gap:9px}.db-settings__row--flag .field__label{order:2}.db-settings__row--flag input[type=checkbox]{order:1;width:14px;height:14px;margin:0;accent-color:var(--accent)}.db-settings__row--raw .field__label{font-family:var(--mono);font-size:11px;text-transform:none;letter-spacing:0;color:var(--text-dim)}.db-settings__protocol{font:11px var(--mono);color:var(--text-faint);margin-left:8px}.db-settings__heading{margin:8px 0 0;font:600 10px var(--sans);color:var(--text-faint);text-transform:uppercase;letter-spacing:.09em}.db-settings__row{display:grid;gap:3px;padding:8px 10px;border-radius:4px;border:1px solid var(--line);background:var(--bg-sunken)}.db-settings__row--weakens{border-left:2px solid var(--warn)}.db-settings__warn{margin-left:8px;font:600 9.5px var(--sans);color:var(--warn);text-transform:uppercase;letter-spacing:.08em}.db-settings__hint{margin:0;font:11px var(--sans);line-height:1.45;color:var(--text-faint)}.db-settings__add{display:flex;align-items:end;gap:10px;padding-top:10px;border-top:1px solid var(--line)}.db-settings__add .field{flex:1 1 auto}.studio-import__file{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px;border:1px dashed var(--line);border-radius:4px;background:var(--bg-sunken)}.studio-import__file input[type=file]{font:11px var(--sans);color:var(--text-dim)}.studio-import__chosen{font:11px var(--mono);color:var(--text-faint)}.studio-modal__box--report{display:flex;flex-direction:column}.studio-modal__box--report>.studio-import__outcome{flex:1 1 auto;min-height:0}.studio-import__outcome{display:grid;gap:10px;overflow-y:auto;align-content:start}.studio-import__outcome h3{margin:6px 0 0;font:600 10px var(--sans);color:var(--text-faint);text-transform:uppercase;letter-spacing:.09em}.studio-import__rows{margin:0;padding:0;list-style:none;display:grid;gap:6px}.studio-import__row{display:grid;grid-template-columns:minmax(0,1fr) 15rem;align-items:center;gap:14px;padding:9px 10px;border-radius:4px;border:1px solid var(--line);background:var(--bg-sunken)}.studio-import__what{display:grid;gap:2px;min-width:0}.studio-import__class{font:600 12px var(--mono);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-import__count,.studio-import__why{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-import__count{font:11px var(--mono);color:var(--text-dim)}.studio-import__why{font:11px var(--sans);color:var(--text-faint)}.studio-import__pick{margin:0}.studio-import__tags{margin:0;padding:0;list-style:none;display:grid;gap:4px}.studio-import__tag{padding:6px 10px;border-radius:4px;background:var(--bg-sunken);font:11px var(--sans);color:var(--text-dim);line-height:1.5}.studio-import__tag code{font:11px var(--mono);color:var(--text)}@media(max-width:640px){.studio-import__row{grid-template-columns:minmax(0,1fr)}}.studio-history{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--line)}.studio-history h3{font:600 10px var(--sans);color:var(--text-faint);text-transform:uppercase;letter-spacing:.09em}.studio-history__list{margin:0;padding:0;list-style:none;display:grid;gap:2px}.studio-history__row{display:grid;grid-template-columns:34px 96px 78px 74px minmax(0,1fr) auto;align-items:center;gap:14px;padding:8px 10px;border-radius:4px;border:1px solid transparent;font-size:12px;color:var(--text-dim)}.studio-history__row>span{white-space:nowrap}.studio-history__row:hover{background:var(--bg-sunken)}.studio-history__row--current{background:#3fb9500f;border-color:#1c4f2b}.studio-history__revision{font:600 12px var(--mono);color:var(--text);font-variant-numeric:tabular-nums}.studio-history__when{font:11px var(--mono);color:var(--text-dim)}.studio-history__by{font:11px var(--mono);color:var(--text-faint)}.studio-history__count{font:10px var(--mono);color:var(--text-faint)}.studio-history__note{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-faint)}.studio-history__confirm{display:flex;gap:6px;flex:none}.mode--link{display:block;text-align:center;text-decoration:none;margin-bottom:4px}.mode--link:hover{border-color:var(--line-strong);color:var(--text)}.studio-boot{min-height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--text-dim);font:13px var(--sans)}.db{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--bg);color:var(--text);font-family:var(--sans)}.db__header{display:flex;align-items:center;gap:16px;flex:none;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--bg-raised)}.db__title h1{margin:0;font:600 15px var(--sans)}.db__title p{margin:2px 0 0;font:400 11px var(--sans);color:var(--text-dim)}.db__tabs{display:flex;gap:2px;margin-left:8px}.db__actions{display:flex;gap:8px;margin-left:auto}.db-tab{padding:6px 14px;border-radius:4px;border:1px solid transparent;background:none;color:var(--text-faint);font:500 12px var(--sans);cursor:pointer}.db-tab:hover{color:var(--text);background:var(--bg-sunken)}.db-tab--on{color:var(--text);background:var(--bg-sunken);border-color:var(--line-strong)}.db__body{display:grid;grid-template-columns:232px minmax(0,1fr) 300px;flex:1;min-height:0}.db-rail{display:flex;flex-direction:column;gap:2px;min-height:0;padding:10px 8px;overflow-y:auto;background:var(--bg-raised);border-right:1px solid var(--line)}.db-rail h2{margin:4px 8px 8px;font:600 10px var(--sans);color:var(--text-faint);text-transform:uppercase;letter-spacing:.09em}.db-rail__item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;width:100%;padding:7px 10px;border-radius:4px;text-align:left;border:1px solid transparent;background:none;color:var(--text-dim);font:500 12px var(--sans);cursor:pointer}.db-rail__item:hover{background:var(--bg-sunken);color:var(--text)}.db-rail__item--on{background:var(--bg-sunken);color:var(--text);border-color:var(--line-strong)}.db-rail__name{display:flex;flex-direction:column;min-width:0}.db-rail__name small{font:400 10px var(--mono);color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-rail__count{font:500 11px var(--mono);color:var(--text-faint)}.db-rail__state{grid-column:1 / -1;justify-self:start;font:500 10px var(--sans);color:var(--good)}.db-rail__state--off{color:var(--fault)}.db-main{display:flex;flex-direction:column;min-height:0;min-width:0;padding:10px;gap:8px}.db-toolbar{display:flex;align-items:center;gap:8px;flex:none;flex-wrap:wrap}.db-toolbar__spacer{flex:1}.db-input{padding:5px 9px;border-radius:4px;min-width:0;border:1px solid var(--line-strong);background:var(--bg-sunken);color:var(--text);font:400 12px var(--sans)}.db-input--search{flex:1;min-width:200px;max-width:360px}.db-input:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.db-check{display:inline-flex;align-items:center;gap:6px;font:400 12px var(--sans);color:var(--text-dim);white-space:nowrap}.db-button{padding:5px 12px;border-radius:4px;white-space:nowrap;border:1px solid var(--line-strong);background:var(--bg-sunken);color:var(--text);font:500 12px var(--sans);cursor:pointer;text-decoration:none}.db-button:hover:not(:disabled){border-color:var(--accent)}.db-button:disabled{opacity:.4;cursor:not-allowed}.db-button--primary{border-color:var(--accent);color:var(--accent)}.db-iconbutton{padding:3px 8px;border-radius:4px;margin-left:auto;border:1px solid transparent;background:none;color:var(--text-faint);font:500 10px var(--sans);cursor:pointer}.db-iconbutton:hover{color:var(--text);background:var(--bg-sunken)}.db-bulk{display:flex;align-items:center;gap:8px;flex:none;flex-wrap:wrap;padding:8px 10px;border-radius:var(--radius);border:1px solid var(--accent);background:var(--bg-raised);font:400 12px var(--sans);color:var(--text-dim)}.db-bulk .db-input{width:150px}.db-notice,.db-fault{display:flex;align-items:center;gap:10px;flex:none;margin:0;padding:7px 10px;border-radius:var(--radius);font:400 12px var(--sans)}.db-notice{background:var(--bg-raised);color:var(--text-dim);border:1px solid var(--line)}.db-fault{background:var(--bg-raised);color:var(--fault);border:1px solid var(--fault)}.db-grid{display:flex;flex-direction:column;min-height:0;flex:1;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-sunken);overflow:hidden}.db-grid__empty{flex:1;margin:0;display:grid;place-items:center;color:var(--text-faint);font:400 12px var(--sans);border:1px dashed var(--line);border-radius:var(--radius)}.db-grid__head{display:grid;flex:none;border-bottom:1px solid var(--line-strong);background:var(--bg-raised)}.db-grid__header{display:flex;align-items:center;gap:4px;min-width:0;padding:7px 9px;border:none;background:none;text-align:left;color:var(--text-faint);font:600 10px var(--sans);cursor:pointer;text-transform:uppercase;letter-spacing:.06em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-grid__header:hover{color:var(--text)}.db-grid__header>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.db-grid__body{flex:1;min-height:0;overflow:auto}.db-grid__row{display:grid;border-bottom:1px solid var(--line);cursor:default}.db-grid__row:hover{background:var(--bg-raised)}.db-grid__row--selected{background:color-mix(in srgb,var(--accent) 14%,var(--bg-sunken))}.db-grid__row--selected:hover{background:color-mix(in srgb,var(--accent) 20%,var(--bg-sunken))}.db-grid__row--dirty{box-shadow:inset 3px 0 0 var(--warn)}.db-grid__cell{min-width:0;padding:5px 9px;font:400 12px var(--mono);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-grid__cell--fixed{color:var(--text-dim)}.db-grid__cell--number{text-align:right}.db-grid__cell--fault{box-shadow:inset 0 0 0 1px var(--fault);background:color-mix(in srgb,var(--fault) 12%,transparent)}.db-grid__value{font:inherit}.db-grid__blank{color:var(--text-faint)}.db-flag{color:var(--text-faint);font:500 11px var(--sans)}.db-flag--on{color:var(--good)}.db-grid__editor{width:100%;padding:2px 4px;border-radius:3px;border:1px solid var(--accent);background:var(--bg);color:var(--text);font:400 12px var(--mono)}.db-grid__editor:focus-visible{outline:none}.db-pager{display:flex;align-items:center;gap:8px;flex:none;font:400 11px var(--sans);color:var(--text-dim)}.db-pager span{margin-right:auto}.db-dock{display:flex;flex-direction:column;min-height:0;background:var(--bg-raised);border-left:1px solid var(--line)}.db-dock header{display:flex;align-items:center;gap:6px;flex:none;padding:0 8px 0 14px;height:40px;border-bottom:1px solid var(--line)}.db-dock header h2{margin:0;font:600 10px var(--sans);color:var(--text-faint);text-transform:uppercase;letter-spacing:.09em}.db-dock__body{flex:1;min-height:0;overflow-y:auto;padding:8px;display:grid;gap:4px;align-content:start}.db-dock__clear{margin:4px;font:400 11px var(--sans);color:var(--text-dim)}.db-pill{padding:2px 7px;border-radius:999px;font:500 10px var(--sans);color:var(--text-faint);background:var(--bg-sunken)}.db-pill--error{color:var(--fault);background:color-mix(in srgb,var(--fault) 16%,transparent)}.db-pill--warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 16%,transparent)}.db-problem{display:grid;gap:2px;width:100%;text-align:left;padding:7px 9px;border-radius:4px;border:1px solid var(--line);background:var(--bg-sunken);cursor:pointer}.db-problem:hover{border-color:var(--line-strong)}.db-problem--error{border-left:3px solid var(--fault)}.db-problem--warning{border-left:3px solid var(--warn)}.db-problem--info{border-left:3px solid var(--text-faint)}.db-problem__where{display:block;font:500 11px var(--mono);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-problem__where em{margin-left:6px;font:400 10px var(--sans);color:var(--text-faint);font-style:normal}.db-problem__what{font:400 11px var(--sans);color:var(--text-dim);white-space:normal}.db-modal{position:fixed;inset:0;display:grid;place-items:center;z-index:40;background:color-mix(in srgb,var(--bg-sunken) 82%,transparent)}.db-modal__panel{display:grid;gap:14px;width:min(620px,calc(100vw - 48px));max-height:calc(100vh - 64px);overflow-y:auto;padding:20px 22px;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--bg-raised)}.db-modal__panel h2{margin:0;font:600 15px var(--sans)}.db-modal__panel h3{margin:0 0 6px;font:600 10px var(--sans);color:var(--text-faint);text-transform:uppercase;letter-spacing:.09em}.db-modal__lead{margin:0;font:400 12px var(--sans);color:var(--text-dim)}.db-modal__counts{display:flex;gap:24px;margin:0}.db-modal__counts dt{font:500 10px var(--sans);color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em}.db-modal__counts dd{margin:2px 0 0;font:600 20px var(--mono)}.db-modal__safety{padding:10px 12px;border-radius:4px;border:1px solid var(--warn);background:var(--bg-sunken)}.db-modal__safety ul{margin:0;padding-left:18px;display:grid;gap:3px}.db-modal__safety li{font:400 11px var(--sans);color:var(--text)}.db-modal__safety code{font:500 11px var(--mono);color:var(--text)}.db-modal__more{margin:6px 0 0;font:400 11px var(--sans);color:var(--text-dim)}.db-modal__blocked{margin:0;font:500 12px var(--sans);color:var(--fault)}.db-modal__warned{margin:0;font:400 12px var(--sans);color:var(--warn)}.db-modal__note{display:grid;gap:5px;font:400 11px var(--sans);color:var(--text-dim)}.db-modal__note input{padding:6px 9px;border-radius:4px;border:1px solid var(--line-strong);background:var(--bg-sunken);color:var(--text);font:400 12px var(--sans)}.db-modal__csv{min-height:180px;resize:vertical;padding:8px;border-radius:4px;border:1px solid var(--line-strong);background:var(--bg-sunken);color:var(--text);font:400 11px var(--mono);white-space:pre;overflow-wrap:normal;overflow-x:auto}.db-modal__actions{display:flex;gap:8px;justify-content:flex-end}@media(max-width:1200px){.db__body{grid-template-columns:200px minmax(0,1fr)}.db-dock{grid-column:1 / -1;border-left:none;border-top:1px solid var(--line);max-height:220px}}.db-rail__item--outside .db-rail__name{color:var(--text-faint)}.db-rail__item--outside .db-rail__count{opacity:.5}.db-rail__item--outside .db-rail__state{color:var(--text-faint)}.db-grid__explain{display:grid;gap:10px;place-items:start;align-content:center;padding:24px 28px;max-width:60ch;margin:0 auto;text-align:left}.db-grid__explain p{margin:0;font:400 12px var(--sans);color:var(--text-dim)}.db-grid__explain strong{color:var(--text);font-weight:600}.db-grid__explain code{font:400 12px var(--mono);color:var(--text)}.viewel--instance{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:1px dashed var(--line-strong);border-radius:3px;background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--text-faint);font:500 11px var(--mono);overflow:hidden;white-space:nowrap}.viewel--instance-unexpanded{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:4px;border:2px solid var(--fault);border-radius:3px;color:var(--fault);font:600 12px var(--sans);text-align:center}.studio__work{position:relative}.studio-picker{position:absolute;left:84px;top:8px;z-index:30;width:300px;max-height:calc(100% - 16px);display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:0 12px 32px #00000073}.studio-picker__filter{font-size:12px}.studio-picker__list{flex:1;min-height:0;overflow-y:auto;display:grid;gap:1px;align-content:start}.studio-picker__list .studio-folder{height:28px}.studio-picker__part{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1px 8px;align-items:center;padding:6px 8px;border-radius:4px;border:1px solid transparent;background:none;color:var(--text);text-align:left;cursor:grab}.studio-picker__part:hover{background:var(--bg-sunken);border-color:var(--line)}.studio-picker__part:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.studio-picker__part--armed{background:#58a6ff1f;border-color:#58a6ff59}.studio-picker__title{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-picker__id{grid-row:2;font:10.5px var(--mono);color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-picker__size{grid-row:1 / span 2;font:10px var(--mono);color:var(--text-faint)}.studio-palette__heading{grid-column:1 / -1;margin:10px 0 2px;font:600 10px var(--sans);color:var(--text-faint);text-transform:uppercase;letter-spacing:.09em}.scripts{height:100vh;display:grid;grid-template-rows:auto 1fr;background:var(--bg)}.scripts__bar{display:flex;align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--bg-raised)}.scripts__title{margin:0;font-size:14px;font-weight:600;color:var(--text)}.scripts__what{font:11.5px var(--mono);color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scripts__actions{margin-left:auto;display:flex;gap:8px;flex:none}.scripts__body{display:grid;grid-template-columns:280px 1fr;min-height:0}.scripts__list{border-right:1px solid var(--line);overflow-y:auto;padding:8px;display:grid;gap:2px;align-content:start;background:var(--bg-sunken)}.scripts__item{display:grid;gap:2px;text-align:left;width:100%;padding:7px 9px;border:0;border-radius:var(--radius);background:transparent;color:var(--text-dim);cursor:pointer}.scripts__item:hover{background:var(--bg-raised)}.scripts__item--on{background:var(--bg-raised);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong)}.scripts__item-id{font:12px var(--mono)}.scripts__item-where{font-size:10.5px;color:var(--text-faint)}.scripts__item-marks{display:flex;gap:5px}.scripts__off{font-size:10px;color:var(--text-faint)}.scripts__bad{font-size:10px;color:var(--bad)}.scripts__pane{display:grid;grid-template-rows:auto 1fr auto;min-height:0;min-width:0}.scripts__meta{display:flex;flex-wrap:wrap;gap:10px 14px;padding:12px 16px;border-bottom:1px solid var(--line)}.scripts__field{display:grid;gap:3px}.scripts__field>span{font-size:10.5px;color:var(--text-faint)}.scripts__field--wide{flex:1 1 320px}.scripts__toggle{display:flex;align-items:center;gap:6px;align-self:end}.scripts__toggle>span{font-size:12px;color:var(--text-dim)}.script-editor{min-height:0;min-width:0}.scripts__problems{max-height:30vh;overflow-y:auto;padding:10px 16px;border-top:1px solid #5a2b2b;background:#ff41360f}.scripts__problem{margin:0 0 4px;font:11.5px var(--mono);color:var(--bad)}.scripts__said{position:fixed;bottom:18px;left:50%;transform:translate(-50%);padding:8px 14px;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--bg-raised);font-size:12px;color:var(--text-dim);animation:scripts-said 4s ease forwards}@keyframes scripts-said{0%,80%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.scripts__said{animation:none}}