:root{--canvas:#f3f4f0;--paper:#fff;--ink:#23362e;--muted:#758078;--line:#e3e7df;--green:#487359;--lime:#d5f3a8;--amber:#986520;--error:#a74435;--mono:"Cascadia Code","SFMono-Regular",Consolas,monospace;--sans:"Bahnschrift","DIN Alternate","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.6}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.5}button,input,textarea,a{outline-offset:4px}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--green)}.hidden{display:none!important}.topbar{height:76px;background:#20332b;color:#edf4e9;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:4px solid var(--lime)}.brand{display:flex;align-items:center;gap:12px;font-size:19px;letter-spacing:1.8px;font-weight:700}.brand-symbol{background:var(--lime);color:#20332b;width:31px;height:31px;display:grid;place-items:center;font-size:25px;line-height:1}.brand-divider{color:#738879;font-weight:400;margin:0 4px}.brand-caption{font-size:12px;font-weight:400;letter-spacing:2px}.topbar-right{display:flex;align-items:center;gap:28px;font-size:12px}.topbar-right a{border-bottom:1px solid #718274;padding:3px 0}.environment{color:#bfd0b9;font-size:11px;letter-spacing:.5px}main{max-width:1480px;padding:36px 5vw 20px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:1.8px;color:var(--muted);margin:0 0 6px;font-weight:500}h1{font-size:32px;line-height:1.4;letter-spacing:-1px;font-weight:600;margin:0}.title-dot{color:#78a34f;margin-left:5px}.subtitle{color:var(--muted);margin:7px 0 0;font-size:13px}.connection-indicator{display:flex;align-items:center;gap:9px;border:1px solid #dbe3d5;background:#eaf0e3;padding:8px 13px;font-size:12px;border-radius:3px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#80a268;margin-right:5px}.status-dot.muted{background:#9da59c}.status-dot.failed{background:var(--error)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d7dfd2;border-bottom:1px solid #d7dfd2;margin-bottom:28px;padding:19px 0}.metrics>div{display:grid;grid-template-columns:auto 1fr;column-gap:24px;align-items:center;padding:0 28px;border-right:1px solid #d7dfd2}.metrics>div:first-child{padding-left:0}.metrics>div:last-child{border-right:none}.metric-label{font-size:12px;color:#677464}.metrics strong{font-size:35px;line-height:1.2;font-weight:500;grid-column:2;grid-row:1 / 3;text-align:right;font-variant-numeric:tabular-nums}.metrics small{font-size:10px;color:#8d9789;margin-top:4px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:6px;overflow:hidden}.panel-heading{padding:21px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2{font-size:16px;font-weight:600;margin:0}.panel-heading p:not(.eyebrow){font-size:11px;color:var(--muted);margin:5px 0 0}.subtle{font-family:var(--mono);font-size:9px;font-weight:400;letter-spacing:1px;color:#9ca79c;margin-left:8px}.button{border:0;border-radius:4px;padding:10px 16px;line-height:1.5;font-weight:500;transition:background .15s,transform .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button.secondary{background:#fff;border:1px solid var(--line);color:#526249}.button.secondary:hover:not(:disabled){background:#f3f6ef}.button.small{font-size:11px;padding:5px 10px;white-space:nowrap}.button.primary{width:100%;background:#294e3a;color:#f6fbed;padding:12px}.button.primary:hover:not(:disabled){background:#1e402e}.button.primary:disabled{background:#cad4c7;color:#5f725a;opacity:1}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}thead{background:#f7f9f4;color:#7c8976;font-size:10px}th{text-align:left;font-weight:500;padding:11px 12px;border-top:1px solid #eef1e9;border-bottom:1px solid #eef1e9}td{padding:18px 12px;border-bottom:1px solid #edf0e8}tbody tr:last-child td{border-bottom:0}tbody tr.selected{background:#f3f8ed}.selection-cell{padding-left:23px;width:44px}input[type=checkbox]{width:15px;height:15px;accent-color:#487359;vertical-align:middle;cursor:pointer}.device-name{font-size:13px;font-weight:600;display:block;max-width:240px;overflow:hidden;text-overflow:ellipsis}.device-id{display:block;color:#919b8b;font-family:var(--mono);font-size:10px;max-width:240px;overflow:hidden;text-overflow:ellipsis}.device-time{color:#7c8875;font-size:11px;font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:5px;background:#eef5e7;color:#648347;border:1px solid #e2ecd8;border-radius:3px;padding:2px 7px;font-size:10px;white-space:nowrap}.badge.busy,.badge.unknown{color:var(--amber);background:#fff4df;border-color:#f2e4c3}.badge.error{color:var(--error);background:#fbefeb;border-color:#f0dacf}.empty-state{min-height:330px;padding:50px 24px 38px;text-align:center}.empty-state h3{font-size:17px;font-weight:500;margin:20px 0 6px}.empty-state p{font-size:12px;color:#8b9783;margin:0 0 20px}.empty-state small{font-size:10px;color:#9ba58f}.empty-icon{display:flex;gap:9px;justify-content:center;align-items:center;transform:rotate(-6deg)}.empty-icon span{display:block;width:27px;height:42px;border:1px solid #c5d3ba;border-radius:5px;background:#f6faef;position:relative}.empty-icon span:after{content:"";position:absolute;width:5px;height:2px;background:#c2d3b6;bottom:5px;left:10px}.empty-icon span:nth-child(2){height:52px;width:32px;background:#e9f1dd;border-color:#a8bf94;transform:translateY(-4px)}.endpoint{display:flex;gap:10px;align-items:center;justify-content:center;background:#f7f9f3;border:1px dashed #dbe3d2;border-radius:4px;padding:11px;max-width:500px;margin:0 auto 12px}.endpoint code{font-family:var(--mono);font-size:11px;overflow-wrap:anywhere;text-align:left}.panel-foot{padding:12px 23px;display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);font-size:10px;color:#93a087}.panel-foot span{display:flex;align-items:center}.command-panel .panel-heading{border-bottom:1px solid #edf0e8}.command-mark{font-size:28px;color:#a4b395}form{padding:20px 23px}fieldset{padding:0;margin:0 0 21px;border:0}legend,label{font-size:11px;font-weight:500;color:#54634b}legend{margin-bottom:9px}.preset{border:1px solid #e4e9df;background:white;border-radius:4px;display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 12px;margin-bottom:7px;color:#617456}.preset.active{background:#f4f8ee;border-color:#bbcda6;color:#3b5b2e}.preset-icon{width:26px;height:26px;display:grid;place-items:center;background:#edf1e6;font-size:21px;border-radius:4px}.facebook-icon{font-family:Georgia,serif;font-weight:bold;font-size:24px;color:#5470a4}.preset>span:nth-child(2){font-size:12px;line-height:1.4}.preset small{display:block;font-size:9px;color:#97a18e;margin-top:2px}.preset-arrow{margin-left:auto;color:#b0bba5}label{display:block;margin-bottom:7px}label span{float:right;color:#a4ae9b;font-size:10px;font-family:var(--mono);font-weight:400}input:not([type=checkbox]),textarea{width:100%;border:1px solid #dfe5d8;background:#fcfdf9;border-radius:4px;color:#485e3d;padding:9px 10px;font-family:var(--mono);font-size:11px}#method{margin-bottom:17px}textarea{resize:vertical;min-height:90px;line-height:1.7}.timeout-row{display:flex;align-items:center;justify-content:space-between;margin:16px 0 20px}.timeout-row label{margin:0}.timeout-row label span{float:none;margin-left:9px}.timeout-row input{width:72px;text-align:center;padding:6px}.form-note{font-size:10px;color:#98a18f;line-height:1.7;margin:11px 0 0}.notice{border-radius:4px;padding:10px 12px;font-size:12px;margin:0 0 16px}.notice.error{color:var(--error);background:#fff0eb;border:1px solid #efd3c9}.results-panel{margin-top:22px}.results-panel .panel-heading{border-bottom:1px solid var(--line)}.result-placeholder{padding:36px;text-align:center;color:#9eab94;font-size:12px}.result-placeholder span{margin-right:10px;font-family:var(--mono);font-size:20px}.result-item{border-bottom:1px solid var(--line);padding:17px 23px}.result-item:last-child{border-bottom:0}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.result-device{font-family:var(--mono);font-size:12px;overflow-wrap:anywhere}.result-request{font-family:var(--mono);font-size:10px;color:#98a28e;margin:3px 0 7px}.result-note{font-size:11px;color:#839274;margin:5px 0}.result-item details{margin-top:7px}.result-item summary{font-size:11px;cursor:pointer;color:#607853}.result-item pre{background:#f7f9f3;border:1px solid #e6ebdf;border-radius:4px;padding:14px;max-height:330px;overflow:auto;font-size:11px;font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.result-warning{color:var(--amber)}footer{display:flex;justify-content:space-between;gap:12px;margin-top:24px;color:#a0a98f;font-family:var(--mono);font-size:9px;letter-spacing:1px}footer b{font-weight:400;color:#788a69;margin-left:6px}
@media(min-width:1600px){main{padding-left:50px;padding-right:50px}.topbar{padding-left:max(5vw,calc((100vw - 1380px)/2));padding-right:max(5vw,calc((100vw - 1380px)/2))}}
@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 315px}.subtle{display:none}td,th{padding-left:9px;padding-right:9px}.device-name,.device-id{max-width:180px}.metrics>div{padding:0 16px}.panel-heading{padding:18px}.device-time{font-size:10px}}
@media(max-width:850px){.workspace{grid-template-columns:1fr}.command-panel{order:1}.metrics small{display:none}.metrics strong{font-size:29px}.metrics>div{column-gap:12px}.empty-state{min-height:300px}.page-heading{align-items:flex-start;gap:15px}.connection-indicator{font-size:10px;margin-top:14px}.environment{display:none}.panel-heading{padding:19px 22px}form{display:grid;grid-template-columns:1fr}footer{flex-wrap:wrap}}
@media(max-width:520px){.topbar{height:66px;padding:0 20px}.brand{font-size:15px;gap:8px}.brand-caption{font-size:9px}.brand-divider{margin:0}.topbar-right{font-size:10px}.brand-symbol{width:26px;height:26px}main{padding:26px 16px 18px}.page-heading{display:block}h1{font-size:28px}.connection-indicator{display:inline-flex;padding:4px 9px;margin-top:16px}.metrics{padding:16px 0;margin-bottom:20px}.metrics>div{display:block;text-align:center;padding:0 10px}.metrics>div:first-child{padding-left:10px}.metric-label{display:block;font-size:10px}.metrics strong{display:block;text-align:center;font-size:28px;margin-top:3px}.panel-heading{padding:17px}.empty-state{padding:37px 18px 30px}.endpoint{flex-direction:column}.panel-foot{padding:10px 17px;font-size:9px}.preset{padding:9px 7px;gap:7px}.preset small{font-size:8px}.preset-arrow{display:none}form{padding:18px}.result-item{padding:16px}.result-heading{align-items:flex-start}.topbar-right a{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}