:root{color-scheme:light;--paper:#f5f5ef;--card:#fffefa;--ink:#183c32;--muted:#72796e;--line:#e0e3d8;--green:#163c31;--lime:#d1e5af;--danger:#a34335;--shadow:0 16px 54px #163c3109;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible{outline:3px solid #a6c487;outline-offset:3px}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,p{margin:0}button{min-height:44px}input,textarea{font-size:16px}button:active:not(:disabled){transform:translateY(1px)}.brand{display:flex;gap:10px;align-items:center;font-weight:700;letter-spacing:-.3px;font-size:17px;white-space:nowrap}.brand img{border-radius:10px}.quiet-button,.text-button{background:none;color:var(--ink);padding:8px;font-size:12px}.quiet-button span{margin-left:4px}.primary-button{display:inline-flex;justify-content:center;align-items:center;gap:16px;background:var(--green);color:#f8f9f1;min-height:47px;border-radius:12px;padding:0 17px;font-weight:600;box-shadow:0 3px 8px #163c3110}.secondary-button{display:inline-flex;gap:6px;align-items:center;justify-content:center;padding:0 12px;min-height:38px;color:var(--ink);background:#ecf0e5;border:1px solid #dbe3d0;border-radius:10px;font-size:12px;font-weight:600}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.3px;color:var(--muted)}.icon-button{background:transparent;color:var(--ink);min-width:44px;padding:0 10px;font-size:20px;border-radius:10px}.icon-button:hover{background:#e8ecdf}
.pair-view{min-height:100vh;min-height:100dvh;padding:calc(22px + env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) calc(22px + env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));display:flex;flex-direction:column}.pair-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1120px;margin:0 auto}.pair-card{width:100%;max-width:420px;margin:auto; padding:44px 0 34px}.pair-illustration{height:127px;width:155px;margin:0 0 27px 3px;position:relative}.desktop-outline{width:134px;height:88px;position:absolute;top:10px;left:0;border:2px solid #678473;border-radius:11px;background:#edf1e6}.desktop-outline:after{content:"";position:absolute;bottom:-17px;left:47px;width:35px;height:14px;border-bottom:2px solid #678473;border-left:2px solid #678473;border-right:2px solid #678473}.desktop-outline span{position:absolute;left:14px;top:14px;width:51px;height:5px;border-radius:3px;background:#bcccb4;box-shadow:0 13px 0 #d1dbc9,0 26px 0 #d1dbc9}.desktop-outline i{position:absolute;right:14px;bottom:15px;width:17px;height:17px;border-radius:5px;border:1px solid #becdb4}.phone-outline{width:49px;height:84px;position:absolute;right:0;bottom:3px;border:2px solid var(--green);border-radius:10px;background:var(--paper);display:grid;place-items:center;box-shadow:-6px 4px 0 var(--paper)}.phone-outline:before{content:"";position:absolute;top:6px;width:17px;height:3px;border-radius:3px;background:var(--green)}.phone-outline span{font-size:33px}.phone-outline:after{content:"";position:absolute;bottom:5px;width:15px;height:2px;background:var(--green);border-radius:2px}.pair-card>.eyebrow{letter-spacing:2px;color:#78866b;margin-bottom:11px}.pair-card h1{font-size:32px;letter-spacing:-1.4px;line-height:1.3}.pair-description{font-size:13px;line-height:1.9;color:var(--muted);margin:18px 0 31px}#pairForm label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}#pairCode{width:100%;height:63px;border-radius:13px;border:1px solid #d6ddca;background:var(--card);text-align:center;font-variant-numeric:tabular-nums;font-size:25px;letter-spacing:9px;padding:0 12px 0 20px;color:var(--ink);outline:none;box-shadow:var(--shadow)}#pairCode:focus{border-color:#789364;box-shadow:0 0 0 3px #dce7cf}#pairCode::placeholder{color:#b9c1ad;letter-spacing:6px}.pair-submit{margin-top:13px;width:100%;justify-content:space-between;height:51px;padding:0 20px}.pair-help{display:flex;gap:7px;font-size:11px;line-height:1.8;color:#88917e;margin-top:20px}.tiny-lock{font-size:19px;line-height:20px}.form-error{font-size:12px;line-height:1.7;color:var(--danger);margin-top:10px}.pair-footer{text-align:center;font-size:10px;color:#919985;letter-spacing:1.4px;padding-top:5px}
.remote-view{max-width:1440px;min-height:100vh;min-height:100dvh;margin:0 auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.remote-header{height:70px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:10px}.header-actions{display:flex;align-items:center;gap:6px}.connection-status{display:flex;align-items:center;gap:6px;font-size:11px;color:#7b806f;white-space:nowrap}.connection-status i{width:6px;height:6px;flex:none;border-radius:50%;background:#b1b6a7}.connection-status[data-state=live]{color:#557541}.connection-status[data-state=live] i{background:#6d994d;box-shadow:0 0 0 3px #e5eddc}.connection-status[data-state=offline]{color:#a46747}.connection-status[data-state=offline] i{background:#ba784f}.remote-body{padding:22px 18px 24px;display:grid;gap:21px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-heading .eyebrow{margin-bottom:6px}.section-heading h1{font-size:19px;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(56vw,650px)}.screen-shell{position:relative;background:#e3e7db;border:1px solid #d6dece;border-radius:15px;box-shadow:0 7px 30px #163c3107;overflow:hidden}.screen-toolbar{height:34px;background:#e9eddf;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:10px;color:#7a866f}.screen-toolbar>span:first-child{display:flex;align-items:center;gap:6px}.window-dot{height:5px;width:5px;border-radius:50%;background:#99a888}.frame-scroller{width:100%;min-height:213px;max-height:67dvh;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#dae0d2;scrollbar-width:thin;scrollbar-color:#9bab94 #e4e9dd}.frame-stage{width:100%;position:relative;min-width:100%;margin:auto}.frame-image{display:block;width:100%;height:auto;user-select:none;-webkit-user-select:none;touch-action:pan-x pan-y;cursor:crosshair;-webkit-touch-callout:none}.frame-image[data-mode=view]{cursor:grab}.frame-overlay{position:absolute;inset:34px 0 0;background:#e7ecdf;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;text-align:center}.screen-state-symbol{height:38px;width:38px;background:#d8e2cc;color:#557048;font-size:28px;display:grid;place-items:center;border-radius:11px;margin-bottom:13px}.frame-overlay strong{font-size:14px;line-height:1.5}.frame-overlay p{font-size:11px;line-height:1.8;color:#7b876d;max-width:300px;margin-top:7px}.frame-overlay button{margin-top:14px;font-size:11px;min-height:33px;background:#f0f3e9}.view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px}.segmented-control{display:flex;background:#e7ebdf;border:1px solid #dfe5d4;padding:3px;border-radius:10px}.segmented-control button{min-height:32px;padding:0 11px;font-size:11px;color:#829071;border-radius:7px;background:transparent;white-space:nowrap}.segmented-control button[aria-pressed=true]{background:#fffefa;color:var(--ink);box-shadow:0 1px 4px #2443220b}.zoom-controls{display:flex;gap:3px}.zoom-controls button{min-width:34px;min-height:36px;font-size:11px;color:#81916d;background:none;border-radius:8px;padding:0 5px;font-variant-numeric:tabular-nums}.zoom-controls button[aria-pressed=true]{background:#e4ebd9;color:#36512a;font-weight:700}.mode-hint{font-size:10px;line-height:1.7;color:#879078;margin:9px 2px 0}.controls-section{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:17px;align-self:start;box-shadow:var(--shadow)}.controls-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.controls-heading h2{font-size:13px;font-weight:600}.controls-heading>span{font-size:10px;color:#949a8b}.scroll-controls{display:flex;align-items:center;gap:8px;margin-bottom:10px}.scroll-controls>span{font-size:11px;color:#879177;margin-right:auto}.control-button{display:flex;align-items:center;justify-content:center;gap:6px;background:#f1f3eb;color:#48613a;border:1px solid #e5e9dc;border-radius:10px;font-size:12px;min-height:42px;padding:0 13px}.control-button:active:not(:disabled){background:#dce8cd}.scroll-controls .control-button{flex:0 1 93px}.key-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.key-grid .control-button{padding:0 3px;font-size:11px}.pointer-options{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;color:#869078;font-size:11px}.pointer-options label{display:flex;align-items:center;gap:5px;min-height:40px}.pointer-options input{accent-color:var(--green);width:14px;height:14px;margin:0}.text-button{font-size:11px;color:#687d56;min-height:40px}.text-button[aria-pressed=true]{color:var(--green);font-weight:700;text-decoration:underline;text-underline-offset:4px}.input-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;border-top:1px solid #e9edde;background:none;color:var(--ink);padding:14px 0 2px;min-height:50px;font-size:13px;margin-top:5px;font-weight:600}.input-toggle>span:first-child{display:flex;gap:9px;align-items:center}.input-toggle>span:first-child>span{font-size:18px;color:#879477}.input-toggle>span:last-child{font-size:18px;color:#8c997b;font-weight:400}.input-panel{padding-top:13px}.input-panel label{font-size:11px;color:#7b886c;line-height:1.8;display:block;margin-bottom:9px}.input-panel textarea{display:block;resize:vertical;width:100%;min-height:115px;max-height:300px;background:#f7f8f1;border:1px solid #dfe6d5;border-radius:10px;padding:12px;line-height:1.6;color:var(--ink);outline:none}.input-panel textarea:focus{border-color:#849f6e;box-shadow:0 0 0 2px #e8efdf}.input-panel textarea::placeholder{color:#a4ae98}.input-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px}.input-footer>span{font-size:10px;color:#909b83}.input-footer .primary-button{font-size:12px;min-height:40px;border-radius:10px;gap:10px}.input-note{font-size:10px;color:#909a85;margin-top:10px;line-height:1.7}.connection-note{font-size:10px;text-align:center;color:#a1a992;margin-top:13px;line-height:1.7}.action-message{margin-top:12px;border-radius:9px;padding:10px 11px;background:#eaf0df;color:#5d7648;font-size:11px;line-height:1.8;overflow-wrap:anywhere}.action-message[data-kind=error]{background:#fbede4;color:#925a3e}.demo-banner{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;background:#f6c85f;color:#4b370b;padding:11px 16px;text-align:center;border-bottom:1px solid #d9a42e}.demo-banner strong{font-size:14px}.demo-banner span{font-size:11px}.settings-dialog{border:1px solid var(--line);border-radius:20px;background:var(--card);color:var(--ink);padding:20px 23px 24px;width:calc(100% - 40px);max-width:390px;box-shadow:0 20px 80px #122c3040}.settings-dialog::backdrop{background:#1c322877;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin:0 -8px 2px 0}.dialog-heading h2{font-size:20px;letter-spacing:-.7px}.dialog-intro{font-size:12px;color:#7d8872;line-height:1.8}.install-steps{list-style:none;padding:0;margin:24px 0;display:grid;gap:18px}.install-steps li{display:flex;align-items:center;gap:13px;font-size:12px}.install-steps li>span{width:26px;height:26px;flex:none;display:grid;place-items:center;background:#e8efdd;border-radius:8px;font-size:11px;color:#6b8058}.install-steps p{line-height:1.7}.dialog-note{font-size:11px;line-height:1.9;color:#909980;border-top:1px solid var(--line);padding-top:15px}.logout-button{margin-top:20px;width:100%;background:#f6eee8;border:1px solid #eadcd1;color:#986748;border-radius:11px;font-size:12px}
@media(min-width:720px){.remote-header{height:76px;padding:0 30px}.remote-body{grid-template-columns:minmax(0,1fr) 290px;gap:25px;padding:27px 30px}.controls-section{margin-top:62px}.section-heading h1{max-width:calc(100vw - 540px)}.frame-scroller{min-height:285px;max-height:calc(100dvh - 233px)}.pair-card{padding:60px 0 45px}.pair-card h1{font-size:36px}.pair-description{font-size:14px}.pair-illustration{margin-bottom:33px}.pair-footer{padding-bottom:7px}}
@media(min-width:1150px){.remote-body{grid-template-columns:minmax(0,1fr) 320px;gap:30px}.frame-scroller{min-height:420px}.controls-section{padding:20px}.remote-header{padding-inline:35px}.remote-body{padding-inline:35px}}
@media(orientation:landscape) and (max-height:550px){.remote-header{height:48px;padding-inline:16px}.remote-body{grid-template-columns:minmax(0,1fr) 250px;padding:12px 16px;gap:16px}.section-heading{margin-bottom:9px}.section-heading .eyebrow{display:none}.section-heading h1{font-size:15px;max-width:calc(100vw - 445px)}.section-heading .secondary-button{min-height:31px;font-size:11px}.controls-section{padding:13px;margin-top:0}.frame-scroller{min-height:160px;max-height:calc(100dvh - 169px)}.frame-overlay{padding:10px}.screen-state-symbol{display:none}.frame-overlay button{margin-top:7px}.screen-toolbar{height:27px}.frame-overlay{top:27px}.view-toolbar{margin-top:8px}.mode-hint{margin-top:5px;font-size:9px}.controls-heading{margin-bottom:10px}.control-button{min-height:36px}.scroll-controls{gap:5px}.scroll-controls .control-button{padding:0 8px}.scroll-controls>span{font-size:10px}.key-grid{gap:4px}.pointer-options{font-size:10px}.pointer-options .text-button{font-size:10px}.connection-note{display:none}.pair-header{max-width:820px}.pair-view{padding-top:14px;padding-bottom:14px}.pair-card{max-width:470px;padding:25px 0}.pair-illustration{display:none}.pair-card h1{font-size:27px}.pair-description{margin:10px 0 15px}.pair-help{margin-top:10px}.pair-footer{display:none}}
@media(max-width:355px){.remote-header{padding-inline:14px}.brand{font-size:15px;gap:7px}.remote-body{padding-inline:12px}.segmented-control button{padding:0 8px}.zoom-controls{gap:0}.zoom-controls button{min-width:30px}.pair-view{padding-inline:19px}.pair-header .quiet-button{font-size:10px;padding:5px}.pair-card h1{font-size:29px}.pair-description{font-size:12px}}
.pair-loading{font-size:13px;color:var(--muted);line-height:1.8;padding:18px 0}.ticket-instructions{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:22px 20px;box-shadow:var(--shadow)}.connection-badge{display:inline-block;background:#e8efdd;color:#577442;border-radius:20px;padding:5px 9px;font-size:10px;margin-bottom:13px}.ticket-instructions h2{font-size:18px;line-height:1.6;letter-spacing:-.4px}.ticket-instructions>p:not(.connection-badge){font-size:12px;color:var(--muted);line-height:1.9;margin-top:11px}.ticket-instructions .scan-again-help{border-top:1px solid var(--line);padding-top:12px}.config-retry{margin-top:14px}.install-session-note{font-size:11px;line-height:1.9;color:#909980;margin-top:12px}.frame-stage.zoom-medium{width:150%}.frame-stage.zoom-large{width:200%}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s,opacity .15s,transform .15s}.connection-status[data-state=connecting] i{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}}
.controls-section .input-toggle{border-top:0;margin-top:0;padding-top:0;min-height:34px}.controls-section .key-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.input-footer{margin-top:3px}.input-footer .text-button{font-size:10px;min-height:36px;padding:0 3px}.composer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.composer-actions button{min-height:46px;padding:0 8px;gap:6px;font-size:12px;white-space:nowrap}.shortcut-heading{border-top:1px solid var(--line);padding-top:17px;margin:19px 0 14px;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:8px}.shortcut-heading span{font-size:9px;color:var(--muted);font-weight:400}.dialog-notice{padding:11px 13px;background:#e8efdb;border:1px solid #d5e1c4;border-radius:11px;color:#4c683d;font-size:12px;line-height:1.8;margin-bottom:12px}.controls-section .controls-heading{margin-bottom:11px}.input-panel{padding-top:7px}.input-note{font-size:11px}.screen-section{min-width:0}.install-session-note{overflow-wrap:anywhere}
@media(orientation:landscape) and (max-height:550px){.remote-body{grid-template-columns:minmax(0,1fr) 270px}.controls-section{max-height:calc(100dvh - 74px);overflow:auto;overscroll-behavior:contain}.section-heading h1{max-width:calc(100vw - 465px)}.input-panel textarea{min-height:90px;max-height:160px}.shortcut-heading{margin-top:13px;padding-top:12px}.dialog-notice{font-size:10px;padding:7px 10px;margin-bottom:8px}.controls-section .controls-heading{margin-bottom:6px}}
@media(max-width:355px){.composer-actions button{font-size:11px}.shortcut-heading span{font-size:8px}}
.frame-stage.zoom-detail{width:400%}.zoom-controls button{min-width:30px}.view-toolbar{flex-wrap:wrap}
.frame-notice{font-size:11px;line-height:1.7;margin-top:9px;padding:9px 11px;border-radius:9px;background:#e8eddf;color:#657650}.screen-shell[data-ready=paused] .frame-image{opacity:.72;cursor:progress}.screen-shell[data-ready=paused] .screen-toolbar{background:#e4e9db}