:root{color:#334155;font-synthesis:none;--blue:#0ea5e9;--line:#cbd5e1;background:#f1f5f9;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;padding:36px 20px}[hidden]{display:none!important}.tool{border:1px solid var(--line);background:#fff;border-radius:8px;width:800px;max-width:100%;margin:0 auto;overflow:hidden;box-shadow:0 10px 30px #0f172a0c}.tool-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:83px;padding:16px 24px;display:flex}.logo{object-fit:contain;width:auto;max-width:55%;height:48px}.state{white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.state:before{content:"";background:#ef4444;border-radius:50%;flex-shrink:0;width:12px;height:12px}.state.connected:before{background:#22c55e}.tool-body{min-height:480px;display:flex}.sidebar{border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:192px;display:flex}button,select,input{font:inherit}button{cursor:pointer;border:0;font-size:14px;transition:background .15s}button:disabled{opacity:.45;cursor:not-allowed}.nav-item{text-align:left;color:#64748b;background:#fff;border-left:4px solid #0000;width:100%;padding:14px 24px;font-weight:500;display:block}.nav-item:hover{background:#f1f5f9}.nav-item.active{border-left-color:var(--blue);color:#0284c7;background:#f0f9ff;font-weight:700}.connection{flex-direction:column;gap:10px;margin-top:auto;padding:24px 16px;display:flex}.connection p{color:#64748b;overflow-wrap:anywhere;margin:0 0 4px;font-size:12px;line-height:1.6}.primary{background:var(--blue);color:#fff;border-radius:6px;padding:9px 16px;font-weight:500;box-shadow:0 3px 7px #0f172a12}.primary:hover:not(:disabled){background:#0284c7}.secondary{color:#64748b;border:1px solid var(--line);background:#fff;border-radius:6px;padding:8px 16px}.edition{letter-spacing:1px;color:#94a3b8;text-align:center;margin-top:12px;font-size:9px}.workspace{flex:1;min-width:0;padding:24px}h1{margin:0 0 16px;font-size:20px;font-weight:700;line-height:1.4}h2{margin:0 0 12px;font-size:14px}fieldset{border:0;min-width:0;margin:0;padding:0}fieldset:disabled{opacity:.5}.mouse-diagram{width:100%;height:192px;margin:0 0 18px;position:relative}.diagram{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.button-control{width:149px;position:absolute}.button-control label{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}select{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:5px;max-width:100%;padding:7px 8px;font-size:12px;font-weight:700}.button-control select{text-align:center;border:3px solid #1c283a;border-radius:22px;width:100%;height:32px;padding:3px 8px;font-size:12px}.left-control{top:18%;left:9%}.right-control{top:18%;right:9%}.middle-control{top:68%;left:50%;transform:translate(-50%)}.setting-row{align-items:center;gap:16px;margin:16px 0;display:flex}.setting-row label{font-size:13px;font-weight:700}.slider-wrap{width:200px;max-width:100%}input[type=range]{accent-color:#0ea5e9;cursor:pointer;width:100%;margin:0}input:disabled{cursor:not-allowed}.ticks{color:#64748b;justify-content:space-between;margin-top:5px;font-size:10px;font-weight:700;display:flex}output{color:#64748b;white-space:nowrap;font-size:11px}.os-row{margin-top:22px}.os-row select{min-width:130px}.save-actions{align-items:center;gap:8px;margin-top:28px;display:flex}.save-actions span{color:#64748b;margin-left:6px;font-size:11px}.hint{color:#64748b;margin:14px 0;font-size:11px;line-height:1.7}.message{color:#0369a1;overflow-wrap:anywhere;background:#f0f9ff;border-radius:4px;margin-top:20px;padding:10px 12px;font-size:12px;line-height:1.6}.message.error{color:#b91c1c;background:#fee2e2}.message.success{color:#15803d;background:#dcfce7}.diagnostics{color:#64748b;margin-top:16px;font-size:11px}.diagnostics summary{cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto}.about-intro{align-items:flex-start;gap:16px;display:flex}.about-intro p{text-align:left;color:#475569;margin:0;font-size:13px;line-height:1.6}.about-intro img{border-radius:4px;width:45%}.device-info{background:#f1f5f9;border-radius:8px;margin:20px 0;padding:16px}dl{grid-template-columns:1fr 1.4fr;gap:10px;margin:0;font-size:12px;display:grid}dt{color:#64748b}dd{margin:0}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #38bdf8}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=700px){body{padding:12px}.tool-header{gap:12px;padding:16px}.logo{height:34px}.state{font-size:11px}.tool-body{flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%}nav{display:flex}.nav-item{flex:1;width:auto;padding:12px 16px}.connection{flex-flow:wrap;align-items:center;gap:8px;padding:12px 16px}.connection p{width:100%;margin:0}.edition{display:none}.workspace{padding:20px 16px}.mouse-diagram{height:auto;margin-bottom:20px;padding-top:38%}.button-control{width:31%}.button-control select{border-width:2px;height:28px;padding:2px;font-size:10px}.left-control{top:15%;left:8%}.right-control{top:15%;right:8%}.middle-control{width:33%;top:65%}.setting-row{gap:10px}.slider-wrap{flex:1;min-width:0}.dpi-row output{display:none}.save-actions{flex-wrap:wrap}.about-intro{flex-direction:column}.about-intro img{width:80%;max-width:300px}}.os-gate{border:1px solid var(--line);text-align:center;background:#fff;border-radius:10px;max-width:640px;margin:60px auto;padding:48px 36px;box-shadow:0 10px 30px #0f172a0c}.gate-logo{width:220px;max-width:80%;margin-bottom:32px}.os-gate h1{margin:0 0 32px;font-size:22px;line-height:1.5}.os-actions{justify-content:center;gap:12px;display:flex}.os-actions button{min-width:120px;padding:12px 24px}.os-actions .secondary:hover{background:#f0f9ff}@media (width<=550px){.os-gate{margin:24px auto;padding:32px 18px}.os-gate h1{font-size:20px}.gate-logo{width:190px}.os-actions{flex-direction:column}.os-actions button{width:100%}}.file-label{margin:24px 0 10px;font-size:13px;font-weight:600;display:block}#fw-file{max-width:100%;font-size:12px}#fw-info dd{overflow-wrap:anywhere}#fw-steps ol{padding-left:20px;font-size:13px;line-height:1.8}#fw-steps li{margin:10px 0}.message:empty{display:none}.file-selected{border:1px solid var(--line);overflow-wrap:anywhere;background:#f1f5f9;border-radius:4px;margin:24px 0 0;padding:8px 12px;font-size:13px}.workspace{flex-direction:column;display:flex}.status-footer{margin-top:auto;padding-top:24px}.status-footer .message{margin:0;padding:14px 16px}.status-footer .message+.message:not(:empty){margin-top:8px}.workspace:has(#firmware[hidden]) #fw-status{display:none}.firmware-dialog{border:1px solid var(--line);color:#334155;border-radius:8px;width:360px;max-width:calc(100% - 32px);padding:24px}.firmware-dialog::backdrop{background:#0f172a66}.firmware-dialog label{margin:16px 0 8px;font-size:13px;display:block}#fw-versions{width:100%}#fw-dialog-status:empty{display:none}#fw-dialog-status{font-size:13px}.firmware-dialog .save-actions{justify-content:flex-end}.firmware-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:180px;padding:28px 16px;display:flex}.loading-spinner{border:5px solid #e0f2fe;border-top-color:var(--blue);border-radius:50%;width:52px;height:52px}.firmware-loading.running .loading-spinner{animation:.9s linear infinite firmware-spin}#fw-percent{font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}@keyframes firmware-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.firmware-loading.running .loading-spinner{animation:none}}.status-footer .save-actions{flex-wrap:wrap;margin:0 0 16px}:is(.workspace:has(#configuration[hidden]) .configuration-actions,.workspace:has(#firmware[hidden]) .firmware-actions){display:none}.status-footer .firmware-actions:not(:has(button:not([hidden]))){display:none}.os-icon{width:104px;height:104px;margin:0 auto 32px}.os-icon img{object-fit:contain;width:100%;height:100%}.os-gate h1{margin-bottom:24px}.state.processing:before{background:#eab308}.firmware-dialog p{font-size:13px;line-height:1.6}.firmware-processing #message{display:none}#fw-progress-notice{text-align:center;max-width:100%;margin:0 0 8px;font-size:13px;line-height:1.6}.firmware-loading:not(.running) #fw-progress-notice{display:none}.state{flex-shrink:0;justify-content:flex-start;width:120px}@media (width<=700px){.state{width:108px}}.firmware-latest{color:#15803d;margin:0 0 16px;font-size:13px;line-height:1.6}.firmware-processing #fw-version,.firmware-processing #fw-latest{display:none}#fw-warning{color:#b91c1c;align-items:flex-start;gap:10px;display:flex}#fw-warning .caution-icon{flex-shrink:0;width:22px;height:22px;margin-top:1px}.status-messages{min-height:64px}.status-footer .save-actions{min-height:38px}.workspace>section{min-height:320px}#change-os{justify-content:center;align-items:center;min-height:40px;display:flex}#change-os img{object-fit:contain;width:24px;height:24px}#change-os{transition:background-color .15s,border-color .15s}#change-os:hover:not(:disabled),#change-os:focus-visible:not(:disabled){background:#f0f9ff;border-color:#38bdf8}.dpi-row label{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.cursor-move-icon{color:#64748b;flex-shrink:0;width:32px;height:30px}.firmware-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.firmware-heading h1,.firmware-heading #fw-version{margin:0}.firmware-heading #fw-version{white-space:nowrap;font-size:12px}.firmware-guide{background:#f1f5f9;border-radius:8px;padding:16px;font-size:13px;line-height:1.6}.firmware-guide ul{margin:0;padding-left:20px}.firmware-guide li+li{margin-top:4px}.firmware-processing #fw-guide{display:none}.status-footer .save-actions{margin:16px 0 0}.status-messages{flex-direction:column;justify-content:flex-end;display:flex}#fw-dialog:has(#fw-versions[hidden]) label[for=fw-versions]{display:none}.update-radar{vertical-align:super;background:#ef4444;border-radius:50%;width:8px;height:8px;margin-left:5px;display:inline-block;position:relative;top:-2px}.update-radar:before,.update-radar:after{content:"";border:1px solid #ef4444;border-radius:50%;animation:1.8s ease-out infinite update-radar;position:absolute;inset:0}.update-radar:after{animation-delay:.9s}@keyframes update-radar{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}@media (prefers-reduced-motion:reduce){.update-radar:before,.update-radar:after{animation:none;display:none}}#fw-update:not(:disabled):not([hidden]){animation:2s ease-in-out infinite latest-update-shake}@keyframes latest-update-shake{0%,84%,to{transform:translate(0)}87%,93%{transform:translate(-3px)}90%,96%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){#fw-update:not(:disabled):not([hidden]){animation:none}}#fw-update:not(:disabled):not([hidden]):hover,#fw-update:not(:disabled):not([hidden]):focus-visible{animation:none;transform:none}.tool-header{padding-inline:12px}.button-control select{appearance:none;padding-right:32px}.function-os-icon{object-fit:contain;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.message.warning{color:#92400e;background:#fef3c7}@media (width<=700px){.button-control select{padding-right:22px}.function-os-icon{width:12px;height:12px;right:6px}}.function-os-indicator{pointer-events:none;align-items:center;gap:3px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.function-os-origin{align-items:center;gap:3px;font-size:12px;display:flex}.function-os-indicator .function-os-icon,.function-os-source{object-fit:contain;width:14px;height:14px;position:static;transform:none}.button-control.os-changing select{padding-right:62px}@media (width<=700px){.function-os-indicator{gap:2px;right:6px}.function-os-origin{gap:2px;font-size:10px}.function-os-indicator .function-os-icon,.function-os-source{width:11px;height:11px}.button-control.os-changing select{padding-right:48px}}body.compatibility-mode{place-items:center;min-height:100svh;padding:24px;display:grid}.compatibility-page{width:100%;max-width:560px}.compatibility-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:16px;padding:40px 36px 36px;box-shadow:0 8px 32px #0f172a06}.compatibility-logo{width:200px;max-width:75%;height:auto;margin:0 auto 38px;display:block}.compatibility-symbol{color:#0284c7;background:#f0f9ff;border-radius:24px;place-items:center;width:88px;height:88px;margin:0 auto 24px;display:grid}.compatibility-symbol svg{width:58px;height:58px}.compatibility-card h1{margin:0 0 14px;font-size:25px;line-height:1.3}.compatibility-card p{color:#64748b;max-width:410px;margin:0 auto;font-size:15px;line-height:1.75}.compatibility-browsers{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.compatibility-browsers span{color:#0369a1;background:#f0f9ff;border-radius:20px;padding:8px 14px;font-size:12px;font-weight:600}@media (width<=480px){body.compatibility-mode{padding:20px}.compatibility-card{border-radius:14px;padding:32px 22px}.compatibility-logo{width:180px;margin-bottom:32px}.compatibility-card h1{font-size:23px}.compatibility-card p{font-size:14px}.compatibility-browsers{gap:8px}.compatibility-browsers span{padding:8px 11px}}.compatibility-browsers a{color:#fff;background:#0284c7;border-radius:6px;padding:10px 14px;font-size:13px;font-weight:600;text-decoration:none}.compatibility-browsers a:hover{background:#0369a1}.compatibility-browsers a:focus-visible{outline-offset:3px;outline:3px solid #38bdf8}