:root{--ground: #1c1f23;--plate: #272b30;--plate-raised: #31363c;--plate-pressed: #3b4148;--hairline: rgba(255, 255, 255, .12);--hairline-strong: rgba(255, 255, 255, .22);--ink: #f2f4f5;--ink-2: #b9c0c6;--ink-3: #7d868f;--safe: #1f9e63;--caution: #f0c020;--danger: #d8322e;--mandatory: #2456a8;--mandatory-pressed: #2c66c4;--brand-gold: #d4860f;--unknown: #5b636b;--on-safe: var(--ink);--on-danger: var(--ink);--on-mandatory: var(--ink);--on-caution: #1c1f23;--bg: var(--ground);--surface: var(--plate);--surface-raised: var(--plate-raised);--border: var(--hairline);--border-bright: var(--hairline-strong);--text: var(--ink);--text-dim: var(--ink-2);--text-faint: var(--ink-3);--accent: var(--mandatory);--accent-dim: var(--mandatory);--focus: var(--brand-gold);--ok: var(--safe);--degraded: var(--caution);--down: var(--danger);--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-data: ui-monospace, "SF Mono", Menlo, "Cascadia Mono", Consolas, "Liberation Mono", monospace;--radius: 2px;--rail-h: 48px;--control-h: 36px;--touch-h: 44px;--ease-out: cubic-bezier(.16, 1, .3, 1);--t-plate: .16s;--hazard: repeating-linear-gradient( -45deg, var(--caution) 0 8px, #1c1f23 8px 16px );color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-ui);font-size:14px;line-height:1.35;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;overscroll-behavior:none;caret-color:var(--ink)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--ink);text-decoration-color:var(--hairline-strong);text-underline-offset:3px}a:hover{text-decoration-color:var(--ink)}::selection{background:var(--mandatory);color:var(--ink)}::placeholder{color:var(--ink-3);opacity:1}*{scrollbar-width:thin;scrollbar-color:var(--plate-pressed) var(--ground)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--ground)}::-webkit-scrollbar-thumb{background:var(--plate-pressed);border:2px solid var(--ground);border-radius:6px}h1,h2,h3{margin:0;font-weight:700;line-height:1.15;text-wrap:balance}h1{font-size:17px}h2{font-size:15px}p{margin:0}.mono{font-family:var(--font-data);letter-spacing:.01em}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.label,.plate-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1}.hint{color:var(--ink-2);font-size:12.5px}.faint{color:var(--ink-3)}.plate{background:var(--plate);border:1px solid var(--hairline);border-radius:var(--radius)}.plate-raised{background:var(--plate-raised);border:1px solid var(--hairline);border-radius:var(--radius)}.state{display:inline-flex;align-items:center;gap:6px;min-height:22px;padding:0 8px;border-radius:var(--radius);border:1px solid transparent;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1;white-space:nowrap;transition:background-color var(--t-plate) var(--ease-out),color var(--t-plate) var(--ease-out),border-color var(--t-plate) var(--ease-out)}.state--safe{background:var(--safe);color:var(--on-safe)}.state--caution{background:var(--caution);color:var(--on-caution)}.state--danger{background:var(--danger);color:var(--on-danger)}.state--mandatory{background:var(--mandatory);color:var(--on-mandatory)}.state--unknown{background:var(--plate-raised);border-color:var(--hairline-strong);color:var(--ink-2)}.state--quiet{background:transparent;border-color:var(--hairline);color:var(--ink-2)}.state--lg{min-height:30px;padding:0 12px;font-size:14px}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--control-h);padding:0 12px;cursor:pointer;background:var(--plate-raised);border:1px solid var(--hairline);border-radius:var(--radius);color:var(--ink);font-size:14px;font-weight:600;line-height:1;white-space:nowrap;text-decoration:none;transition:background-color var(--t-plate) var(--ease-out),border-color var(--t-plate) var(--ease-out),color var(--t-plate) var(--ease-out)}button:hover,.btn:hover{background:var(--plate-pressed);border-color:var(--hairline-strong)}button:active,.btn:active{background:var(--plate-pressed)}button.primary,.btn.primary,button[aria-pressed=true],button.selected{background:var(--mandatory);border-color:var(--mandatory);color:var(--on-mandatory)}button.primary:hover,.btn.primary:hover,button[aria-pressed=true]:hover,button.selected:hover{background:var(--mandatory-pressed);border-color:var(--mandatory-pressed)}button.danger,.btn.danger{background:var(--danger);border-color:var(--danger);color:var(--on-danger)}button.danger:hover{background:#e63f3b;border-color:#e63f3b}button.ghost,.btn.ghost{background:transparent;border-color:var(--hairline)}button.ghost:hover{background:var(--plate-raised)}button.icon,.btn.icon{padding:0;width:var(--control-h)}button.sm,.btn.sm{min-height:28px;padding:0 8px;font-size:12.5px}button:disabled,.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed}button:disabled:hover{background:var(--plate-raised);border-color:var(--hairline)}button:focus-visible,[tabindex]:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:2px solid var(--brand-gold);outline-offset:2px}input[type=text],input[type=password],input[type=search],input[type=number],input[type=email],select,textarea{min-height:var(--control-h);padding:0 10px;background:var(--plate-raised);border:1px solid var(--hairline);border-radius:var(--radius);color:var(--ink);font-size:14px;line-height:1.2;width:100%;transition:border-color var(--t-plate) var(--ease-out)}input:hover,select:hover{border-color:var(--hairline-strong)}textarea{padding:8px 10px;line-height:1.35}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23b9c0c6' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--mandatory)}label{display:inline-flex;align-items:center;gap:8px}.field{display:flex;flex-direction:column;gap:6px}.field>.label{color:var(--ink-2)}.error-line{color:#ff6b67;font-size:12.5px}.rail{display:flex;align-items:center;gap:8px;height:var(--rail-h);padding:0 12px;background:var(--plate);border-bottom:1px solid var(--hairline);flex-shrink:0}.rail__spacer{flex:1}.rail__group{display:flex;align-items:center;gap:8px}.wordmark{display:inline-flex;align-items:center;gap:10px;min-height:var(--control-h);padding:0 10px 0 6px;color:var(--ink);text-decoration:none;flex-shrink:0}.wordmark img{width:24px;height:24px;display:block}.wordmark__name{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1;white-space:nowrap}.wordmark__by{color:var(--ink-2);font-size:11.5px;line-height:1;margin-top:3px;white-space:nowrap}.bay{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--plate);border:1px solid var(--hairline);border-radius:var(--radius);overflow:hidden}.bay__picture{position:relative;flex:1;min-height:0;background:#000}.bay__strip{display:flex;align-items:center;gap:8px;height:32px;padding:0 8px 0 6px;border-top:1px solid var(--hairline);flex-shrink:0}.bay__num{font-family:var(--font-data);font-size:11px;font-weight:700;color:var(--ink-3);letter-spacing:.04em;min-width:18px}.bay__name{flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bay--empty .bay__picture{display:flex;align-items:center;justify-content:center;background:transparent}.bay--editing{outline:2px dashed var(--caution);outline-offset:-2px}.fault{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#1c1f2399}.fault:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--hazard)}.grid--editing{outline:3px solid transparent;outline-offset:-3px;border-image:var(--hazard) 6}.panel{background:var(--plate);border:1px solid var(--hairline);border-radius:var(--radius)}.section{display:flex;flex-direction:column;gap:8px}.section__title{margin-top:8px}table.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--hairline-strong);color:var(--ink-2);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.table td{padding:8px 10px;border-bottom:1px solid var(--hairline);vertical-align:middle}.table td.num,.table th.num{text-align:right;font-family:var(--font-data)}.table tr:hover td{background:#ffffff06}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:8px}.icon-svg{width:16px;height:16px;flex-shrink:0}.kbd{font-family:var(--font-data);font-size:11px;padding:2px 5px;border:1px solid var(--hairline-strong);border-radius:var(--radius);color:var(--ink-2)}@media (pointer: coarse){:root{--control-h: var(--touch-h)}.bay__strip{height:44px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:0ms!important;animation-duration:0ms!important}}.admin-app{height:100dvh;display:flex;flex-direction:column}.admin-content{flex:1;min-height:0;overflow:auto}.admin-content__inner{max-width:1100px;margin:0 auto;padding:16px}.admin-wordmark__text{display:flex;flex-direction:column}.admin-table-plate{overflow-x:auto}.admin-plate{padding:12px}.admin-plate--form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.admin-group-row{padding:10px 12px;border-bottom:1px solid var(--hairline)}.admin-group-row:last-child{border-bottom:none}.admin-push-right{margin-left:auto}.password-dialog{min-width:min(360px,90vw);color:var(--ink)}.password-dialog::backdrop{background:#00000080}.password-dialog__actions{justify-content:flex-end}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;background:#000;animation:viewer-in .2s var(--ease-out) both}@keyframes viewer-in{0%{opacity:0;transform:scale(.98)}}.viewer__rail{gap:10px}.viewer__rail .bay__num{font-size:13px;min-width:24px}.viewer__name{flex:1;min-width:0;font-size:17px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer__states{margin-right:16px}.viewer__picture{position:relative;flex:1;min-height:0}.viewer__layer{position:absolute;top:0;right:0;bottom:0;left:0}.viewer__layer--hidden{opacity:0}.viewer__still{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.phone{display:flex;flex-direction:column;height:100%;min-height:0}.phone__view{width:auto;min-width:92px}.phone .wordmark__name,.phone .wordmark__by{display:none}.phone__search{padding:8px 12px;background:var(--plate);border-bottom:1px solid var(--hairline);flex-shrink:0}.phone__bays{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:8px}.phone__bays--grid2{display:grid;grid-template-columns:1fr 1fr;align-content:start}.phone__bay{flex:none;align-items:stretch;height:auto;min-height:0;padding:0;justify-content:flex-start;text-align:left;font-weight:400;background:var(--plate)}.phone__bay:hover,.phone__bay:active{background:var(--plate);border-color:var(--hairline-strong)}.phone__bay .bay__picture{display:block;width:100%;aspect-ratio:16 / 9;flex:none}.phone__bay .bay__strip{height:var(--touch-h);padding:0 10px 0 8px}.phone__bay .bay__strip .state{min-height:30px;padding:0 12px;font-size:14px}.phone__empty{display:flex;justify-content:center;padding:24px 0;grid-column:1 / -1}.wall{height:100dvh;width:100vw;padding:6px;display:flex;flex-direction:column;overflow:hidden;background:var(--ground)}.wall .bay__stream{display:none}.wall .bay__strip{height:52px;gap:12px;padding:0 12px 0 10px}.wall .bay__num{font-size:18px;min-width:28px}.wall .bay__name{font-size:22px}.wall .bay__strip .state{min-height:35px;padding:0 14px;font-size:18px}.wall-notice{height:100dvh;width:100vw;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--ground)}.wall-notice__plate{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:480px;padding:20px}.login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px}.login__col{display:flex;flex-direction:column;gap:16px;width:100%;max-width:360px}.login__brand{display:flex;justify-content:center;padding:20px;background:#fff;border-radius:var(--radius)}.login__brand img{display:block;width:220px;height:auto}.login__form{display:flex;flex-direction:column;gap:8px;padding:20px}.login__form form{gap:12px}.login__submit{width:100%;min-height:var(--touch-h);margin-top:4px}.login__notice{color:var(--caution);font-size:12.5px}.dash{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.dash__body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:8px}.dash__body--flush{padding:0}.dash__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.dash__hint{padding:8px 12px 0}.wordmark__text{display:flex;flex-direction:column;justify-content:center}.rail select{width:auto;min-width:64px}.rail select.is-on{border-color:var(--mandatory)}.rail__search{position:relative;display:inline-flex;align-items:center}.rail>button,.rail>.btn,.rail__group>button,.rail__group>.state{flex-shrink:0}@media (min-width: 1280px){.rail__group{min-width:0}}.rail__group:not(:has(select)){flex-shrink:0}.rail__group>button:has(.rail__text){flex-shrink:1;min-width:var(--control-h)}.rail__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail__search input[type=search]{flex:0 1 220px;min-width:120px;padding-left:32px}.rail__search-icon{position:absolute;left:10px;color:var(--ink-3);pointer-events:none}.rail__search-btn{display:none}@media (max-width: 1400px){.rail__search input[type=search],.rail__search .rail__search-icon{display:none}.rail__search-btn{display:inline-flex}.rail__search--open input[type=search]{display:block;flex:0 1 150px;min-width:120px}.rail__search--open .rail__search-icon{display:block}.rail__search--open .rail__search-btn{display:none}}.bay-stage{display:flex;gap:12px;flex:1;min-height:0}.bays{flex:1;display:grid;gap:6px;min-height:0;overflow:hidden;border:6px solid transparent}.bay-cell{position:relative;min-height:0;overflow:hidden}.bay__remove{position:absolute;top:6px;right:6px;z-index:1}.bay--empty{border-style:dashed}.bay--empty .bay__picture{flex-direction:column;gap:8px}.bay__hd{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .25s var(--ease-out)}button.sm.icon{width:28px}.health{position:relative;display:inline-flex;flex-shrink:0}.health>.state{cursor:pointer}button.state--safe:hover{background:var(--safe)}button.state--caution:hover{background:var(--caution)}button.state--danger:hover{background:var(--danger)}button.state--unknown:hover{background:var(--plate-pressed)}.health__reason{position:absolute;top:100%;right:0;margin-top:4px;padding:5px 8px;background:var(--plate-raised);border-color:var(--hairline-strong);white-space:nowrap;z-index:2}.tray{width:180px;flex-shrink:0;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.tray__label{color:var(--ink-3);padding:4px 2px}.tray__item{justify-content:flex-start;min-height:32px;padding:0 10px;background:var(--plate);font-size:12.5px;font-weight:400;text-align:left;cursor:grab}.player__still{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.player__plate{position:absolute;left:8px;bottom:8px;background:#1c1f23b8}.fault--soft{background:#1c1f2373}.fault--soft:before{content:none}.fault--hard{background:#1c1f23a6}.rail select[aria-label=Layout]{max-width:200px}.rail__wall{flex-shrink:0;min-height:var(--control-h);padding:0 10px;white-space:nowrap;color:var(--ink-2);cursor:pointer}.rail__wall:hover{border-color:var(--hairline-strong)}@media (max-width: 1440px){.wordmark__by{display:none}}@media (max-width: 2040px){.rail__text{display:none}.rail select[aria-label=Layout]{max-width:150px}}@media (max-width: 1279px){.rail{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}}@media (max-width: 1400px){.rail select[aria-label=Layout],.rail select[aria-label="Rotate layouts"]{max-width:130px}}.bay__strip>.state,.bay__strip>.health,.bay__strip>button{flex-shrink:0}.syschip{position:relative;display:inline-flex;flex-shrink:0}.syschip__btn{min-height:var(--control-h);padding:0 10px;gap:7px;cursor:pointer}.syschip__sep{opacity:.55}.syschip__panel{position:absolute;top:calc(100% + 6px);right:0;z-index:30;width:320px;padding:10px 12px;border-color:var(--hairline-strong);box-shadow:0 10px 24px #00000073}.syschip__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--hairline-strong)}.syschip__head .label{color:var(--ink-2)}.syschip__row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;padding:8px 0;border-bottom:1px solid var(--hairline)}.syschip__row:last-of-type{border-bottom:none}.syschip__row .label{color:var(--ink-2)}.syschip__val{font-size:13px;text-align:right}.syschip__ctx{grid-column:1;color:var(--ink-3);font-size:12.5px}.syschip__bar{grid-column:1 / -1;height:4px;background:var(--plate-raised);border-radius:1px;overflow:hidden}.syschip__bar-fill{display:block;width:100%;height:100%;transform-origin:left;transition:transform var(--t-plate) var(--ease-out)}.syschip__bar-fill--safe{background:var(--safe)}.syschip__bar-fill--caution{background:var(--caution)}.syschip__bar-fill--danger{background:var(--danger)}.syschip__bar-fill--unknown{background:var(--unknown)}.syschip__foot{padding-top:8px;border-top:1px solid var(--hairline);color:var(--ink-3);font-size:12.5px}.syschip__panel--stale .syschip__row{opacity:.55}@media (max-width: 767px){.syschip__pi,.syschip__sep,.syschip__btn .mono{display:none}.syschip__panel{position:fixed;top:var(--rail-h);left:0;right:0;width:auto}}