:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#20252c;background:#e8eaed;color-scheme:light;--orange:#f47927;--muted:#737b85;--line:#e3e6ea;--rail:#272c34}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{display:grid;grid-template-rows:58px minmax(0,1fr) 24px;height:100dvh;background:#edf0f3}
button,input,textarea,select{font:inherit}button{border:1px solid transparent;border-radius:7px;padding:9px 14px;cursor:pointer;font-size:14px;font-weight:550;background:var(--orange);color:#fff;white-space:nowrap;transition:background .15s}button:hover{filter:brightness(.96)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid #f08b42;outline-offset:2px}.quiet{background:#f0f2f5;border-color:#e0e4e9;color:#3e4753}.wide{width:100%}
h1,h2,h3,p{margin:0}header{display:flex;align-items:center;gap:11px;padding:0 22px;background:#fff;border-bottom:1px solid var(--line);min-width:0}.brand-logo{width:34px;height:34px;border-radius:8px}h1{font-size:19px;line-height:1.15}header p{font-size:10px;color:#808793;margin-top:3px}.header-divider{width:1px;height:23px;background:var(--line);margin:0 5px}.header-note{font-size:13px;color:#747c86}.header-actions{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:12px}.header-actions a{color:#626b76;text-decoration:none}#badge{border:1px solid #cce8d8;background:#f1faf5;border-radius:20px;color:#268453;padding:6px 11px;font-size:12px}.dot,.online-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#37ad75;flex-shrink:0}
main{display:grid;grid-template-columns:66px 224px minmax(0,1fr);min-height:0;min-width:0;padding:0 14px 0 0;gap:0;overflow:hidden}.remote-tools{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--rail);padding:18px 5px 12px;min-height:0}.tool{width:54px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 2px;background:transparent;color:#b6bcc6;font-size:11px;border-radius:9px;flex-shrink:0}.tool span{font-size:24px;line-height:1.2;font-weight:400}.tool:hover,.tool.is-active{background:#ffffff13;color:#fff}.tool.is-active span{color:#ffa260}.tool-disconnect{color:#e5ac9a}.rail-spacer{flex:1}
aside{background:#f7f8fa;overflow:auto;min-height:0;padding:20px 16px;border-right:1px solid #dce1e7;scrollbar-width:thin}.sidebar-heading{font-size:15px;font-weight:650;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.side-card{padding:17px 0;border-bottom:1px solid var(--line)}.device-card{padding-top:0}.device-overview{display:flex;align-items:center;gap:10px}.phone-symbol{display:grid;place-items:center;width:35px;height:49px;border:1px solid #f8d4b8;background:#fff0e2;color:#ed822f;border-radius:7px;font-size:32px;flex-shrink:0}#device-name{font-size:14px;line-height:1.5;font-weight:650;overflow-wrap:anywhere}.device-state{display:flex;gap:6px;align-items:center;margin-top:5px;color:#77808b;font-size:11px}.device-state[data-live=true]{color:#238553}.device-state[data-live=false] .dot{background:#b2bac4}#mode{font-size:12px;line-height:1.7;color:#6c7582;margin:14px 0}.capability{font-size:10px;color:#88919d;text-align:center;margin-top:9px}.side-card h3{font-size:12px;font-weight:650;color:#697380}.side-card dl{display:grid;grid-template-columns:1fr auto;font-size:12px;gap:12px;margin:16px 0}dt{color:#7a8490}dd{margin:0;text-align:right;color:#323d48}#network-latency{color:#28865c}.secure-note{font-size:10px;color:#85918d;margin-top:2px}.side-card small{font-size:11px;line-height:1.7;color:#858e9b;display:block}.account-details summary{font-size:12px;font-weight:650;color:#697380;cursor:pointer}.license-tag{display:inline-block;font-size:11px;color:#c66a1b;background:#fff0df;border-radius:4px;padding:4px 7px;margin-top:14px}#license-expiry{font-size:11px;color:#657181;margin-top:9px;line-height:1.7}.sidebar-tips{padding:20px 0;color:#8b95a0;font-size:11px;line-height:1.8}.sidebar-tips strong{color:#717c88;font-weight:550}.sidebar-tips p{margin-top:9px}#diagnostics{font-size:11px}#diagnostics dl{font-size:10px;gap:10px}#status{overflow-wrap:anywhere;margin-top:10px;color:#737e8b;line-height:1.7}#manual label{font-size:12px;color:#677280}#manual input{width:100%;padding:8px;border:1px solid #d4dae2;border-radius:5px;margin:6px 0 10px}
.stage{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;background:#fff;margin:12px 0 0 14px;border:1px solid #dfe3e8;border-radius:9px;overflow:hidden}.toolbar{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:13px 20px;border-bottom:1px solid var(--line);min-width:0;min-height:68px}.stage-heading{flex:1;min-width:0}.stage-heading h2{font-size:16px;font-weight:650;margin-bottom:4px}#connection-title{display:block;font-size:11px;color:#808995;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view-switch{display:flex;gap:2px;border:1px solid #dde2e8;background:#f4f6f8;border-radius:6px;padding:3px}.view-switch button{font-size:12px;padding:6px 10px;background:transparent;color:#737d8a;border-radius:4px}.view-switch .is-active{background:#fff;color:#2b3541;box-shadow:0 1px 4px #26354b12}.zoom-label,.quality-label{font-size:11px;color:#7b8591;display:flex;align-items:center;gap:5px}select{border:1px solid #e0e4e9;background:#fff;color:#495564;padding:6px;border-radius:5px;font-size:12px}.icon-button{padding:6px 8px;background:transparent;color:#788391;font-size:21px;border-radius:4px;line-height:1}.icon-button span:not(.sr-only){font-size:11px;margin-left:3px}
.viewport{flex:1 1 0;min-width:0;min-height:100px;position:relative;display:flex;align-items:stretch;justify-content:center;gap:20px;overflow:hidden;background:#e9edf1;padding:14px 18px;isolation:isolate}.screen-area{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;flex:1}.screen-area canvas{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;touch-action:none;background:#ececec;cursor:default;contain:paint;box-shadow:0 2px 12px #16284016;flex-shrink:0;border-radius:2px}.screen-area canvas:focus{outline:none}.pan-ready #screen{cursor:grab}.panning #screen{cursor:grabbing}.navigator{display:flex;flex-direction:column;align-items:center;gap:9px;justify-content:center;flex:0 0 108px;min-height:0}.navigator>span{font-size:11px;color:#677586}#minimap-area{position:relative;width:94px;max-height:calc(100% - 105px);aspect-ratio:9/20;overflow:hidden;border-radius:5px;border:1px solid #c6ced7;background:#d8dfe6}#screen-minimap{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;object-fit:fill}#minimap-window{position:absolute;pointer-events:none;border:2px solid #f38c3d;background:#f6a14b0e;left:0;width:100%;box-shadow:0 0 0 800px #16283e22}.navigator p{font-size:10px;text-align:center;line-height:1.7;color:#8a94a1}.navigator button{font-size:10px;padding:6px 7px;background:#f6f8fa}.view-caption{display:flex;justify-content:space-between;gap:12px;flex-shrink:0;padding:7px 20px;background:#f5f7f9;border-bottom:1px solid var(--line);font-size:10px;color:#929aa6}#screen-resolution{white-space:nowrap}#empty{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);max-width:90%;padding:24px;border-radius:8px;color:#627285;background:#f8fafcee;font-size:15px;line-height:2;text-align:center;pointer-events:none}#empty small{font-size:12px;color:#8b98a6}
.composer{position:relative;flex:0 0 180px;display:flex;flex-direction:column;min-height:150px;background:#fff}.composer-tools{height:43px;flex-shrink:0;display:flex;align-items:center;gap:7px;padding:4px 18px}.compose-tool{display:flex;align-items:center;gap:7px;background:transparent;color:#7b8592;font-size:22px;padding:5px 7px;line-height:1}.compose-tool span{font-size:11px;color:#798493;font-weight:400}.compose-tool:hover{background:#f2f4f6;color:#e27f35}.compose-separator{width:1px;height:16px;background:var(--line);margin:0 4px}.composer-back{margin-left:auto}#text{resize:none;border:0;outline:none;display:block;width:100%;min-height:50px;flex:1;padding:3px 24px 7px;color:#242c36;background:#fff;font-size:16px;line-height:1.7;font-family:inherit}#text::placeholder{color:#acb3bd}.composer:focus-within{box-shadow:inset 0 -2px #f3a269}.composer-footer{display:flex;align-items:center;gap:14px;padding:8px 22px 13px;min-width:0;flex-shrink:0;font-size:11px;color:#9ba3ae}#composer-status{margin-right:auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#text-count{white-space:nowrap;color:#b0b7c0}.shortcut-hint{white-space:nowrap}.send-message{min-width:96px;padding:8px 18px;border-radius:5px;font-size:14px}.send-message span{font-size:12px;margin-left:13px;opacity:.7}#emoji-panel{position:absolute;left:18px;bottom:calc(100% - 3px);width:280px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 8px 35px #23334a24;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;z-index:5}#emoji-panel button{font-size:22px;background:transparent;color:inherit;padding:7px 3px}
.transfer-drawers{position:absolute;z-index:8;right:16px;top:78px;max-width:calc(100% - 32px);pointer-events:none}.image-panel{position:relative;width:370px;max-width:100%;max-height:calc(100dvh - 220px);overflow:auto;border:1px solid #dce2e9;border-radius:9px;background:#fff;box-shadow:0 12px 40px #23334a26;padding:19px;pointer-events:auto}.image-panel:not([open]){display:none}.image-panel summary{display:block;list-style:none;cursor:pointer;font-size:15px;font-weight:650;padding-right:24px;margin-bottom:17px;color:#303b48}.image-panel summary span{display:block;font-size:11px;color:#8e98a5;font-weight:400;margin-top:6px}.drawer-close{position:absolute;right:12px;top:12px;background:transparent;color:#8c96a2;font-size:22px;padding:3px 8px}.image-body{display:flex;flex-direction:column;gap:12px}.image-actions{min-width:0}.image-buttons{display:flex;gap:8px;flex-wrap:wrap}.image-buttons button{font-size:12px;padding:8px 10px;font-weight:450}#image-preview{object-fit:contain;width:100%;max-height:180px;background:#f3f5f7;border-radius:5px}progress{width:100%;height:5px;accent-color:var(--orange);margin:15px 0 8px}#image-status,#doc-status,#doc-received{font-size:12px;color:#617184;line-height:1.8;overflow-wrap:anywhere}.hint{font-size:11px;color:#9ba4b0;line-height:1.8;margin-top:11px}#doc-name{font-size:13px;line-height:1.8;color:#647183;overflow-wrap:anywhere;margin-bottom:14px}.drag-over{outline:2px dashed #f09855;outline-offset:-4px}.image-panel.drag-over{background:#fff6eb}
#control-alert,#takeover-panel{flex-shrink:0;margin:10px 16px 0;padding:10px 13px;border:1px solid #f3d6b5;background:#fff8ed;border-radius:6px;font-size:12px;line-height:1.7;color:#956229}#takeover-panel{display:flex;align-items:center;gap:12px}#takeover-panel p{flex:1}#takeover-panel button{font-size:12px}footer{display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 310px;font-size:9px;color:#98a2af;gap:15px}footer a{color:#68798d;text-decoration:none}#control-build{white-space:nowrap}.stage:fullscreen{margin:0;border-radius:0}.sidebar-collapsed main{grid-template-columns:66px minmax(0,1fr)}.sidebar-collapsed aside{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.icon-button>span[aria-hidden]{font-size:21px;margin:0}
@media(min-width:1700px){main{grid-template-columns:70px 246px minmax(0,1fr);padding-right:20px}.stage{margin-left:20px;margin-top:16px}.composer{flex-basis:200px}.toolbar{padding:16px 24px}.viewport{padding:20px 28px;gap:35px}.navigator{flex-basis:125px}#minimap-area{width:110px}}
@media(max-width:1150px){main{grid-template-columns:60px 195px minmax(0,1fr);padding-right:8px}.remote-tools{padding-left:3px;padding-right:3px}.tool{width:50px}aside{padding:18px 12px}.stage{margin-left:8px;margin-top:8px}.toolbar{padding:10px 12px;gap:7px}.quality-label>span,.zoom-label>span{display:none}.view-switch button{padding:6px 8px}.stage-heading h2{font-size:14px}.stage-heading strong{max-width:190px}.navigator{flex-basis:80px}#minimap-area{width:73px}.viewport{gap:10px;padding:12px}.composer-footer{padding-left:18px;padding-right:18px;gap:10px}.shortcut-hint{display:none}footer{padding-left:270px}}
@media(max-width:900px){main{grid-template-columns:58px minmax(0,1fr)}aside{display:none}body.sidebar-visible aside{display:block;position:absolute;z-index:12;left:58px;top:58px;bottom:24px;width:230px;box-shadow:8px 0 25px #23334a25}body.sidebar-collapsed main{grid-template-columns:58px minmax(0,1fr)}body.sidebar-collapsed aside{display:none}.header-note,.header-divider{display:none}.stage{margin-left:8px}.toolbar{flex-wrap:wrap}.stage-heading{flex-basis:calc(100% - 100px)}.view-switch{order:2}.zoom-label,.quality-label{order:3}.stage-heading strong{max-width:none}.navigator{flex-basis:70px}#minimap-area{width:64px}.composer{flex-basis:170px}#composer-status{font-size:10px}footer{padding-left:75px}.view-caption{padding-left:12px;padding-right:12px}#view-hint{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:560px){body{grid-template-rows:50px minmax(0,1fr) 20px}header{padding:0 12px}.brand-logo{width:30px;height:30px}h1{font-size:17px}.header-actions a{display:none}main,.sidebar-collapsed main{grid-template-columns:49px minmax(0,1fr);padding-right:4px}.remote-tools{padding-top:10px;gap:5px}.tool{width:43px;font-size:10px;padding:8px 1px}.tool span{font-size:22px}.stage{margin-left:4px;margin-top:4px;border-radius:5px}.toolbar{padding:9px;gap:7px}.toolbar .icon-button{font-size:19px;padding:5px}.view-switch button{font-size:11px;padding:5px}.quality-label select,.zoom-label select{font-size:11px;padding:5px}.viewport{padding:8px;gap:7px}.navigator{flex-basis:47px;gap:7px}#minimap-area{width:43px}.navigator>span,.navigator p{font-size:8px}.navigator button{font-size:8px;padding:5px 2px}.composer{flex-basis:170px}.composer-tools{padding:5px 7px;gap:3px}.compose-tool{padding:5px;font-size:20px}.compose-tool span{font-size:10px}.compose-separator{margin:0 1px}.composer-back span{display:none}#text{font-size:15px;padding-left:14px;padding-right:14px}.composer-footer{padding:7px 10px 11px;gap:7px}#composer-status{max-width:105px;white-space:normal;font-size:9px}#text-count{font-size:9px}.send-message{min-width:67px;font-size:12px;padding:8px 12px}.send-message span{margin-left:5px}.view-caption{font-size:8px;padding:5px 8px}#screen-resolution{display:none}footer{padding:0 8px 0 58px;font-size:8px}footer>span:last-of-type{display:none}.transfer-drawers{right:6px;top:104px;max-width:calc(100% - 12px)}.image-panel{padding:15px;max-height:calc(100dvh - 185px)}body.sidebar-visible aside{left:49px;top:50px;bottom:20px}}
@media(max-height:650px){body{grid-template-rows:48px minmax(0,1fr) 18px}.toolbar{min-height:54px;padding-top:8px;padding-bottom:8px}.composer{flex-basis:145px;min-height:125px}.composer-tools{height:35px}.composer-footer{padding-top:5px;padding-bottom:7px}.viewport{padding-top:8px;padding-bottom:8px}.navigator p{display:none}.navigator{gap:6px}#minimap-area{max-height:calc(100% - 65px)}.sidebar-tips{display:none}.tool{padding-top:6px;padding-bottom:6px}.remote-tools{gap:5px;padding-top:10px}.stage-heading h2{margin-bottom:2px}header .brand-logo{width:30px;height:30px}footer{font-size:8px}}

.transport-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;flex-shrink:0;padding:8px 18px;background:#f4f9f7;border-bottom:1px solid #dce8e1;font-size:12px}.transport-strip strong{color:#16724b}.transport-strip span{font-variant-numeric:tabular-nums}.transport-strip button{font-size:11px;padding:5px 9px;background:#fff;border:1px solid #d3ded8;border-radius:4px;color:#42544a}.transport-strip a{color:#44705a}.transport-strip small{width:100%;color:#718177;font-size:11px}

#file-route{font-size:12px;color:#b85b21}#file-policy-form{margin-bottom:20px}#doc-status,#image-status{overflow-wrap:anywhere}

.qr-pair:not([hidden]){position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:rgba(238,242,245,.96);overflow:auto;padding:20px}.stage{position:relative}.qr-pair-card{max-width:460px;width:100%;padding:24px;text-align:center;background:#fff;border-radius:12px;box-shadow:0 8px 32px #27394a20}.qr-pair-card h2{margin:0 0 8px;font-size:22px}.qr-pair-card p{color:#566678;margin:8px 0 14px}.qr-pair-card canvas{display:block;width:min(100%,360px);height:auto;margin:auto;image-rendering:pixelated}.qr-pair-card #qr-status{min-height:24px;color:#d95a0b}.qr-pair-card .hint{font-size:12px;color:#8a96a2}
.stage:fullscreen,.stage:-webkit-full-screen,.stage.window-maximized{width:100vw;height:100dvh;margin:0;border:0;border-radius:0;max-width:none;max-height:none}.stage.window-maximized{position:fixed;inset:0;z-index:1000}.stage::backdrop{background:#edf0f3}.transport-strip{margin:10px 0;gap:8px;padding:8px}.transport-strip small{overflow-wrap:anywhere}