:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--night:#061a22;--night-2:#0b2a31;--ink:#142b31;--muted:#667b80;--line:#dce7e4;--panel:#fffefa;--canvas:#f1f5f2;--mint:#56d8b2;--mint-dark:#167f6f;--mint-pale:#e7f7f1;--coral:#e96f54;--coral-pale:#fff0eb;--amber:#d89b3f;--amber-pale:#fff7e8;--red:#c94c45;--blue:#3d7f96;--shadow:0 16px 45px #07262a12;font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 8% 8%, #56d8b221, transparent 26rem), var(--canvas);margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}code,.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.appShell{min-height:100vh}.topbar{z-index:20;color:#f6fffc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#061a22f5;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:20px;min-height:74px;padding:13px max(22px,50vw - 740px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brandMark{width:42px;height:42px;color:var(--night);background:var(--mint);border-radius:13px;place-items:center;display:grid;box-shadow:0 0 0 6px #56d8b214}.brand strong{letter-spacing:.11em;font-size:14px;display:block}.brand strong span{color:var(--mint)}.brand small{color:#89adb2;letter-spacing:.04em;margin-top:3px;font-size:11px;display:block}.topActions{align-items:center;gap:9px;display:flex}.languageSelect{color:#b9d0d1;background:#ffffff0e;border:1px solid #ffffff21;border-radius:9px;align-items:center;gap:5px;height:32px;padding:0 8px;display:inline-flex}.languageSelect select{color:#d9e8e6;width:auto;height:28px;box-shadow:none;background:0 0;border:0;padding:0 18px 0 2px;font-size:10px;font-weight:750}.languageSelect option{color:var(--ink);background:#fff}button{min-height:38px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 13px;transition:border-color .16s,background .16s,transform .16s;display:inline-flex}button:not(:disabled):hover{border-color:#9bb9b3;transform:translateY(-1px)}.connectButton{color:#06221f;background:var(--mint);border-color:var(--mint);font-weight:750}.connectButton.large{min-height:42px;padding:0 18px}.disconnectButton{color:#f9d5cb;background:#e96f541f;border-color:#e96f5447}.iconButton{color:#d5e6e3;background:#ffffff0f;border-color:#ffffff1f;width:39px;padding:0}.iconButton.light{width:32px;min-height:32px;color:var(--muted);border-color:var(--line);background:#f7faf8}.secondaryButton{background:#f7faf8}.smallButton{min-height:32px;font-size:12px}.connectionPill{color:#b7c9cc;letter-spacing:.09em;border:1px solid #ffffff21;border-radius:999px;align-items:center;gap:7px;height:30px;padding:0 11px;font-size:10px;font-weight:850;display:flex}.connectionDot{background:#7e969a;border-radius:50%;width:7px;height:7px}.connectionPill.online{color:#a8f5dc;background:#56d8b214;border-color:#56d8b259}.connectionPill.online .connectionDot{background:var(--mint);box-shadow:0 0 0 4px #56d8b21f}.connectionPill.connecting .connectionDot,.connectionPill.subscribing .connectionDot,.connectionPill.reconnecting .connectionDot{background:var(--amber);animation:1.1s infinite pulse}.connectionPill.error .connectionDot{background:var(--red)}main{max-width:1480px;margin:0 auto;padding:22px}.hero{color:#f5fffc;background:radial-gradient(circle at 76% 33%,#56d8b233,#0000 18rem),linear-gradient(135deg,#061922,#0b2d34 74%,#103b3b);border:1px solid #56d8b22b;border-radius:24px;grid-template-columns:minmax(0,1fr) 330px;align-items:center;gap:44px;min-height:286px;margin-bottom:16px;padding:42px 48px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #061d2529}.hero:before{content:"";border:1px solid #56d8b23b;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-330px;right:-215px;box-shadow:0 0 0 55px #56d8b209,0 0 0 112px #56d8b206}.heroCopy,.deviceBeacon{z-index:1;position:relative}.eyebrow{color:var(--mint);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;font-weight:850;display:flex}.hero h1{letter-spacing:-.035em;max-width:900px;margin:18px 0 13px;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(34px,3.6vw,50px);font-weight:450;line-height:1.08}.hero h1 em{color:var(--mint);font-weight:450}.heroCopy>p{color:#a9c5c7;max-width:700px;margin:0;font-size:14px;line-height:1.7}.topicRail{gap:7px;margin-top:24px;display:grid}.topic{color:#d8efeb;background:#03121861;border:1px solid #bef0e51c;border-radius:9px;grid-template-columns:62px minmax(0,1fr) 30px;align-items:center;max-width:720px;min-height:34px;padding:4px 5px 4px 10px;display:grid}.topic>span{color:#7fa9ab;letter-spacing:.08em;align-items:center;gap:5px;font-size:10px;font-weight:750;display:flex}.topic code{text-overflow:ellipsis;font-size:12px;overflow:hidden}.topic button{color:#87acae;background:0 0;border-color:#0000;width:28px;min-height:26px;padding:0}.deviceBeacon{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#03141a80;border:1px solid #b5f3e629;border-radius:19px;min-height:196px;padding:24px}.signalRings{color:#6f9598;background:#ffffff0f;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:absolute;top:21px;right:21px;box-shadow:0 0 0 7px #ffffff06}.deviceBeacon.online .signalRings{color:#082821;background:var(--mint);box-shadow:0 0 0 8px #56d8b212,0 0 32px #56d8b247}.deviceBeacon>span{color:#759b9f;letter-spacing:.17em;text-transform:uppercase;font-size:9px;font-weight:850}.deviceBeacon>strong{letter-spacing:.08em;margin:29px 0 7px;font-family:SFMono-Regular,Consolas,monospace;font-size:30px;display:block}.deviceBeacon>small{color:#9cb9bc;text-overflow:ellipsis;white-space:nowrap;max-width:230px;display:block;overflow:hidden}.beaconMeta{color:#789da0;border-top:1px solid #ffffff14;justify-content:space-between;gap:12px;margin-top:22px;padding-top:15px;font-size:10px;display:flex}.beaconMeta>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.miniDot{background:var(--mint);border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.settingsPanel,.panel,.metric{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.settingsPanel{border-radius:17px;margin-bottom:16px;padding:24px}.sectionHeading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.sectionHeading span,.panelHead>div>span{color:var(--mint-dark);letter-spacing:.16em;font-size:9px;font-weight:850}.sectionHeading h2,.panelHead h2{margin:4px 0 0;font-family:Georgia,Noto Serif SC,serif;font-size:21px;font-weight:500}.sectionHeading p{max-width:560px;color:var(--muted);text-align:right;margin:0;font-size:12px}.settingsGrid{grid-template-columns:.7fr 1.4fr .7fr .7fr .9fr 1.7fr;gap:12px;display:grid}.settingsGrid .field:nth-child(7),.settingsGrid .field:nth-child(8){grid-column:span 3}.field{gap:6px;display:grid}.field>span{color:#576d71;font-size:11px;font-weight:700}.field>span small{color:#899b9d;margin-top:2px;font-size:8px;font-weight:500;display:block}input,select{width:100%;height:38px;color:var(--ink);background:#fff;border:1px solid #d8e4e1;border-radius:9px;outline:none;padding:0 10px}input:focus,select:focus{border-color:#5cbda9;box-shadow:0 0 0 3px #56d8b21f}.inputAction{grid-template-columns:1fr 38px;gap:6px;display:grid}.inputAction button{min-height:38px;padding:0}.settingsFoot{border-top:1px solid #edf2f0;justify-content:space-between;align-items:center;gap:18px;margin-top:17px;padding-top:17px;display:flex}.benchWarning{color:#94612c;align-items:center;gap:8px;font-size:11px;display:flex}.metricGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.metric{border-radius:14px;min-height:116px;padding:18px;position:relative;overflow:hidden}.metricIcon{color:#618186;background:#edf3f1;border-radius:10px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:15px;right:15px}.metric.ok .metricIcon{color:var(--mint-dark);background:var(--mint-pale)}.metric.warn .metricIcon{color:#9a6721;background:var(--amber-pale)}.metric.bad .metricIcon{color:var(--red);background:var(--coral-pale)}.metric>span{color:var(--muted);letter-spacing:.12em;font-size:10px;font-weight:850}.metric>strong{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 42px);margin-top:13px;font-size:19px;display:block;overflow:hidden}.metric>small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:10px;display:block;overflow:hidden}.workspace{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:14px;display:grid}.controlColumn,.monitorColumn{gap:14px;min-width:0;display:grid}.monitorColumn{position:sticky;top:89px}.panel{border-radius:15px;overflow:hidden}.panelHead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:15px 18px;display:flex}.panelHead.compact{min-height:56px}.plainTextOnly{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:flex}.writeToggle{color:#6c7f82;border:1px solid var(--line);cursor:pointer;background:#f3f6f5;border-radius:999px;align-items:center;gap:8px;min-height:32px;padding:0 11px;font-size:10px;font-weight:750;display:flex;position:relative}.writeToggle.enabled{color:#985442;background:var(--coral-pale);border-color:#f0b8a9}.writeToggle input{appearance:none;background:#9caeaa;border:0;border-radius:999px;width:20px;height:12px;padding:0}.writeToggle input:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;margin:2px;transition:transform .16s;display:block}.writeToggle input:checked{background:var(--coral)}.writeToggle input:checked:after{transform:translate(8px)}.lockActions{grid-template-columns:1.25fr 1.25fr .85fr .85fr;gap:10px;padding:14px;display:grid}.lockActions button{border-radius:13px;justify-content:flex-start;min-height:88px;padding:14px}.lockActions button>svg{flex:none;width:25px;height:25px}.lockActions button>span{text-align:left;gap:5px;display:grid}.lockActions strong{font-size:14px}.lockActions small{color:inherit;opacity:.72;font-size:9px}.unlockAction{color:#fff;background:var(--coral);border-color:var(--coral)}.lockAction{color:#fff;background:var(--night-2);border-color:var(--night-2)}.stopAction{color:#a34d3f;background:var(--coral-pale);border-color:#f4c6ba}.statusAction{color:var(--mint-dark);background:var(--mint-pale);border-color:#bfe8db}.commandGroups{padding:5px 14px 14px}.commandGroup{border-bottom:1px solid #edf2f0}.groupTitle{background:0 0;border:0;justify-content:space-between;width:100%;min-height:46px;padding:0 2px;font-size:12px;font-weight:800}.groupTitle:hover{transform:none!important}.commandGroup.open .groupTitle svg{transform:rotate(180deg)}.commandGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:2px 0 13px;display:grid}.commandCard{text-align:left;background:#fbfcfa;border-radius:11px;place-content:start stretch;gap:7px;min-height:95px;padding:12px;display:grid}.commandCard>span{justify-content:space-between;align-items:center;gap:6px;display:flex}.commandCard code{color:var(--mint-dark);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.commandCard i{color:#99533e;background:var(--coral-pale);border-radius:4px;padding:2px 5px;font-size:8px;font-style:normal}.commandCard strong{font-size:12px}.commandCard small{color:var(--muted);font-size:9px;line-height:1.45}.toolGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;display:grid}.toolCard{background:#fbfcfa;border:1px solid #e3ebe8;border-radius:12px;min-width:0;padding:14px}.toolCard.danger{background:#fff9f7;border-color:#f0d2c9}.toolTitle{align-items:center;gap:10px;margin-bottom:12px;display:flex}.toolTitle>div{width:34px;height:34px;color:var(--mint-dark);background:var(--mint-pale);border-radius:9px;flex:none;place-items:center;display:grid}.toolCard.danger .toolTitle>div{color:var(--red);background:var(--coral-pale)}.toolTitle svg{width:17px}.toolTitle span{min-width:0}.toolTitle strong,.toolTitle small{display:block}.toolTitle strong{font-size:12px}.toolTitle small{color:var(--muted);margin-top:3px;font-size:9px}.inlineFields{gap:6px;display:flex}.inlineFields input,.inlineFields select,.inlineFields button{min-width:0;height:34px;min-height:34px;font-size:10px}.inlineFields select{max-width:87px}.wideInput input{flex:1}.stackFields{grid-template-columns:1fr auto;gap:6px;display:grid}.stackFields input,.stackFields button{height:34px;min-height:34px;font-size:10px}.toolHint{color:var(--muted);margin-top:8px;font-size:8.5px;line-height:1.45;display:block}.textDanger{min-height:auto;color:var(--red);background:0 0;border:0;margin-top:7px;padding:0;font-size:9px}.fullWidth{width:100%}.dangerButton{color:#fff;background:var(--red);border-color:var(--red)}.byteCount{color:var(--muted);font-family:monospace;font-size:10px}.byteCount.bad{color:var(--red)}.rawForm{grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:14px;display:grid}.rawForm>svg{color:var(--mint-dark)}.sendButton{color:#fff;background:var(--mint-dark);border-color:var(--mint-dark)}.replyMeta{color:var(--muted);border-bottom:1px solid var(--line);background:#f7faf8;justify-content:space-between;gap:12px;padding:10px 13px;font-size:9px;display:flex}.replyMeta code{color:var(--mint-dark)}.replyBody{color:#cbe0dd;background:#071c24;max-height:390px;padding:12px;font:10px/1.55 SFMono-Regular,Consolas,monospace;overflow:auto}.replyBody div{overflow-wrap:anywhere;border-bottom:1px solid #ffffff0e;padding:5px 4px}.replyBody div:before{content:"›";color:var(--mint);margin-right:7px}.replyBody.hasError{color:#ffd4ca}.stateList{padding:6px 13px 12px}.stateRow{border-bottom:1px solid #edf2f0;grid-template-columns:27px 52px minmax(0,1fr);align-items:center;gap:6px;min-height:41px;display:grid}.stateRow>div{width:25px;height:25px;color:var(--mint-dark);background:var(--mint-pale);border-radius:7px;place-items:center;display:grid}.stateRow svg{width:13px}.stateRow span{color:var(--muted);font-size:9px}.stateRow strong{text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.eventList{max-height:420px;padding:4px 12px 12px;overflow:auto}.eventRow{border-bottom:1px solid #edf2f0;grid-template-columns:29px minmax(0,1fr);gap:8px;padding:10px 0;display:grid}.eventIcon{width:27px;height:27px;color:var(--blue);background:#edf5f7;border-radius:8px;place-items:center;display:grid}.eventIcon svg{width:14px}.eventRow.tx .eventIcon{color:#a76624;background:var(--amber-pale)}.eventRow.rx .eventIcon{color:var(--mint-dark);background:var(--mint-pale)}.eventRow.error .eventIcon{color:var(--red);background:var(--coral-pale)}.eventTitle{justify-content:space-between;gap:8px;display:flex}.eventTitle strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.eventTitle time{color:#91a2a4;white-space:nowrap;font-size:8px}.eventRow code{color:var(--blue);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:8px;display:block;overflow:hidden}.eventRow p{color:var(--muted);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:4px 0 0;font-size:9px;line-height:1.45;display:-webkit-box;overflow:hidden}.emptyState{color:var(--muted);text-align:center;place-items:center;padding:38px 24px;display:grid}.emptyState>div{width:42px;height:42px;color:var(--mint-dark);background:var(--mint-pale);border-radius:12px;place-items:center;margin-bottom:10px;display:grid}.emptyState strong{color:var(--ink);font-size:11px}.emptyState p{max-width:230px;margin:6px 0 0;font-size:9px;line-height:1.5}footer{color:#7d9295;justify-content:space-between;gap:20px;max-width:1480px;margin:0 auto;padding:22px;font-size:9px;display:flex}.notice{z-index:40;color:#dff8f1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#061a22f0;border:1px solid #56d8b240;border-radius:999px;align-items:center;gap:8px;max-width:min(680px,100vw - 30px);min-height:38px;padding:0 15px;font-size:10px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 14px 35px #0519202e}.notice.error{color:#ffe1d8;border-color:#e96f5466}.spin{animation:1s linear infinite spin}.modalBackdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04141aa3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirmModal{background:#fffefa;border:1px solid #ecd8d1;border-radius:18px;width:min(440px,100%);padding:25px;box-shadow:0 30px 90px #0314194d}.modalIcon{width:46px;height:46px;color:var(--red);background:var(--coral-pale);border-radius:13px;place-items:center;display:grid}.confirmModal h2{margin:16px 0 8px;font-family:Georgia,Noto Serif SC,serif;font-size:22px;font-weight:500}.confirmModal>p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.commandPreview{color:#cce1dd;background:var(--night);border-radius:9px;align-items:center;gap:9px;margin:17px 0;padding:11px;display:flex}.commandPreview code{font-size:11px}.confirmField{gap:7px;margin:15px 0;display:grid}.confirmField span{color:var(--muted);font-size:10px}.confirmField input{letter-spacing:.15em;text-transform:uppercase;font-family:monospace}.modalActions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35}}@media (width<=1180px){.workspace{grid-template-columns:1fr}.monitorColumn{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.eventPanel{grid-column:1/-1}.settingsGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.settingsGrid .field:nth-child(7),.settingsGrid .field:nth-child(8){grid-column:span 2}}@media (width<=820px){.hero{grid-template-columns:1fr;padding:34px 28px}.deviceBeacon{min-height:176px}.metricGrid,.settingsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.settingsGrid .field:nth-child(7),.settingsGrid .field:nth-child(8){grid-column:auto}.commandGrid,.lockActions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=580px){.topbar{flex-direction:column;align-items:flex-start;position:static}.topActions{flex-wrap:wrap;width:100%}.languageSelect{order:-1}.connectionPill{margin-right:auto}main{padding:11px}.hero{border-radius:17px;padding:29px 18px}.hero h1{font-size:34px}.topic{grid-template-columns:52px minmax(0,1fr) 28px}.sectionHeading{flex-direction:column;align-items:flex-start}.sectionHeading p{text-align:left}.settingsGrid,.metricGrid,.toolGrid,.commandGrid,.monitorColumn{grid-template-columns:1fr}.eventPanel{grid-column:auto}.settingsFoot{flex-direction:column;align-items:stretch}.settingsFoot button{width:100%}.panelHead{align-items:flex-start}.writeToggle{max-width:160px}.lockActions{grid-template-columns:1fr 1fr}.lockActions button{min-height:80px}.rawForm{grid-template-columns:22px 1fr}.rawForm button{grid-column:1/-1}footer{flex-direction:column}}