:root{--color-bg:#fff;--color-surface:#f4f7f9;--color-surface-strong:#e6ecef;--color-ink:#0a151e;--color-muted:#4f5d68;--color-primary:#0086b4;--color-primary-strong:#00648e;--color-accent:#269e5f;--color-danger:#c44037;--color-warning:#d79700;--color-success:#348f4f;--color-border:#d2d9dc;--shadow-panel:0 12px 40px #0a151e14}@supports (color:lab(0% 0 0)){:root{--color-bg:lab(100% 0 0);--color-surface:lab(97.1159% -.855237 -1.17248);--color-surface-strong:lab(93.0715% -1.70317 -2.34082);--color-ink:lab(6.16561% -2.06174 -8.00417);--color-muted:lab(38.5138% -3.117 -8.47292);--color-primary:lab(51.4922% -20.8783 -35.9582);--color-primary-strong:lab(38.4939% -17.8691 -42.1233);--color-accent:lab(57.7308% -44.8334 23.1443);--color-danger:lab(47.316% 52.9742 36.4588);--color-warning:lab(67.4454% 18.0407 71.2706);--color-success:lab(52.917% -39.2484 25.8739);--color-border:lab(86.1114% -1.70222 -2.34027);--shadow-panel:0 12px 40px lab(6.16561% -2.06174 -8.00417/.08)}}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-ink);margin:0;font-family:Inter,system-ui,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #16b3eb80;outline:3px solid lab(67.7956% -23.6354 -38.9205/.5)}.shell{background:linear-gradient(90deg, var(--color-surface) 0 280px, var(--color-bg) 280px);grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--color-border);height:100vh;padding:24px 18px;position:sticky;top:0}.brand{letter-spacing:0;margin-bottom:28px;font-weight:800}.nav{gap:6px;display:grid}.nav a{color:var(--color-muted);border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:10px 12px;text-decoration:none;display:flex}.nav-button{color:var(--color-muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:42px;padding:10px 12px;display:flex}.nav a[aria-current=page],.nav a:hover,.nav-button:hover{color:var(--color-ink);background:var(--color-surface-strong)}.main{width:100%;max-width:1500px;padding:28px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}h1{margin:0 0 6px;font-size:1.75rem;line-height:1.2}.muted{color:var(--color-muted)}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.panel{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-panel);border-radius:8px;padding:18px}.onboarding-panel{border:1px solid var(--color-border);box-shadow:var(--shadow-panel);background:linear-gradient(135deg,#f3fafd,#e8f6ec);background:linear-gradient(135deg,lab(97.7115% -1.70374 -2.34114),lab(95.6311% -6.18503 3.16776));border-radius:8px;grid-template-columns:minmax(220px,.9fr) minmax(320px,1.4fr) auto;align-items:start;gap:18px;margin-bottom:18px;padding:18px;display:grid}.onboarding-panel h2{margin:0 0 6px}.onboarding-steps{counter-reset:onboarding-step;gap:10px;margin:0;padding:0;list-style:none;display:grid}.onboarding-steps li{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:3px;min-height:58px;padding:10px 12px;display:grid}.onboarding-steps li:before{background:var(--color-primary);color:#fff;content:counter(onboarding-step);counter-increment:onboarding-step;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:800;display:inline-flex}.onboarding-steps strong,.onboarding-steps span{grid-column:2}.onboarding-steps strong{color:var(--color-ink)}.onboarding-steps span{color:var(--color-muted);font-size:.9rem}.notice{border:1px solid var(--color-border);border-radius:8px;margin-bottom:18px;padding:14px 16px}.notice.error{color:#681c17;color:lab(23.5323% 34.318 23.8533);background:#ffece8;background:lab(95.0542% 10.476 6.42936);border-color:#e1897e;border-color:lab(66.5133% 33.6043 21.2076)}.setup-notice{color:#003319;color:lab(17.4413% -24.2421 12.5493);background:#ecf9f0;background:lab(96.7641% -5.56493 2.84998);border-color:#a0d2b1;border-color:lab(80.0545% -21.8518 11.2116)}.qr-box{border:1px solid var(--color-border);background:#fff;border-radius:8px;place-items:center;margin:8px 0 14px;padding:12px;display:inline-grid}.qr-box img{max-width:min(240px,100%);height:auto;display:block}.pairing-code{letter-spacing:.18em;padding:6px 10px;font-size:1.8rem;font-weight:800;display:inline-block}.warning-text{color:#873e00;color:lab(35.3587% 34.3113 66.1014);font-weight:800}.empty-state{align-items:start;gap:10px;display:grid}.empty-state h2{margin:0}.metric{gap:8px;display:grid}.metric strong{overflow-wrap:anywhere;font-size:1.2rem}.inline-status{vertical-align:middle;align-items:center;gap:8px;margin:4px 10px 4px 0;display:inline-flex}.button{border:1px solid var(--color-border);background:var(--color-bg);min-height:42px;color:var(--color-ink);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:0 14px;text-decoration:none;display:inline-flex}.button.primary{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.button.danger{border-color:var(--color-danger);color:var(--color-danger)}.button.danger:hover{background:#ffece8;background:lab(95.0542% 10.476 6.42936)}.button:disabled{opacity:.55;cursor:not-allowed}.table-wrap{border:1px solid var(--color-border);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;background:var(--color-bg);width:100%;min-width:900px}th,td{text-align:left;border-bottom:1px solid var(--color-border);vertical-align:middle;padding:12px}th{color:var(--color-muted);background:var(--color-surface);font-size:.82rem}.badge{border:1px solid var(--color-border);border-radius:999px;align-items:center;gap:6px;min-height:26px;padding:0 9px;font-size:.82rem;display:inline-flex}.badge.online{color:#003312;color:lab(17.5808% -27.5932 18.6082);background:#d5f5da;background:lab(93.7045% -14.8141 9.47404)}.badge.warning{color:#493000;color:lab(22.2048% 10.2032 36.4562);background:#ffe8c5;background:lab(93.138% 6.13356 27.3131)}.badge.pending{color:#003e58;color:lab(23.5446% -13.3975 -24.7465);background:#d1f1ff;background:lab(93.1991% -9.20838 -12.9778)}.badge.offline{background:var(--color-surface-strong);color:var(--color-muted)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.form-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.bulk-action-control{justify-items:end;gap:6px;display:grid}.bulk-action-feedback{color:var(--color-muted);text-align:right;max-width:360px;margin:0;font-size:.82rem}.bulk-action-feedback.error{color:var(--color-danger)}.action-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.action-card{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-ink);cursor:pointer;text-align:left;border-radius:8px;gap:6px;min-height:96px;padding:14px;display:grid}.action-card span{color:var(--color-muted);font-size:.88rem}.action-card.selected{border-color:var(--color-primary);background:#e2f5ff;background:lab(95.4539% -5.23216 -7.26571)}.check-grid,.capability-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:12px;display:grid}.check-row,.capability{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:10px;min-height:48px;padding:10px 12px;display:flex}.check-row input{min-height:auto}.capability{justify-content:space-between}.capability span,.capability strong{overflow-wrap:anywhere}.live-page-header,.remote-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.live-page-header h1,.remote-header h2{margin:0 0 5px}.live-page-header p,.remote-header p{margin:0}.live-header-actions,.remote-header-actions,.live-tile-actions,.remote-session-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.live-notice{color:#213546;color:lab(21.0669% -4.11423 -13.2728);background:#edf7fc;background:lab(96.5667% -2.54539 -3.50583)}.live-controls{background:var(--color-surface);border-block:1px solid var(--color-border);grid-template-columns:150px 170px 90px auto auto minmax(130px,1fr);align-items:end;gap:12px;margin:0 -28px 18px;padding:14px 28px;display:grid}.live-controls .check-row{align-self:center;min-height:42px}.live-device-count{color:var(--color-muted);white-space:nowrap;place-self:center end;font-size:.9rem}.live-grid{gap:10px;margin-bottom:22px;display:grid}.live-grid.dense{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.live-grid.comfortable{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.live-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;min-width:0;transition:border-color .18s ease-out,box-shadow .18s ease-out;display:grid;overflow:hidden}.live-tile:hover{border-color:#8caab9;border-color:lab(67.6583% -8.11794 -11.5065)}.live-tile.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #0086b424;box-shadow:0 0 0 2px lab(51.4922% -20.8783 -35.9582/.14)}.live-tile-select{background:var(--color-surface);color:var(--color-ink);cursor:pointer;text-align:left;border:0;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:flex}.live-device-name{min-width:0;display:grid}.live-device-name strong,.live-device-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.live-device-name strong{font-size:.86rem}.live-device-name span{color:var(--color-muted);font-size:.72rem}.live-preview{aspect-ratio:9/16;border:0;border-block:1px solid var(--color-border);color:#fff;cursor:pointer;background:#070e15;background:lab(3.68769% -1.11973 -4.28748);align-items:stretch;width:100%;min-height:0;padding:0;display:grid;position:relative;overflow:hidden}.live-preview img,.remote-screen img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.live-preview-empty{color:#bbc6cf;color:lab(79.1236% -2.40389 -6.17353);text-align:center;align-self:center;place-items:center;gap:8px;padding:12px;font-size:.78rem;display:grid}.live-stream-state{color:#fff;background:#060c11e0;background:lab(3.04118% -.852048 -3.09291/.88);border-radius:6px;align-items:center;gap:5px;padding:4px 6px;font-size:.68rem;display:inline-flex;position:absolute;bottom:7px;left:7px}.live-stream-state:before{content:"";background:#54b66e;background:lab(66.976% -42.1308 27.6225);border-radius:50%;width:6px;height:6px}.live-stream-state.stale:before{background:var(--color-warning)}.live-stream-state.idle:before{background:#81878c;background:lab(55.9228% -1.35165 -3.43812)}.live-tile-footer{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 8px;padding:8px 10px;font-size:.7rem;display:grid}.live-tile-footer>span{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.live-tile-actions{grid-column:1/-1;justify-content:flex-end;margin-top:3px}.icon-button{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-ink);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background-color .16s ease-out,border-color .16s ease-out;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--color-surface-strong);border-color:#8caab9;border-color:lab(67.6583% -8.11794 -11.5065)}.icon-button.primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.icon-button.danger{color:var(--color-danger)}.icon-button:disabled{cursor:not-allowed;opacity:.42}.live-empty{border:1px dashed var(--color-border);text-align:center;grid-column:1/-1;justify-items:center;min-height:260px;padding:48px 20px}.live-empty h2,.live-empty p{margin:6px 0 0}.remote-workspace{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-top:22px;padding:18px;overflow:hidden}.remote-layout{grid-template-columns:minmax(260px,440px) minmax(280px,1fr);align-items:start;gap:24px;display:grid}.remote-viewer{justify-items:center;width:100%;min-width:0;display:grid}.remote-screen{color:#fff;touch-action:none;background:#03060a;background:lab(1.55525% -.483498 -1.88526);border:1px solid #212a32;border:1px solid lab(16.4697% -2.38651 -6.737);border-radius:8px;width:auto;max-width:100%;max-height:min(72vh,760px);display:grid;position:relative;overflow:hidden}.remote-screen:fullscreen{background:#000;border:0;border-radius:0;width:100vw;max-width:none;height:100vh;max-height:none}.remote-screen.interactive{cursor:crosshair}.remote-placeholder{text-align:center;align-content:center;justify-items:center;gap:8px;max-width:28ch;padding:24px;display:grid}.remote-placeholder span{color:#aeb9c2;color:lab(74.4833% -2.39831 -6.17065);font-size:.85rem}.remote-stale{color:#fff;text-align:center;background:#1d1409eb;background:lab(7.20095% 3.49163 7.08077/.92);padding:8px 10px;font-size:.78rem;position:absolute;bottom:10px;left:10px;right:10px}.remote-side{align-content:start;gap:16px;min-width:0;display:grid}.remote-status-list{border-block:1px solid var(--color-border);margin:0}.remote-status-list>div{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:baseline;gap:16px;padding:10px 2px;display:flex}.remote-status-list>div:last-child{border-bottom:0}.remote-status-list dt{color:var(--color-muted)}.remote-status-list dd{overflow-wrap:anywhere;text-align:right;margin:0;font-weight:700}.live-control-warning{background:#fff4e3;background:lab(96.5739% 1.8526 9.44846);border-color:#e1be89;border-color:lab(79.2043% 7.49817 31.8205);margin:0}.remote-system-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.remote-system-actions .button{justify-content:flex-start;width:100%}.remote-session-actions{border-top:1px solid var(--color-border);padding-top:16px}.login-screen{background:var(--color-surface);place-items:center;min-height:100vh;padding:20px;display:grid}.login-panel{border:1px solid var(--color-border);background:var(--color-bg);width:min(100%,420px);box-shadow:var(--shadow-panel);border-radius:8px;gap:14px;padding:24px;display:grid}.login-icon{color:#fff;background:var(--color-primary);border-radius:8px;place-items:center;width:48px;height:48px;display:grid}label{color:var(--color-muted);gap:6px;font-size:.9rem;display:grid}input,select,textarea{border:1px solid var(--color-border);background:var(--color-bg);min-height:42px;color:var(--color-ink);border-radius:8px;padding:9px 11px}@media (max-width:860px){.shell{background:var(--color-bg);display:block}.sidebar{border-right:0;border-bottom:1px solid var(--color-border);height:auto;position:static}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding:18px}.topbar{flex-direction:column;align-items:flex-start}.bulk-action-control{justify-items:start}.bulk-action-feedback{text-align:left;max-width:none}.live-page-header,.remote-header{flex-direction:column;align-items:flex-start}.live-controls{grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:-18px;padding-inline:18px}.live-device-count{grid-column:1/-1;justify-self:start}.onboarding-panel,.remote-layout{grid-template-columns:1fr}.remote-workspace{padding:14px}.remote-screen{max-height:68vh}}@media (max-width:420px){.live-grid.dense,.live-grid.comfortable{grid-template-columns:repeat(2,minmax(0,1fr))}.live-tile-footer{padding-inline:8px}.remote-system-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}