:root{color:#e8edf5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#10141b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#10141b;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:root{--panel:#171d26;--panel-raised:#1d2530;--line:#2b3543;--muted:#8b98a9;--text:#e8edf5;--blue:#63a4ff;--blue-bg:#1c4876;--red:#f17f87}#root{min-height:100vh}.remote-browser{min-height:100vh;color:var(--text);background:#10141b}.toolbar{z-index:2;border-bottom:1px solid var(--line);background:#171d26f7;position:sticky;top:0;box-shadow:0 5px 18px #00000038}.toolbar-row{align-items:center;gap:12px;padding:12px max(18px,50vw - 750px);display:flex}.toolbar-primary{border-bottom:1px solid var(--line);min-height:58px}.brand{letter-spacing:.01em;white-space:nowrap;align-items:center;gap:9px;margin-right:auto;font-size:15px;font-weight:650;display:flex}.brand-mark{color:#a7ceff;letter-spacing:-.04em;background:#213752;border:1px solid #527aa8;border-radius:7px;place-items:center;width:27px;height:27px;font-size:10px;display:grid}.connection,.state{border:1px solid var(--line);color:var(--muted);text-transform:capitalize;border-radius:999px;align-items:center;gap:7px;padding:5px 10px;font-size:12px;display:inline-flex}.connection-dot{background:#778497;border-radius:50%;width:7px;height:7px}.connection-connected{color:#a5d8b0;border-color:#365b46}.connection-connected .connection-dot{background:#57c777;box-shadow:0 0 0 3px #57c77724}.connection-connecting{color:#f0ca88;border-color:#61502d}.connection-connecting .connection-dot{background:#e4ae51}.state-running{color:#a9d8ff;background:#31547738;border-color:#315477}.state-error{color:#ffadb2;border-color:#693b42}.session-actions,.history-actions{gap:7px;display:flex}button{color:var(--text);background:var(--panel-raised);border:1px solid #3c4b5e;border-radius:6px;padding:7px 12px;font-size:13px;transition:background .15s,border-color .15s,opacity .15s}button:hover:not(:disabled){background:#263345;border-color:#6d84a1}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--blue);outline-offset:2px}button:disabled{opacity:.42}button.danger{color:#ffb4b8}.browser-controls{gap:14px;padding-top:10px;padding-bottom:10px}.history-actions button{min-width:35px;padding-inline:9px;font-size:17px;line-height:1}.address-form{flex:500px;gap:7px;min-width:200px;max-width:760px;display:flex}.address-form input{width:100%;min-width:0;color:var(--text);background:#10161e;border:1px solid #3b4859;border-radius:6px;padding:8px 11px;font-size:13px}.address-form input::placeholder{color:#6f7c8d}.address-form button{color:#d7e9ff;background:#244f7d;border-color:#3e70a6}.page-summary{align-items:center;gap:10px;min-width:150px;max-width:300px;margin-left:auto;font-size:12px;display:flex;overflow:hidden}.page-summary strong{text-overflow:ellipsis;white-space:nowrap;color:#dce4ef;font-weight:550;overflow:hidden}.page-summary span{color:var(--muted);white-space:nowrap}.viewport-shell{width:min(1500px,100% - 36px);margin:24px auto 36px}.viewport-frame{background:#0b0f14;border:1px solid #354354;border-radius:9px;position:relative;overflow:hidden;box-shadow:0 20px 45px #0000004d}canvas{aspect-ratio:1280/800;cursor:default;background:#fff;width:100%;height:auto;display:block}.viewport-message{color:#bdc8d7;text-align:center;background:#0b0f14d1;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex;position:absolute;inset:0}.viewport-message strong{color:#ebf1f9;font-size:16px;font-weight:600}.message-icon{color:#f0c26f;border:1px solid #70552c;border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:5px;font-weight:700;display:grid}.idle-message{background:#0b0f14b3}.viewport-footer{color:var(--muted);justify-content:space-between;gap:12px;padding:10px 2px;font-size:12px;display:flex}.error-message{color:var(--red);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=760px){.toolbar-row{flex-wrap:wrap;padding-inline:12px}.toolbar-primary{gap:8px}.brand{width:100%;margin-right:0}.browser-controls{align-items:stretch}.history-actions{order:2}.address-form{flex-basis:100%;order:1}.page-summary{order:3;width:100%;max-width:none;margin-left:0}.viewport-shell{width:calc(100% - 24px);margin-top:14px}.viewport-footer{flex-direction:column;gap:5px}}button.recognition-button{color:#d9c5ff;background:#33264c;border-color:#65508e}button.recognition-button:hover:not(:disabled){background:#413061;border-color:#9475cc}.recognition-overlay{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.recognition-ui-rect,.recognition-input-rect{box-sizing:border-box;position:absolute}.recognition-ui-rect{background:#8b5cf60f;border:2px solid #8b5cf6;box-shadow:0 0 0 2px #fff,0 2px 10px #00000047}.recognition-input-rect{background:#ffb02009;border:2px dashed #ffb020;box-shadow:0 0 0 1px #ffffffd9}.recognition-label-row{filter:drop-shadow(0 2px 4px #00000080);align-items:center;max-width:min(280px,100%);height:30px;display:flex;position:absolute}.recognition-step{color:#fff;background:#6d3fd1;border:2px solid #fff;border-radius:999px;flex:0 0 30px;align-self:stretch;place-items:center;font:800 14px/1 system-ui,sans-serif;display:grid}.recognition-label{color:#fff;white-space:nowrap;background:#181226e6;border:1px solid #ffffffe6;border-radius:0 5px 5px 0;align-items:center;gap:6px;min-width:0;max-width:250px;height:26px;margin-left:-2px;padding:0 8px 0 9px;font:11px/1 system-ui,sans-serif;display:flex}.recognition-label strong{color:#d9c5ff;font-size:12px}.recognition-label>span{color:#ffc766;font-variant-numeric:tabular-nums}.recognition-empty{color:#b4bdca;margin-left:auto}.login-check-progress,.login-check-result{margin-left:auto}.login-check-result{align-items:center;gap:7px;min-width:0;display:flex}.login-check-result strong{text-transform:uppercase;flex:none;font-size:12px}.login-check-result>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.login-check-success{color:#66d987}.login-check-failed{color:#ed8088}.login-check-account_mismatch{color:#ff626d}.login-check-mfa_required{color:#e3b75e}.login-check-pending{color:#87bdf2}.login-check-unknown{color:#b4bdca}.viewport-canvas{transition:filter .2s,opacity .2s}.viewport-canvas-busy{filter:blur(5px);opacity:.68;pointer-events:none}.viewport-busy{z-index:3;color:#dce9fa;pointer-events:auto;text-align:center;background:#0c111852;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex;position:absolute;inset:0}.viewport-busy strong{color:#fff;font-size:17px;font-weight:650}.viewport-busy>span:last-child{color:#c4cfdd;font-size:12px}.busy-spinner{border:3px solid #ffffff4d;border-top-color:#a984ff;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite busy-spin}.address-form input:disabled{opacity:.48;cursor:not-allowed}@keyframes busy-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.busy-spinner{animation-duration:1.8s}}