:root{font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#14213b;background:#f2f5fa;font-synthesis:none;--blue:#3869ed;--muted:#78839a;--line:#e8edf5;--radius:24px}*{box-sizing:border-box}body{margin:0;min-width:280px;-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button,a,input,textarea,summary,canvas:focus-visible{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #719aff}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button,a{-webkit-user-select:none;user-select:none}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.app-shell{max-width:980px;margin:0 auto;padding:calc(24px + env(safe-area-inset-top)) 24px calc(20px + env(safe-area-inset-bottom))}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}.brand{display:flex;align-items:center;gap:11px}.brand img{border-radius:13px;box-shadow:0 5px 15px #1747a820}.brand strong{display:block;font-size:19px;letter-spacing:.02em}.brand small{display:block;margin-top:4px;color:var(--muted);font-size:11px;letter-spacing:.04em}.status-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #dce4f1;border-radius:99px;padding:7px 11px;white-space:nowrap;color:#758197;font-size:12px;background:#ffffffa8}.status-badge i{width:6px;height:6px;background:#9aa7ba;border-radius:50%}.status-badge[data-state=connected]{color:#14805e;background:#ebfaf2;border-color:#cfebdf}.status-badge[data-state=connected] i{background:#24a679;box-shadow:0 0 0 3px #24a67917}.status-badge[data-state=connecting] i{background:#3869ed;animation:pulse 1.2s infinite}.status-badge[data-state=error]{color:#a96042;background:#fff6ef;border-color:#f2dfd0}.status-badge[data-state=error] i{background:#d48b55}main{display:grid;gap:18px}.card{background:#fff;border:1px solid #e9edf5;border-radius:var(--radius);box-shadow:0 12px 38px #16315e05;overflow:hidden}.welcome-card{max-width:560px;width:100%;margin:15px auto 0;padding:38px 36px;text-align:center}.hero-icon{display:grid;place-items:center;width:82px;height:82px;margin:0 auto 27px;border-radius:25px;background:linear-gradient(145deg,#eff4ff,#e3ecff)}.hero-icon svg{width:48px;fill:none;stroke:var(--blue);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--muted);margin:0 0 7px}.welcome-card h1{font-size:29px;line-height:1.25;letter-spacing:-.04em;margin:9px 0 15px}.intro,.welcome-card>p:not(.eyebrow):not(.fine-print){color:#7a869c;font-size:13px;line-height:1.9;margin:0}.pair-form{display:grid;gap:11px;margin:30px auto 0;max-width:330px;text-align:left}.pair-form label{font-size:12px;color:#728098}.pair-form input{width:100%;background:#f6f8fc;border:1px solid #e4eaf3;border-radius:13px;padding:15px;font-size:14px;min-height:48px;color:#172440}.pair-form input:focus{background:white;border-color:#719aff}.pair-form input::placeholder{color:#a3aec1}.button{border:0;border-radius:13px;min-height:48px;padding:12px 20px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:18px;transition:background .15s,transform .15s}.button.primary{color:#fff;background:var(--blue);box-shadow:0 5px 13px #3869ed24}.button.primary:hover{background:#2855ce}.button:active:not(:disabled){transform:translateY(1px)}.fine-print{font-size:11px;color:#9ba5b6;margin:22px 0 0;line-height:1.8}.device-card{padding:27px 28px 0;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.device-summary{display:flex;gap:18px;align-items:center;min-width:0}.device-icon{width:66px;height:66px;border-radius:20px;background:#eff3ff;display:grid;place-items:center;flex:none}.device-icon svg{fill:none;stroke:var(--blue);stroke-width:1.6;stroke-linecap:round;width:34px}.device-name{min-width:0}.device-name h1{font-size:23px;margin:0;line-height:1.3;overflow-wrap:anywhere;letter-spacing:-.025em}.device-name p:last-child{color:var(--muted);font-size:12px;margin:6px 0 0}.connect-button{min-width:155px}.home-screen-tip{display:flex;align-items:center;gap:9px;grid-column:1/-1;border-top:1px solid var(--line);margin-top:0;padding:13px 0;color:#8a96ab}.home-screen-tip>span{width:19px;height:19px;border:1px solid #dbe3ef;border-radius:6px;display:grid;place-items:center;font-size:14px;flex:none}.home-screen-tip p{font-size:11px;line-height:1.5;margin:0;flex:1}.text-button{background:none;border:0;padding:7px 4px;color:var(--blue);font-size:12px;font-weight:500;border-radius:6px;white-space:nowrap}.danger-text{color:#a77675}.screen-card{border-radius:20px}.screen-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 17px;background:#fcfdff}.screen-title{display:flex;align-items:center;gap:8px;min-width:0}.screen-title strong{font-size:12px;white-space:nowrap}.live-dot{height:6px;width:6px;background:#2bb388;border-radius:50%;flex:none}.frame-hint{font-size:10px;color:#9aa5b6;white-space:nowrap}.toolbar-actions{display:flex;align-items:center;gap:13px}.icon-button{background:#f0f4fa;border:0;border-radius:8px;height:30px;width:34px;font-size:22px;line-height:1;color:#53647f}.screen-viewport{position:relative;aspect-ratio:var(--screen-ratio,16 / 9);background:#101827;max-height:72svh;overflow:hidden}.screen-viewport canvas{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain;touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none}.screen-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;pointer-events:none;color:#9dabc4;background:#101827}.screen-placeholder p{font-size:12px;margin:0}.screen-controls{display:flex;gap:7px;align-items:center;overflow-x:auto;padding:13px 14px 4px;scrollbar-width:none}.screen-controls::-webkit-scrollbar{display:none}.control-button{border:1px solid #e5ebf4;background:#f7f9fd;border-radius:9px;min-height:37px;min-width:45px;padding:8px 11px;flex-shrink:0;font-size:12px;color:#52617c;touch-action:manipulation}.control-button:hover{background:#edf2ff;border-color:#d6e0f7}.control-button[aria-pressed=true]{color:#2e5bdb;border-color:#a9c0fc;background:#eaf0ff}.control-divider{height:18px;border-left:1px solid #e7ecf3;margin:0 2px}.touch-hint{font-size:10px;color:#98a3b6;line-height:1.7;margin:9px 16px 13px}.input-card{padding:20px}.input-card label{font-size:12px;font-weight:600;display:block;margin-bottom:10px}.text-input-row{display:flex;gap:10px;align-items:stretch}.text-input-row textarea{width:100%;min-width:0;resize:vertical;background:#f7f9fc;border:1px solid #e3eaf4;border-radius:12px;padding:12px;line-height:1.6;font-size:14px;color:#21304b;min-height:69px;max-height:180px}.text-input-row textarea::placeholder{color:#9da9bd}.text-input-row .button{padding:10px 19px;flex-shrink:0;box-shadow:none;font-size:13px}.more-keys{margin-top:14px}.more-keys summary,.app-footer summary{font-size:11px;color:#8b97ac;cursor:pointer;width:max-content;padding:5px 0}.key-grid{display:flex;gap:7px;flex-wrap:wrap;padding-top:10px}.key-grid .control-button{min-width:45px}.app-footer{display:flex;flex-direction:column;align-items:center;gap:3px;color:#a5afbf;padding:1px 0}.app-footer>p{font-size:10px;margin:5px 0;letter-spacing:.05em}.app-footer details{text-align:center}.app-footer summary{margin:0 auto;font-size:10px}.app-footer .text-button{font-size:11px;margin:5px 0}.notice{border-radius:13px;padding:13px 16px;background:#edf3ff;border:1px solid #dce7fd;color:#4b6996;line-height:1.7;font-size:12px}.notice[data-kind=error]{background:#fff6f1;border-color:#f1dfd4;color:#9c6749}.retry-card{text-align:center;padding:30px}.retry-card h1{font-size:21px;margin:0 0 12px}.retry-card p{font-size:13px;line-height:1.8;color:var(--muted)}.retry-card button{margin-top:10px;min-width:140px}.loading-ring{display:inline-block;width:25px;height:25px;border:2px solid #dce6f8;border-top-color:#527ce6;border-radius:50%;animation:spin .9s linear infinite}.welcome-card>.loading-ring{margin:10px 0 12px}.screen-placeholder>.loading-ring{border-color:#33435b;border-top-color:#8dafff}.screen-card:fullscreen{border-radius:0;border:0;background:#101827;display:flex;flex-direction:column;width:100%;height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.screen-card:fullscreen .screen-viewport{flex:1;min-height:0;max-height:none;aspect-ratio:auto}.screen-card:fullscreen .screen-toolbar,.screen-card:fullscreen .screen-controls,.screen-card:fullscreen .touch-hint{background:#101827;color:#c8d2e4}.screen-card:fullscreen .screen-title strong{color:#dbe5f8}.screen-card:fullscreen .control-button{background:#1b2940;border-color:#2c3b53;color:#c2d0e8}.screen-card:fullscreen .icon-button{background:#24334b;color:#bdcce5}.screen-card:fullscreen .touch-hint{margin:0;padding:5px 16px 9px}.noscript-message{text-align:center;font-size:14px;padding:30px;color:#9c6749}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35}}@media(min-width:740px){.screen-card{margin-top:1px}.input-card{padding:22px 24px}.device-card{padding-top:30px}.welcome-card{margin-top:36px}}@media(max-width:520px){.app-shell{padding:calc(19px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom))}.app-header{margin-bottom:21px}.brand{gap:10px}.brand strong{font-size:18px}.brand img{width:39px;height:39px}.brand small{font-size:10px}.status-badge{font-size:10px;padding:7px 9px;gap:6px}main{gap:14px}.welcome-card{padding:32px 21px;margin-top:4px;border-radius:22px}.welcome-card h1{font-size:26px}.device-card{grid-template-columns:1fr;gap:21px;padding:23px 21px 0;border-radius:22px}.device-summary{gap:14px}.device-icon{width:58px;height:58px;border-radius:18px}.device-name h1{font-size:22px}.connect-button{width:100%;min-height:49px;font-size:14px}.home-screen-tip{margin-top:-5px;padding:13px 0}.screen-toolbar{padding:10px 13px}.screen-controls{padding:11px 10px 2px;gap:6px}.screen-card{border-radius:17px}.input-card{padding:17px}.touch-hint{margin:9px 12px 12px}.frame-hint{font-size:9px}.toolbar-actions{gap:9px}.text-input-row .button{padding:10px 16px}.control-button{min-height:37px;font-size:11px}.hero-icon{width:74px;height:74px;border-radius:22px;margin-bottom:22px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition:none!important}}@media(orientation:landscape) and (max-height:540px){.app-shell{padding-top:12px}.app-header{margin-bottom:15px}.screen-card:fullscreen .screen-toolbar{padding:6px 14px}.screen-card:fullscreen .screen-controls{padding:5px 10px}.screen-card:fullscreen .touch-hint{display:none}}

.precision-controls{padding:10px 12px 12px;border-top:1px solid #e5ebf4}.precision-pad{height:132px;border:1px dashed #aabbd7;border-radius:14px;background:linear-gradient(135deg,#eff3fa,#e5ecf8);color:#667791;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;font-size:12px;line-height:1.8;touch-action:none;user-select:none;-webkit-user-select:none}.precision-pad.dragging{border-color:#3869ed;background:#dce7ff}.precision-controls .screen-controls{padding:10px 0 0}.screen-viewport.zoomed{overflow:auto;touch-action:pan-x pan-y}.screen-viewport.zoomed canvas{position:relative;width:200%;height:auto;max-width:none;object-fit:contain}.screen-card:fullscreen .precision-controls{background:#101827;border-color:#2c3b53}.screen-card:fullscreen .precision-pad{height:90px;background:#1b2940;border-color:#455873;color:#c2d0e8}@media(orientation:landscape) and (max-height:540px){.screen-card:fullscreen .precision-pad{height:65px;padding:8px}}

#videoQuality{max-width:78px;padding:5px 3px;border:1px solid #dce5f3;border-radius:6px;background:#f2f5fa;color:#52617c;font-size:11px}.screen-card:fullscreen #videoQuality{background:#1b2940;color:#c2d0e8;border-color:#455873}

/* A connected desktop is a workspace, rather than a card in a scrolling page. */
body.remote-session{min-width:0;overflow:hidden;overscroll-behavior:none;background:#080d15;color:#e4ebf6}
.remote-session .app-shell{max-width:none;margin:0;padding:0}
.remote-session main{display:block}
.remote-session .app-header,.remote-session #devicePanel,.remote-session .app-footer{display:none!important}
.remote-session .screen-card,.screen-card:fullscreen{position:fixed;inset:auto 0 auto 0;top:var(--viewport-top,0px);width:100%;height:var(--viewport-height,100dvh);margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:#080d15;overflow:hidden;isolation:isolate}
.screen-card:fullscreen{top:0;height:100%;width:100%}
.remote-session .screen-viewport,.screen-card:fullscreen .screen-viewport{position:absolute;inset:0;width:100%;height:100%;max-height:none;min-height:0;aspect-ratio:auto;overflow:hidden;background:#080d15;touch-action:none}
.screen-viewport canvas{position:absolute;inset:auto;left:0;top:0;display:block;width:auto;height:auto;max-width:none;object-fit:initial;transform-origin:0 0;touch-action:none;cursor:default;outline:0;will-change:transform}
.remote-cursor{position:absolute;left:50%;top:50%;z-index:3;display:block;width:24px;height:24px;margin:-12px 0 0 -12px;border:2px solid #fff;border-radius:50%;background:#4c93ff33;box-shadow:0 0 0 2px #09121b99,0 0 15px #64a9ff55;pointer-events:none;transform-origin:center;will-change:transform}
.remote-cursor::before,.remote-cursor::after{content:'';position:absolute;background:#fff;box-shadow:0 0 2px #101827}
.remote-cursor::before{width:2px;height:6px;left:9px;top:7px}
.remote-cursor::after{width:6px;height:2px;left:7px;top:9px}
.remote-session .screen-placeholder{z-index:4;background:#080d15;color:#a1b3cd}
.remote-session .screen-toolbar,.screen-card:fullscreen .screen-toolbar{position:absolute;z-index:8;top:calc(10px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));right:calc(64px + env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:2px 4px 2px 12px;border:1px solid #7791b033;border-radius:14px;background:#152235e8;color:#dce7f6;box-shadow:0 5px 20px #0003;backdrop-filter:blur(12px)}
.remote-session .screen-title{display:flex;flex-wrap:wrap;gap:5px 7px;min-width:0}
.remote-session .screen-title strong{color:#eff5ff;font-size:11px;font-weight:600}
.remote-session .frame-hint{display:block;max-width:130px;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:#93a7c4}
.remote-session .toolbar-actions{display:flex;align-items:center;gap:2px;flex:none}
.session-button,.tools-toggle,.dock-button,.sheet-close{border:0;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;color:#dce8f9;background:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.session-button{min-width:44px;height:40px;padding:2px 6px;gap:1px;border-radius:9px;flex:none}
.session-button>span{font-size:20px;line-height:20px}
.session-button small{font-size:9px;line-height:11px}
.tools-toggle{position:absolute;z-index:15;top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));width:44px;height:44px;border:1px solid #7791b04a;border-radius:14px;background:#1c2d45ee;box-shadow:0 4px 18px #0004;backdrop-filter:blur(12px);font-size:28px;line-height:1}
.remote-dock{position:absolute;z-index:10;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(7,minmax(40px,1fr));gap:2px;width:max-content;max-width:calc(100% - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));padding:5px 6px;transform:translateX(-50%);border:1px solid #7791b045;border-radius:17px;background:#152235ed;box-shadow:0 7px 25px #0005;backdrop-filter:blur(14px)}
.dock-button{min-width:40px;min-height:44px;padding:3px 4px;gap:2px;border-radius:10px;white-space:nowrap}
.dock-icon{display:block;font-family:"Segoe UI Symbol","Arial",sans-serif;font-size:22px;line-height:22px;font-weight:400}
.dock-button small{font-size:10px;line-height:12px;letter-spacing:.02em}
.keyboard-icon{font-size:21px}
.session-button:active,.dock-button:active,.tools-toggle:active,.sheet-close:active{background:#365981}
.dock-button[aria-pressed=true],.dock-button[aria-expanded=true],.session-button[aria-pressed=true]{color:#8bbfff;background:#3768ac52;box-shadow:inset 0 0 0 1px #659eff66}
body.tools-hidden .screen-toolbar,body.tools-hidden .remote-dock,body.tools-hidden .session-settings{display:none!important}
body.tools-hidden .tools-toggle{background:#1b2d44b8;border-radius:50%;opacity:.8}
body.tools-hidden .tools-toggle>span{transform:rotate(180deg)}
.remote-session .session-sheet{position:absolute;z-index:12;right:calc(10px + env(safe-area-inset-right));bottom:calc(76px + env(safe-area-inset-bottom));width:360px;max-width:calc(100% - 20px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100% - 140px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;border:1px solid #647e9f66;border-radius:18px;background:#172438f7;color:#dce8fa;box-shadow:0 8px 35px #0006;padding:17px;backdrop-filter:blur(16px);scrollbar-width:thin;scrollbar-color:#526784 transparent;touch-action:pan-y}
.session-settings{display:none}
body.settings-open:not(.tools-hidden) .session-settings{display:block}
.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.sheet-heading h2{font-size:15px;line-height:1.4;font-weight:600;margin:0;color:#eff5ff}
.zoom-label{border:1px solid #47648280;background:#22374e;padding:5px 8px;border-radius:7px;color:#a9c9f8;font-size:11px;white-space:nowrap}
.settings-row{display:flex;align-items:center;gap:14px;margin:0 0 12px}
.settings-row label{flex:none;font-size:12px;color:#a4b5ce;min-width:52px}
.settings-row select,.remote-session #videoQuality{flex:1;max-width:none;min-width:0;min-height:44px;width:100%;padding:8px;border:1px solid #49617e;border-radius:9px;background:#22364f;color:#e2ecfa;font-size:12px;outline-offset:2px}
.settings-actions{display:flex;align-items:center;gap:6px;margin:10px 0;flex-wrap:wrap}
.remote-session .control-button,.screen-card:fullscreen .control-button{border:1px solid #455d7c;border-radius:9px;background:#22364f;color:#d4e3f7;min-height:42px;min-width:44px;padding:8px 11px;font-size:12px;white-space:nowrap;touch-action:manipulation}
.remote-session .control-button:hover{border-color:#7293c0;background:#2b4260}
.remote-session .control-button[aria-pressed=true]{border-color:#82b2fb;background:#285e9e;color:#fff}
.scroll-actions>span{font-size:12px;color:#a4b5ce;margin-right:auto}
.remote-session .gesture-guide{margin:15px 0;padding:12px;border:1px solid #6583a333;border-radius:10px;background:#0d1a2c88}
.remote-session .gesture-guide p{font-size:11px;line-height:1.8;color:#9fb4d2;margin:0}
.remote-session .gesture-guide p+p{margin-top:7px;color:#7794b9}
.remote-session .touch-hint{margin:0;padding:0}
.disconnect-session{width:100%;min-height:44px;margin:2px 0 0;border:1px solid #c57d734d;border-radius:10px;background:#9e493728;color:#e6a69c;font-size:12px;touch-action:manipulation}
.remote-session .input-card{display:none;padding:16px}
.remote-session.keyboard-open .input-card{display:block;left:50%;right:auto;transform:translateX(-50%);width:470px}
.sheet-close{font-size:12px;min-width:44px;min-height:40px;padding:5px 10px;border-radius:9px;color:#9fc4fa;background:#2a4364}
.remote-session .input-card .sheet-heading{margin-bottom:0}
.remote-session .input-card label{font-size:11px;color:#9eb3cf;margin:13px 0 8px;font-weight:400}
.remote-session .text-input-row textarea{background:#101e31;color:#e1edff;border:1px solid #445d7e;border-radius:10px;font-size:16px;min-height:62px;max-height:112px;resize:none;padding:9px;line-height:1.4;touch-action:pan-y}
.remote-session .text-input-row textarea::placeholder{color:#6f89ad;font-size:12px}
.remote-session .text-input-row .button{font-size:12px;padding:8px 13px;min-width:52px}
.remote-session .key-grid{gap:5px;padding-top:11px}
.remote-session .quick-keys{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.remote-session .quick-keys .control-button{flex:1;min-width:44px;padding:7px 8px}
.remote-session .shortcut-keys .control-button{font-size:11px;padding:7px 9px}
.remote-session .more-keys{margin-top:7px}
.remote-session .more-keys summary{color:#9eb5d6;font-size:11px;min-height:36px;display:flex;align-items:center}
.remote-session #notice{position:fixed;z-index:30;top:calc(var(--viewport-top,0px) + 66px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);max-height:90px;overflow:auto;margin:0;padding:10px 13px;border-radius:11px;border-color:#6484ae55;background:#213a59f0;box-shadow:0 4px 20px #0004;color:#dae8ff;font-size:11px;line-height:1.6;pointer-events:none}
.remote-session #notice[data-kind=error]{background:#583727f2;border-color:#bc8e6a66;color:#ffdfc2}
@supports not (height:100dvh){.remote-session .screen-card{height:var(--viewport-height,100vh)}}
@media(max-width:375px){.remote-session .screen-title{display:block}.remote-session .screen-title .live-dot{display:none}.remote-session .screen-title strong{display:none}.remote-session .frame-hint{max-width:95px;font-size:9px}.remote-dock{padding:4px;gap:0}.dock-button{min-width:40px;padding:3px}.remote-session .session-sheet{padding:13px}.settings-actions .control-button{padding:8px}.remote-session .quick-keys{gap:4px}}
@media(orientation:landscape) and (max-height:540px){.remote-session .screen-toolbar{top:calc(6px + env(safe-area-inset-top));left:calc(7px + env(safe-area-inset-left));right:auto;width:auto;max-width:calc(100% - 70px);min-height:40px;padding:0 3px 0 10px}.remote-session .screen-title{display:flex;flex-wrap:nowrap}.remote-session .screen-title strong{display:block}.remote-session .frame-hint{max-width:150px}.remote-session .toolbar-actions{gap:0}.session-button{height:40px;min-width:44px}.tools-toggle{top:calc(6px + env(safe-area-inset-top));right:calc(7px + env(safe-area-inset-right));width:42px;height:42px;border-radius:12px}.remote-dock{bottom:calc(6px + env(safe-area-inset-bottom));padding:3px 5px;border-radius:14px;gap:3px}.dock-button{flex-direction:row;min-height:40px;min-width:52px;padding:3px 6px;gap:5px}.dock-icon{font-size:19px;line-height:20px}.dock-button small{font-size:10px}.remote-session .session-sheet{bottom:calc(58px + env(safe-area-inset-bottom));max-height:calc(100% - 110px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:12px;width:390px}.remote-session .sheet-heading{margin-bottom:8px}.remote-session.keyboard-open .input-card{width:570px;max-width:calc(100% - 120px)}.remote-session .input-card .quick-keys{position:absolute;right:12px;top:4px;width:55%;padding-top:3px;padding-right:58px}.remote-session .input-card .sheet-heading h2{font-size:13px}.remote-session .input-card .sheet-close{z-index:1}.remote-session .input-card label{margin-top:10px}.remote-session .shortcut-keys{padding-top:8px}.remote-session .input-card textarea{min-height:48px;max-height:72px}.remote-session .more-keys{margin-top:3px}.remote-session .gesture-guide{margin:10px 0}.remote-session .settings-row{margin-bottom:8px}.remote-session #notice{top:calc(var(--viewport-top,0px) + 54px + env(safe-area-inset-top));max-height:55px}}
@media(orientation:landscape) and (max-width:600px){.remote-dock{gap:0;padding:3px}.dock-button{min-width:44px;flex-direction:column;gap:1px;padding:2px 4px}.dock-icon{font-size:17px;line-height:17px}.dock-button small{font-size:9px}.remote-session.keyboard-open .input-card{max-width:calc(100% - 20px)}.remote-session .input-card .quick-keys{position:static;width:100%;padding:9px 0 0}.remote-session .input-card .sheet-heading h2{font-size:14px}}