:root{color:#18212b;background:#eef2f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{min-height:40px;border:1px solid #b7c0c9;border-radius:8px;background:#fff;color:#18212b;padding:0 14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}button.primary{border-color:#2d6386;background:#2d6386;color:#fff}button:disabled{cursor:not-allowed;opacity:.55}.auth-screen{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.95fr) minmax(380px,1.05fr);background:#eef2f4}.auth-brand{display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:48px;background:#25313a;color:#f8fbfd}.brand-mark{width:58px;height:58px;border-radius:8px;display:grid;place-items:center;background:#e2edf4;color:#245a7a}.brand-mark.small{width:42px;height:42px}.auth-brand h1{max-width:520px;font-size:54px;line-height:1.02;margin:10px 0 0}.status-strip{display:grid;gap:10px;color:#c8d4dd;font-size:14px}.status-strip span{display:inline-flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}.auth-panel{align-self:center;justify-self:center;width:min(430px,calc(100vw - 32px));border:1px solid #d4dce3;border-radius:8px;background:#fff;padding:22px;box-shadow:0 20px 54px #222d3921}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;border:1px solid #d4dce3;border-radius:8px;padding:4px;background:#f4f7f9}.segmented button{border-color:transparent;background:transparent}.segmented button.selected{border-color:#c6d1da;background:#fff;color:#245a7a}.auth-form{display:grid;gap:14px;margin-top:18px}.shell{min-height:100vh;padding:20px;background:#eef2f4}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.title-row{display:flex;align-items:center;gap:14px}.eyebrow{margin:0 0 4px;color:#697987;font-size:13px;text-transform:uppercase}.auth-brand .eyebrow{color:#c0ccd5}h1,h2{margin:0}h1{font-size:30px}h2{font-size:17px}.status{max-width:520px;min-height:40px;border:1px solid #cbd4dd;border-radius:8px;background:#fff;padding:9px 12px;color:#42505f;display:inline-flex;align-items:center;gap:8px}.status.active{border-color:#2d6386;color:#214f6f;background:#eef8fd}.workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px;min-height:calc(100vh - 96px);transition:grid-template-columns .18s ease}.workspace.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.panel{border:1px solid #d4dce3;border-radius:8px;background:#fff;padding:16px}.controls{position:relative;display:grid;gap:16px;align-content:start;overflow:auto;transition:padding .18s ease}.sidebar-toggle{width:40px;min-width:40px;padding:0;justify-self:end}.field{display:grid;gap:6px}.field span,.hint{color:#697987;font-size:13px;line-height:1.5}.input-shell{min-height:42px;border:1px solid #b7c0c9;border-radius:8px;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:9px;padding:0 10px;background:#fff;color:#647381}.input-shell input{width:100%;min-width:0;height:38px;border:0;outline:0;background:transparent;color:#18212b}.signed-in{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #d4dce3;border-radius:8px;background:#f8fafb;padding:12px}.signed-in span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signed-in strong,.panel-title span{color:#2d6386;font-size:13px}.management-rail{min-height:calc(100vh - 128px);display:flex;flex-direction:column;gap:10px;align-items:center}.rail-button{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border-radius:8px;position:relative}.rail-button.active{border-color:#2d6386;color:#245a7a;background:#eef8fd}.rail-button:disabled{opacity:.38}.count-button span{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;border-radius:999px;display:grid;place-items:center;background:#2d6386;color:#fff;font-size:11px;font-weight:700}.rail-separator{width:32px;height:1px;background:#d4dce3}.rail-spacer{flex:1;min-height:1px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.device-list{display:grid;gap:8px}.device-row{width:100%;min-height:48px;justify-content:space-between}.device-row span{min-width:0;display:inline-flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis}.device-row strong{font-size:13px;font-weight:600}.step-dot{width:22px;height:22px;border:1px solid #c8d2dc;border-radius:999px;display:grid;place-items:center;background:#fff}.toggle-row{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #d4dce3;border-radius:8px;padding:0 12px;background:#f8fafb}.toggle-row span{display:inline-flex;align-items:center;gap:8px}.actions{display:flex;flex-wrap:wrap;gap:10px}.actions.stack{display:grid}.wide{width:100%}.meta-grid{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px 12px;border-top:1px solid #e3e8ed;padding-top:14px;font-size:13px}.meta-grid span{color:#697987}.meta-grid strong{color:#2e3a45;font-weight:500;overflow-wrap:anywhere}.remote-stage{position:relative;min-height:420px;border:1px solid #1d2733;border-radius:8px;background:#0b1016;outline:none;overflow:hidden}.remote-stage:focus{border-color:#4aa3ff}.remote-stage video{width:100%;height:100%;min-height:calc(100vh - 96px);display:block;object-fit:contain;background:#0b1016}.remote-toolbar{position:absolute;top:12px;left:12px;right:12px;z-index:2;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgb(255 255 255 / .13);border-radius:8px;background:#0b1016b8;color:#e8f2f9;padding:6px 8px 6px 12px}.remote-toolbar-title{min-width:0;display:inline-flex;align-items:center;gap:8px;color:#d8e4ed;font-size:13px}.remote-toolbar-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remote-toolbar-metrics{min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-left:auto;color:#b9c9d5;font-size:12px}.remote-toolbar-metrics span{min-height:24px;display:inline-flex;align-items:center;border:1px solid rgb(255 255 255 / .12);border-radius:8px;background:#ffffff12;padding:0 8px;white-space:nowrap}.remote-toolbar-actions{display:inline-flex;align-items:center;gap:8px}.tool-button{width:32px;min-width:32px;height:32px;min-height:32px;border-color:#ffffff2e;background:#ffffff14;color:#e8f2f9;padding:0}.tool-button:hover{background:#ffffff26}.empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:8px;color:#cdd7e1;pointer-events:none;text-align:center;padding-top:58px}.empty strong{color:#f0f7fc;font-size:16px}.empty span{max-width:min(520px,calc(100% - 48px));color:#aebdca;font-size:13px}.screen-status{position:absolute;left:16px;bottom:16px;max-width:min(520px,calc(100% - 32px));min-height:34px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgb(255 255 255 / .13);border-radius:8px;background:#0b1016b8;color:#e8f2f9;padding:7px 10px;font-size:13px;pointer-events:none}.screen-status.live{background:#074a38ad}.screen-status.error{background:#6a2424c7}.spinning{animation:spin .9s linear infinite}.page-fade-enter-active,.page-fade-leave-active,.slide-fade-enter-active,.slide-fade-leave-active{transition:opacity .18s ease,transform .18s ease}.page-fade-enter-from,.page-fade-leave-to{opacity:0;transform:translateY(8px)}.slide-fade-enter-from,.slide-fade-leave-to{opacity:0;transform:translate(10px)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:920px){.auth-screen{grid-template-columns:1fr}.auth-brand{padding:30px}.auth-brand h1{font-size:40px}.auth-panel{margin:24px 16px}.topbar{align-items:stretch;flex-direction:column}.workspace{grid-template-columns:1fr}.remote-stage video{min-height:420px}.remote-toolbar{align-items:stretch;flex-wrap:wrap}.remote-toolbar-title{flex:1 1 min(240px,100%)}.remote-toolbar-metrics{order:3;width:100%;justify-content:flex-start;overflow-x:auto}.screen-status{left:12px;right:12px;bottom:12px;max-width:none}}