:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#19252d;background:#f1f4f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{min-height:36px;border:0;border-radius:5px;padding:0 13px;background:#156c63;color:white;font-size:13px;font-weight:600;cursor:pointer}button:hover{background:#0c5851}button:disabled{opacity:.46;cursor:not-allowed}.secondary{background:#e0e9e8;color:#24403d}.secondary:hover{background:#cfddda}.quiet{background:transparent;color:#415c66}.quiet:hover{background:#e0e7e9}header{height:60px;display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid #d6dee1;background:white}header strong{font-size:17px}header span{color:#687985;font-size:13px}header button{margin-left:auto}.login-panel{width:min(380px,calc(100% - 32px));margin:72px auto}.login-panel h1{font-size:24px;margin:0 0 24px}.login-panel form{display:grid;gap:10px}.login-panel label{font-size:13px;font-weight:600}.login-panel input{height:40px;border:1px solid #abb9c0;border-radius:5px;padding:0 11px;background:white}.login-panel p{color:#aa3b31;font-size:13px}.workspace{display:grid;grid-template-columns:260px minmax(0,1fr);height:calc(100vh - 60px);min-height:460px}.workspace[hidden],.login-panel[hidden]{display:none}aside{background:#fff;border-right:1px solid #d6dee1;overflow:auto}.aside-head{display:flex;align-items:baseline;justify-content:space-between;padding:21px 17px 15px;border-bottom:1px solid #e7ecee}.aside-head h2{font-size:15px;margin:0}.aside-head span{font-size:12px;color:#667781}.devices{padding:8px}.device{width:100%;text-align:left;display:grid;gap:4px;padding:12px 11px;border:1px solid transparent;background:transparent;color:#1e2b32;border-radius:5px;margin-bottom:3px}.device:hover{background:#eef3f3}.device.active{border-color:#88b8b0;background:#e9f3f1}.device:disabled{opacity:.5}.device strong{font-size:14px}.device small{font-size:12px;color:#657983}.empty-list{padding:16px 10px;color:#667781;font-size:13px}.viewer{display:flex;flex-direction:column;min-width:0;padding:20px 24px 16px}.toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.toolbar h1{font-size:20px;margin:0 0 3px}.toolbar p{font-size:13px;color:#657781;margin:0}.tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tools label{font-size:12px;color:#50616a}.tools select{height:36px;min-width:120px;border:1px solid #bdc9ce;background:white;border-radius:5px;padding:0 9px;font-size:13px}.screen{position:relative;display:grid;place-items:center;flex:1;min-height:0;background:#11191c;border-radius:5px;overflow:hidden;color:#b4c2c8;font-size:14px}.screen img{max-width:100%;max-height:100%;object-fit:contain}.screen img[hidden]{display:none}.screen #placeholder{position:absolute;text-align:center;padding:20px}.audio-state{display:flex;gap:22px;padding-top:12px;color:#60747c;font-size:12px}@media(max-width:760px){.workspace{grid-template-columns:1fr;height:auto}.workspace aside{max-height:180px;border-right:0;border-bottom:1px solid #d6dee1}.viewer{padding:16px;min-height:calc(100vh - 240px)}.toolbar{display:block}.tools{margin-top:12px}.screen{min-height:260px;aspect-ratio:4/3}.audio-state{flex-wrap:wrap;gap:8px 20px}}
:is(.tools) .audio-toggle{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;cursor:pointer}.audio-toggle input{accent-color:#156c63;margin:0}
:is(.devices) .device-row{display:flex;align-items:stretch;gap:4px;margin-bottom:3px}.device-row .device{min-width:0;flex:1;margin-bottom:0}.device-row .update-device{align-self:center;min-width:48px;padding:0 8px}.device-row .device strong,.device-row .device small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.device-menu{align-self:center}.device-menu summary{display:grid;place-items:center;width:32px;height:36px;cursor:pointer;list-style:none;border-radius:5px;color:#415c66;font-size:23px}.device-menu summary::-webkit-details-marker{display:none}.device-menu summary:hover{background:#e0e7e9}.device-actions{position:fixed;z-index:20;width:126px;padding:4px;background:white;border:1px solid #cbd7da;box-shadow:0 5px 15px #0002;border-radius:5px}.device-actions button{display:block;width:100%;text-align:left;padding:0 9px;background:white;color:#243940;font-weight:400}.device-actions button:hover{background:#eef3f3}.device-actions button:disabled{opacity:.4}#remark-dialog{width:min(360px,calc(100% - 32px));border:1px solid #cbd7da;border-radius:6px;padding:22px;background:white;color:#19252d;box-shadow:0 14px 40px #0003}#remark-dialog::backdrop{background:#14252a66}#remark-form{display:grid;gap:12px}#remark-form h2{font-size:18px;margin:0 0 4px}#remark-form label{font-size:13px}#remark-input{height:38px;border:1px solid #abb9c0;border-radius:5px;padding:0 10px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
@media(max-width:800px){.workspace{display:block;height:calc(100dvh - 60px);min-height:0}.workspace aside{height:100%;max-height:none;border:0;overflow:auto}.workspace:not(.has-selection) .viewer{display:none}.workspace.has-selection aside{display:none}.workspace .viewer{height:100%;min-height:0;padding:16px}.workspace .screen{min-height:220px;aspect-ratio:auto}.workspace .toolbar{margin-bottom:12px}.workspace .audio-state{padding-top:8px}}
.monitor-tabs{display:flex;gap:2px;align-items:flex-end;min-height:39px;margin-bottom:12px;border-bottom:1px solid #cbd7da;overflow-x:auto;white-space:nowrap}.monitor-tabs[hidden]{display:none}.monitor-tab{flex:none;min-height:38px;padding:0 15px;border-radius:0;border-bottom:2px solid transparent;background:transparent;color:#50616a;font-weight:500}.monitor-tab:hover{background:#e8eeee;color:#24403d}.monitor-tab[aria-selected="true"]{border-bottom-color:#156c63;color:#125c55;font-weight:700}.monitor-tab:focus-visible{outline:2px solid #156c63;outline-offset:-3px}
.login-methods{display:grid;gap:15px}.login-methods>button,.login-methods #wechat-start{width:100%}.login-methods form{padding-top:14px;border-top:1px solid #d6dee1}#wechat-challenge{text-align:center;padding:12px 0}#wechat-challenge img{display:block;width:180px;height:180px;object-fit:contain;margin:0 auto}#wechat-challenge p{font-size:13px;color:#415c66}#wechat-code{display:block;font-size:26px;letter-spacing:3px;color:#19252d}#auth-settings{margin-left:auto}#logout{margin-left:0}#auth-dialog{width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #cbd7da;border-radius:6px;padding:22px;background:white;color:#19252d;box-shadow:0 14px 40px #0003}#auth-dialog::backdrop{background:#14252a66}#auth-dialog h2{font-size:18px;margin:0 0 18px}#auth-dialog h3{font-size:14px;margin:20px 0 8px}#auth-dialog p{font-size:12px;color:#60747c}#wechat-request-list{display:grid;gap:8px}.wechat-request{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #e4e9eb}.wechat-request span{font-size:12px;overflow-wrap:anywhere}.wechat-request button{flex:none}
#login[hidden],#wechat-login[hidden],#wechat-challenge[hidden],#wechat-approve-with-password[hidden]{display:none}
.security-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.security-toggle input{width:18px;height:18px;accent-color:#156c63;cursor:pointer}
.wechat-config{margin-top:22px;border-top:1px solid #e4e9eb}.wechat-config h3{margin:18px 0 12px!important}.wechat-config label{display:block;margin:14px 0 6px;font-size:13px;font-weight:600}.wechat-config .copy-row{display:flex;align-items:center;gap:8px;min-width:0}.wechat-config .copy-row input{height:38px;min-width:0;flex:1;border:1px solid #abb9c0;border-radius:5px;padding:0 9px;background:#fff;color:#19252d;font-size:13px}.wechat-config .copy-row input[type=file]{padding:6px}.wechat-config .copy-row button{flex:none}.wechat-config .config-state{display:block;margin-top:6px;font-size:12px;color:#60747c}.wechat-config #wechat-qr-preview{display:block;width:150px;height:150px;object-fit:contain;margin-top:10px}.wechat-config #wechat-qr-preview[hidden]{display:none}
.wechat-config .field-heading{display:flex;align-items:center;justify-content:space-between}.wechat-config .field-heading button{min-height:28px;padding:0 6px}
#wechat-verify-challenge{text-align:center;padding:12px 0}#wechat-verify-challenge[hidden]{display:none}#wechat-verify-qr{display:block;width:150px;height:150px;object-fit:contain;margin:0 auto}#wechat-verify-code{display:block;font-size:26px;color:#19252d}
#wechat-crypto-form>input{width:100%;height:38px;border:1px solid #abb9c0;border-radius:5px;padding:0 9px;background:#fff;color:#19252d;font-size:13px}
.auth-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.auth-dialog-heading h2{margin:0!important}.wechat-config{margin-top:0;border-top:0}#wechat-authorization[hidden],#wechat-configuration[hidden],#wechat-settings-toggle[hidden],#wechat-crypto-form[hidden]{display:none}#wechat-authorization h3{font-size:14px;margin:0 0 8px}#wechat-authorization p{font-size:12px;color:#60747c}#wechat-mode-form select{height:38px;min-width:0;flex:1;border:1px solid #abb9c0;border-radius:5px;padding:0 9px;background:#fff;color:#19252d}
#download-agent{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 10px;border-radius:5px;color:#415c66;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}#download-agent:hover{background:#e0e7e9}#download-agent[hidden]{display:none}@media(max-width:600px){header{gap:4px;padding:0 10px}header strong{font-size:14px}header span{display:none}header button,#download-agent{padding:0 6px;font-size:12px}}
.screen video{max-width:100%;max-height:100%;object-fit:contain}.screen video[hidden]{display:none}