:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#17243b;background:#f5f7fb;font-synthesis:none;--blue:#2458e6;--muted:#52647e;--line:#dce3ee;--green:#146c45;--red:#b42332}*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.55}button,input,select{font:inherit}button,a,select,summary{touch-action:manipulation}button,summary{cursor:pointer}button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:10px 17px;border:1px solid transparent;border-radius:9px;font-weight:600;transition:background .16s,color .16s,border-color .16s}button svg{width:18px;height:18px}button:disabled{opacity:.5;cursor:not-allowed}button:not(:disabled):active{filter:brightness(.95)}:focus-visible{outline:3px solid #3977f3;outline-offset:3px}.primary{background:var(--blue);color:#fff}.primary:hover:not(:disabled){background:#1746c9}.secondary{background:#fff;color:#314765;border-color:#cbd5e5}.secondary:hover:not(:disabled){background:#eef3fd;border-color:#91a9d6}.text-button{color:var(--muted);background:transparent;padding:8px;min-height:40px}.wide{width:100%}.compact{font-size:14px}.topbar{padding:22px max(28px,calc((100vw - 1240px)/2));background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;display:flex;gap:13px;align-items:center;color:#17243b;font-size:24px;font-weight:750}.brand small{display:block;font-size:12px;font-weight:400;color:var(--muted);letter-spacing:2px}.logo{width:49px;height:49px;border-radius:13px;display:grid;place-items:center;color:#fff;background:var(--blue)}.logo svg{width:28px;height:28px}.web-label{color:var(--muted);font-size:12px;letter-spacing:1.4px}.web-label span{background:#eef3fe;border-radius:5px;padding:4px 7px;margin-left:7px;color:var(--blue)}main{max-width:1240px;padding:40px 28px 20px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:24px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--blue)}h1{font-size:30px;letter-spacing:-.6px;line-height:1.3;margin:10px 0}p{color:var(--muted);margin:0}.privacy{display:flex;align-items:center;gap:8px;color:var(--green);font-size:13px;white-space:nowrap}.privacy svg{width:18px}.layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px}aside,.content{display:flex;flex-direction:column;gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 2px 3px #20305003}h2{font-size:17px;margin:0;display:flex;align-items:center;gap:10px}h2 svg,.section-label svg{width:20px;height:20px;color:var(--blue)}.section-label{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px}.connection h2{font-size:16px;word-break:break-all;display:block}.connection>p{font-size:13px;margin:6px 0 12px}.device-visual{background:#eef3ff;border:1px solid #dce6fd;border-radius:19px;width:76px;height:76px;margin:24px 0 18px;display:grid;place-items:center;color:var(--blue)}.device-visual svg{width:36px;height:36px}.badge{display:inline-flex;align-items:center;border-radius:30px;font-size:12px;padding:5px 10px;background:#f0f3f8;color:#52647e;border:1px solid #e2e7f0;white-space:nowrap}.online{color:var(--green);background:#edf8f2;border-color:#cce5d8}.connection>.primary{margin-top:24px}.connection .field{margin-top:18px}.field label,.setting>label{display:block;font-size:13px;font-weight:650;margin-bottom:8px}.field small{display:block;margin-top:6px;color:var(--muted);font-size:12px}select{width:100%;min-height:45px;padding:9px 32px 9px 12px;border:1px solid #becbdf;border-radius:8px;background:#fff;color:#243851}dl{margin:20px 0;font-size:12px}dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #edf0f6}dt{color:var(--muted)}dd{margin:0;text-align:right;font-family:Consolas,monospace;font-size:12px;overflow-wrap:anywhere}.help h2{font-size:15px}.help ol{padding-left:20px;color:var(--muted);font-size:13px;margin:15px 0}.help li+li{margin-top:10px}.help p{font-size:12px;line-height:1.8}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.link-state{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted)}.link-state>span:last-child{display:flex;gap:9px;align-items:center}.link-state svg{width:14px;height:14px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:24px 0 20px}.metrics span{font-size:12px;color:var(--muted)}.metrics strong{display:block;font-family:Consolas,Segoe UI,monospace;font-size:23px;font-weight:500;letter-spacing:-.6px;margin:6px 0;overflow-wrap:anywhere}.metrics small{font-size:11px;color:var(--muted)}.status-footer{border-top:1px solid #edf0f6;padding-top:14px;display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.checkbox{display:flex;align-items:center;gap:7px}.checkbox input{width:16px;height:16px;accent-color:var(--blue)}fieldset{border:0;margin:0;padding:0;min-width:0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.setting p{font-size:12px;line-height:1.8;margin:12px 0 18px;min-height:44px}.save-bar{border-top:1px solid #edf0f6;padding-top:20px;margin-top:25px;display:flex;justify-content:space-between;align-items:center;gap:18px}.save-bar strong{font-size:13px;font-weight:600}.save-bar p{font-size:12px;margin-top:5px}.save-bar button{white-space:nowrap}.hint{font-size:12px;line-height:1.8}.binding{display:flex;gap:12px;align-items:flex-end;margin-top:20px}.binding .field{flex:1;min-width:0}.binding button{white-space:nowrap}.binding-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;color:var(--muted);font-size:12px}.danger{color:var(--red)!important}.diagnostics summary{font-weight:650;font-size:14px;min-height:24px}.diagnostics dl{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px}.diagnostics .hint{margin-top:16px}.message{display:flex;align-items:center;gap:12px;border-radius:10px;padding:14px 18px;margin-bottom:20px;border:1px solid}.message>svg{width:20px;height:20px;flex-shrink:0}.message .text-button{margin-left:auto}.message p{font-size:13px;margin-top:4px;color:inherit}.success{color:var(--green);background:#edf8f2;border-color:#cce5d8}.error{color:var(--red);background:#fff2f3;border-color:#f0cbd0}.warning{color:#77500a;background:#fff9ed;border-color:#eddfb7}footer{display:flex;justify-content:space-between;gap:12px;padding:28px 0 8px;color:var(--muted);font-size:11px}.skip{position:absolute;top:-100px;left:20px;background:#fff;z-index:9;padding:12px}.skip:focus{top:12px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1000px){.layout{grid-template-columns:260px minmax(0,1fr)}.metrics{grid-template-columns:1fr 1fr}.binding{flex-wrap:wrap}.binding .field{flex-basis:100%}.card{padding:20px}.settings-grid{gap:18px}}@media(max-width:760px){main{padding:26px 16px 16px}.topbar{padding:16px 20px}.brand{font-size:21px}.heading{align-items:flex-start;flex-direction:column;gap:12px}h1{font-size:25px}.layout{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr}.device-visual{margin:16px 0}.help{display:none}.settings-grid{grid-template-columns:1fr}.save-bar,.card-heading,.status-footer{flex-wrap:wrap}.binding-footer{align-items:flex-start;flex-wrap:wrap}.web-label{font-size:10px}.diagnostics dl{grid-template-columns:1fr}footer{flex-wrap:wrap}.metrics strong{font-size:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.data-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}.data-controls>span{color:var(--muted);font:13px Consolas,monospace}.data-error{color:var(--red);font-size:13px;margin-top:12px}.log-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px;flex-wrap:wrap}.log-toolbar label,.send-controls>label{display:flex;align-items:center;gap:8px;font-size:13px}.log-toolbar select,.send-controls select{width:95px;min-height:40px}.log-toolbar>div{display:flex;gap:4px}.terminal-viewport{height:390px;min-height:180px;max-height:800px;resize:vertical;overflow:auto;background:#111d30;color:#d9e5f5;border-radius:9px;padding:16px;font:13px/1.8 Consolas,Cascadia Mono,monospace}.terminal-empty{display:grid;place-items:center;height:100%;color:#a2b5d0;text-align:center}.log-row{display:grid;grid-template-columns:76px 30px minmax(0,1fr);gap:10px;align-items:start}.log-row time{color:#a2b5d0}.log-direction{color:#80b9ff;font-weight:700}.log-direction.tx{color:#78ddab}.log-content{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.partial-label{font:10px Segoe UI,sans-serif;color:#b8c6dc;margin-left:12px;border:1px solid #41526e;border-radius:4px;padding:1px 4px;white-space:nowrap}.terminal-footnote{font-size:11px;color:var(--muted);margin-top:10px}.send-panel{margin-top:22px}.send-panel>label{display:block;font-weight:650;font-size:13px;margin-bottom:8px}.send-panel textarea{width:100%;resize:vertical;min-height:85px;max-height:300px;border:1px solid #becbdf;border-radius:8px;padding:12px;font:14px/1.6 Consolas,Microsoft YaHei,monospace;color:#243851}.send-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:12px}.send-controls>button{margin-left:auto}@media(max-width:760px){.terminal-viewport{padding:12px;font-size:12px}.log-row{grid-template-columns:65px 24px minmax(0,1fr);gap:6px}.send-controls{gap:12px}.send-controls>button{margin-left:0}.terminal-card{min-width:0}}