: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}body.viewer-app-fullscreen{overflow:hidden}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}a{color:inherit}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}.download-link,.download-nav-button,.download-button{min-height:40px;border:1px solid #b7c0c9;border-radius:8px;background:#fff;color:#18212b;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;white-space:nowrap}.download-link{width:max-content;border-color:#ffffff2e;background:#ffffff14;color:#f8fbfd}.download-link:hover{background:#ffffff24}.download-screen{min-height:100vh;padding:24px;background:#eef2f4}.download-header{max-width:1040px;margin:0 auto 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.download-content{max-width:1040px;margin:0 auto;display:grid;gap:18px}.download-intro{min-height:112px;border:1px solid #d4dce3;border-radius:8px;background:#fff;padding:20px;display:grid;align-content:center;gap:6px}.download-intro strong{color:#18212b;font-size:42px;line-height:1}.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.download-card{border:1px solid #d4dce3;border-radius:8px;background:#fff;padding:18px;display:grid;gap:18px}.download-card-head{min-width:0;display:flex;align-items:center;gap:13px}.download-card-head span{color:#697987;font-size:13px}.download-platform-icon{width:46px;height:46px;border-radius:8px;display:grid;place-items:center;background:#e2edf4;color:#245a7a;flex:0 0 auto}.download-meta{margin:0;display:grid;gap:10px}.download-meta div{min-width:0;display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px}.download-meta dt{color:#697987;font-size:13px}.download-meta dd{margin:0;color:#2e3a45;font-size:13px;font-weight:600;overflow-wrap:anywhere}.download-button{width:100%}.download-button.primary{border-color:#2d6386;background:#2d6386;color:#fff}.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;touch-action:none}.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;transform-origin:center center;will-change:transform}.remote-stage:fullscreen,.remote-stage:-webkit-full-screen,.remote-stage.app-fullscreen{width:100vw;height:100vh;min-height:100vh;border:0;border-radius:0;background:#0b1016}.remote-stage.app-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.remote-stage:fullscreen video,.remote-stage:-webkit-full-screen video,.remote-stage.app-fullscreen video{height:100vh;min-height:100vh}.remote-toolbar{position:absolute;z-index:2;width:min(340px,calc(100% - 24px));min-height:40px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;border:1px solid rgb(255 255 255 / .13);border-radius:8px;background:#0b1016b8;color:#e8f2f9;padding:10px;opacity:1;transform:translateY(0);transition:opacity .16s ease,transform .16s ease;will-change:opacity,transform}.remote-toolbar.is-hidden{opacity:0;pointer-events:none;transform:translateY(-18px)}.remote-toolbar-dock{position:absolute;z-index:3;width:118px;height:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgb(255 255 255 / .18);border-radius:8px;background:#0b101685;color:#e8f2f9;box-shadow:0 14px 40px #00000047;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:grab;padding:0 10px;-webkit-user-select:none;user-select:none;touch-action:none}.remote-toolbar-dock:active{cursor:grabbing}.remote-toolbar-dock:hover{border-color:#4aa3ff85;background:#101c27ad}.remote-toolbar-dock span{min-width:48px;color:#c9d8e2;font-size:12px;font-weight:600;text-align:left;white-space:nowrap}.remote-toolbar-title{width:100%;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{width:100%;min-width:0;display:grid;gap:8px;color:#b9c9d5;font-size:12px}.remote-toolbar-metrics span{width:100%;min-height:24px;display:inline-flex;align-items:center;justify-content:space-between;border:1px solid rgb(255 255 255 / .12);border-radius:8px;background:#ffffff12;padding:0 8px;white-space:nowrap}.remote-toolbar-metrics .recording-metric{border-color:#f871715c;background:#7f1d1d47;color:#fecaca}.remote-toolbar-actions{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(32px,1fr));align-items:center;justify-content:stretch;gap:8px}.key-timeline-slider{position:absolute;right:16px;top:64px;width:232px;max-width:calc(100% - 32px);z-index:4;transform:translate(0);transition:transform .22s ease;will-change:transform;pointer-events:none}.key-timeline-slider.collapsed{transform:translate(calc(100% + 16px))}.key-timeline-toggle{position:absolute;left:-40px;top:0;width:34px;min-width:34px;height:34px;min-height:34px;padding:0;border:1px solid rgb(255 255 255 / .16);border-radius:8px;background:#141f29e0;color:#d9e6ee;box-shadow:0 12px 30px #0000003d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.key-timeline-toggle:hover{border-color:#4aa3ff85;background:#1b2b38eb;color:#fff}.key-timeline{width:100%;display:flex;flex-direction:column;border:1px solid rgb(255 255 255 / .16);border-radius:10px;background:#141f29e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f1f7fb;overflow:hidden;pointer-events:auto}.key-timeline-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid rgb(255 255 255 / .1)}.key-timeline-title{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:650}.key-timeline-live{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6ee7a8;background:#6ee7a829;padding:1px 6px;border-radius:999px;animation:key-timeline-pulse 1.2s ease-in-out infinite}@keyframes key-timeline-pulse{0%,to{opacity:1}50%{opacity:.45}}.key-timeline-actions{display:inline-flex;align-items:center;gap:6px}.key-timeline-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid rgb(255 255 255 / .16);border-radius:7px;background:#ffffff0f;color:#c6d2dc;cursor:pointer}.key-timeline-btn:hover{background:#ffffff24;color:#fff}.key-timeline-list{list-style:none;margin:0;padding:6px;max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.key-timeline-row{display:flex;align-items:center;gap:9px;padding:3px 4px}.key-timeline-time{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;font-variant-numeric:tabular-nums;color:#8fa2b2;flex-shrink:0}.host-typing-key{display:inline-flex;align-items:center;min-width:22px;height:22px;padding:0 7px;border:1px solid rgb(255 255 255 / .28);border-bottom-width:2px;border-radius:6px;background:#ffffff1f;color:#fff;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;font-weight:700;line-height:1;white-space:nowrap}.tool-button{width:100%;min-width:32px;height:32px;min-height:32px;border-color:#ffffff2e;background:#ffffff14;color:#e8f2f9;padding:0}.tool-button:hover{background:#ffffff26}.tool-button.recording{border-color:#f8717180;background:#7f1d1d94;color:#fee2e2}.tool-button.recording:hover{background:#991b1bad}.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}.download-screen{padding:16px}.download-header{align-items:stretch;flex-direction:column}.download-nav-button{width:100%}.download-grid{grid-template-columns:1fr}.download-intro strong{font-size:34px}.topbar{align-items:stretch;flex-direction:column}.workspace{grid-template-columns:1fr}.remote-stage video{min-height:420px}.remote-toolbar{align-items:stretch;width:min(360px,calc(100% - 24px))}.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}}