:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#17243b;background:#f5f7fa;font-synthesis:none;--blue:#2766e9;--line:#e5eaf1;--muted:#8290a4}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #79b4ff;outline-offset:3px}[hidden]{display:none!important}a{color:inherit;text-decoration:none}.sidebar{width:230px;background:#0c172b;color:#9aabc5;position:fixed;inset:0 auto 0 0;padding:36px 22px;display:flex;flex-direction:column}.brand{font-size:32px;font-weight:900;letter-spacing:2px;color:#fff;font-style:italic;padding:0 10px}.brand span{display:block;font-size:9px;font-style:normal;letter-spacing:3.1px;margin-top:5px;color:#7c90af}.product-tag{display:flex;gap:14px;align-items:center;margin:39px 0 33px;padding:19px 12px;border-top:1px solid #243048;border-bottom:1px solid #243048;font-size:12px;font-weight:600;letter-spacing:1px;color:#e9f0fc}.product-tag i{font-size:31px;color:#68a8ff;font-style:normal}.product-tag span{display:block;margin-top:5px;font-size:10px;color:#8b9bb4;font-weight:400}.nav-label{font-size:10px;letter-spacing:1px;color:#5f718e;padding:0 13px;margin-bottom:12px}nav{display:grid;gap:5px}nav button{border:0;background:none;color:#8fa1bd;text-align:left;padding:13px 16px;border-radius:7px;font-size:12px;display:flex;align-items:center;gap:15px}nav button span{font-size:20px;width:20px;text-align:center;line-height:1}nav button.active{background:#243e70;color:#fff}nav button:hover{background:#1b2c47;color:#fff}.second{margin-top:38px}.sidebar-bottom{margin-top:auto;padding:20px 12px 0;border-top:1px solid #243048;font-size:9px;letter-spacing:1.6px}.sidebar-bottom small{display:block;font-size:9px;letter-spacing:0;margin-top:10px;color:#637591}.dot{width:5px;height:5px;display:inline-block;background:#62b9ff;border-radius:50%;margin-right:8px}.workspace{margin-left:230px}header{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px;font-size:11px}.breadcrumb{color:#9aa6b7}.breadcrumb span{padding:0 14px;color:#ced5df}.breadcrumb b{font-weight:500;color:#465570}.header-right{display:flex;align-items:center;gap:20px;color:#77849a;font-size:10px}.separator{height:15px;width:1px;background:var(--line)}.avatar{border-radius:50%;background:#edf2fa;color:#355480;font-weight:700;font-size:12px;width:30px;height:30px;display:grid;place-items:center}main{max-width:1540px;margin:auto;padding:37px 44px 20px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:#7890b4;margin-bottom:11px}h1{font-size:27px;letter-spacing:-.5px;margin:0 0 9px;font-weight:650}.heading p{margin:0;font-size:11px;color:#8c99ad;line-height:1.6}.primary,.outline{border-radius:6px;padding:11px 19px;font-size:11px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:38px}.primary{color:#fff;background:var(--blue);border:1px solid var(--blue);box-shadow:0 3px 8px #2766e91c}.primary:hover{background:#1a54c9}.outline{background:#fff;border:1px solid #dbe3ee;color:#53627b}.outline:hover{background:#f1f5ff;color:#2766e9}.full{width:100%}.card{background:#fff;border:1px solid var(--line);border-radius:10px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(270px,1fr);gap:22px}.hero{position:relative;overflow:hidden;min-height:418px;background:#fff}.hero-top{display:flex;justify-content:space-between;align-items:center;padding:24px 27px}.pill{font-size:8px;letter-spacing:1.4px;padding:6px 10px;border:1px solid #e1e8f4;background:#f5f8fc;border-radius:4px;color:#7187aa}.hero-model{font-size:14px;color:#acb9ce;font-weight:600}.hero-copy{position:absolute;top:69px;left:29px;z-index:1}.hero h2{font-size:34px;letter-spacing:1px;margin:0;font-weight:750}.hero h2 span{font-size:12px;margin-left:10px;font-weight:400;color:#8c9db6;letter-spacing:2px}.hero-copy p{font-size:11px;color:#8c99b0;margin:9px 0}.hero img{display:block;width:76%;margin:31px auto -55px;transform:rotate(-7deg);mix-blend-mode:multiply}.hero-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.5px;padding:17px 28px;background:#ffffffee;border-top:1px solid #edf1f6;color:#8a99b1}.device-stack{display:grid;grid-template-rows:1fr auto;gap:14px}.device-card{padding:22px 25px;text-align:center}.card-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title h3,h3{font-size:13px;font-weight:650;margin:0 0 15px}.card-title h3{margin:0}.status{border-radius:4px;padding:5px 8px;background:#f1f3f6;color:#8e9aab;font-size:9px;white-space:nowrap}.status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9eabba;margin-right:5px}.status.connected{background:#eaf7ef;color:#27985e}.status.connected i{background:#27985e}.device-symbol{margin:20px auto 13px;width:49px;height:49px;display:grid;place-items:center;background:#f0f5ff;border:1px solid #e4ebfb;border-radius:50%;font-size:26px;color:#6994d5}.device-card>h3{margin:0 0 8px;font-size:13px}.device-card>p{font-size:10px;color:#8e9baf;line-height:1.7;margin:0 auto 16px;max-width:260px}dl{margin:0 0 19px}dl div{display:flex;justify-content:space-between;font-size:10px;padding:8px 0;border-bottom:1px solid #f0f3f7}dt{color:#95a0b0}dd{margin:0;color:#53617b}.bridge-card{border-radius:8px;background:#eaf0fc;border:1px solid #dce6f7;display:flex;gap:14px;padding:17px 21px}.small-icon{font-size:22px;color:#6992d1}.bridge-card b{font-size:11px;font-weight:550}.bridge-card p{font-size:9px;line-height:1.7;color:#8495b3;margin:5px 0 0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:29px 0 15px}.section-heading h3{margin:0}.section-heading span{font-size:10px;color:#95a2b7}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quick{text-align:left;padding:20px 23px;color:#20324f;transition:transform .2s,border-color .2s}.quick:hover{transform:translateY(-3px);border-color:#b6ccf5}.quick-icon{display:grid;place-items:center;width:34px;height:34px;background:#eef4ff;color:#5c87ce;font-size:21px;border-radius:7px;margin-bottom:13px}.quick b{font-size:12px;display:flex;justify-content:space-between;font-weight:600}.quick b span{color:#9fb0c8}.quick p{font-size:10px;color:#8e9aaf;margin:9px 0 16px}.quick small{font-size:9px;color:#8d9bb3;padding-top:12px;border-top:1px solid #edf1f6;display:block}.tipline{display:flex;gap:10px;align-items:center;font-size:9px;color:#8392aa;margin-top:24px;line-height:1.7}.tipline>span{color:#6394dd;font-size:15px}.tipline button{margin-left:auto;border:0;background:none;color:#5482c7;font-size:9px;white-space:nowrap}footer{display:flex;justify-content:space-between;margin-top:39px;border-top:1px solid #e7ecf3;padding-top:19px;font-size:8px;letter-spacing:1px;color:#a0aec1}footer b{padding:0 9px;font-weight:400}.two-columns{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:23px}.padded{padding:27px}.muted{color:#8a98ae;font-size:11px;line-height:1.8}.notice{background:#eef3fc;border:1px solid #dce7f8;color:#5b7398;padding:14px 17px;border-radius:7px;font-size:11px;line-height:1.8;margin:16px 0}.padded label{display:block;font-size:11px;color:#61718d;margin-top:23px}.padded select{display:block;width:100%;border:1px solid #dce4ef;border-radius:6px;background:#fff;color:#263c60;padding:12px;margin-top:9px;font-size:11px}.input-row{display:flex;gap:9px;align-items:flex-end}.input-row select{flex:1;min-width:0}.file-meta{margin-top:17px;background:#f7f9fc;border:1px solid #e7edf5;border-radius:6px;font-size:10px;line-height:1.9;padding:12px;color:#8896ac;overflow-wrap:anywhere}.padded .upload{text-align:center;border:1px dashed #c4d4ec;background:#f8faff;border-radius:7px;padding:20px;cursor:pointer;color:#4f7dcb}.upload span{display:block;font-size:9px;color:#9ca9bc;margin-top:6px}.padded .check{display:flex;align-items:center;gap:8px;font-size:10px;margin-bottom:20px}.progress-area{margin-top:26px;border-top:1px solid var(--line);padding-top:20px}.progress-head{display:flex;justify-content:space-between;font-size:10px}.progress-head b{color:var(--blue)}progress{width:100%;height:6px;appearance:none;border:0;border-radius:5px;margin-top:12px}progress::-webkit-progress-bar{background:#ecf1f8;border-radius:5px}progress::-webkit-progress-value{background:var(--blue);border-radius:5px}.progress-area p{font-size:10px;color:#8495ae;line-height:1.7}.steps{padding:0;list-style:none;counter-reset:step;margin:25px 0 0}.steps li{position:relative;counter-increment:step;padding:0 0 22px 40px}.steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:-2px;color:#6d90c8;background:#f0f5fd;width:26px;height:26px;font-size:10px;border-radius:50%;display:grid;place-items:center}.steps b{font-size:11px;font-weight:600}.steps p{font-size:10px;color:#8999af;line-height:1.8;margin:7px 0 0}.resource-link{display:block;color:#497ac8;font-size:11px;padding:15px 0}.toolbar{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:20px}.slots{display:flex;gap:5px;padding:4px;border:1px solid var(--line);background:#edf1f7;border-radius:7px}.slots button{border:0;background:transparent;color:#8191a9;padding:9px 19px;border-radius:5px;font-size:11px}.slots .selected{background:#fff;color:#396bc0;box-shadow:0 1px 5px #1b395610}.actions{display:flex;gap:8px}.button-label{cursor:pointer;margin:0!important}.key-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.key-grid label{margin:0;padding:13px 10px;background:#f8faff;border:1px solid #e8eef8;border-radius:6px}.key-grid label>b{font-size:17px;color:#355583;display:block;text-align:center}.key-grid select{padding:7px 3px;margin-top:11px;font-size:10px}.socd-preview{display:flex;gap:12px;align-items:center;justify-content:center;background:#f6f9ff;border-radius:7px;padding:25px 10px;margin:25px 0}.socd-preview span{border:1px solid #e0e8f7;border-radius:50%;height:39px;width:39px;display:grid;place-items:center;color:#6c8fcb;background:#fff}.socd-preview b{color:#aebcd0;font-weight:400}.socd-preview strong{color:#5783cb}.light-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-bottom:25px}.light-controls input{display:block;width:100%;margin-top:16px}.light-controls input[type=color]{height:40px;border:0;background:none;padding:0}.light-controls output{font-size:10px}.gamepad-test{display:flex;flex-wrap:wrap;gap:18px;padding:30px 0}.test-button{width:65px;height:65px;border:2px solid #e1e8f4;border-radius:50%;display:grid;place-items:center;color:#8c9eb9;font-size:14px;background:#f7f9fd}.test-button.pressed{background:#2766e9;border-color:#2766e9;color:#fff;box-shadow:0 0 20px #2766e930}.axes{display:flex;gap:20px;flex-wrap:wrap;color:#7591b7;font-size:12px}.capabilities{margin:20px 0}.capabilities div{padding:15px 0}.log{min-height:300px;max-height:520px;overflow:auto;background:#101c31;color:#9fbada;padding:20px;border-radius:7px;font:10px/1.9 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.toast{position:fixed;bottom:26px;left:calc(50% + 100px);transform:translateX(-50%);background:#142642;color:#fff;padding:15px 25px;border-radius:8px;box-shadow:0 5px 30px #10203325;z-index:5;font-size:12px;max-width:80vw}.toast.error{background:#9e3743}@media(min-width:1550px){.hero img{width:65%;margin-top:0}.hero{min-height:475px}.device-card{padding:28px 32px}.device-symbol{margin-top:30px}}@media(max-width:1150px){.sidebar{width:195px;padding:30px 15px}.workspace{margin-left:195px}main{padding:30px 26px}header{padding:0 26px}.hero h2{font-size:27px}.hero h2 span{display:block;margin:8px 0}.hero img{width:92%;margin-top:58px}.overview-grid{grid-template-columns:1.4fr 1fr}.key-grid{grid-template-columns:repeat(3,1fr)}.heading h1{font-size:23px}.quick{padding:18px}.two-columns{grid-template-columns:1.3fr 1fr}}@media(max-width:800px){.sidebar{position:static;width:100%;padding:18px 20px;display:block}.brand{font-size:25px;padding:0}.brand span{font-size:7px}.product-tag,.nav-label,.sidebar-bottom,.sidebar .second,.sidebar nav:nth-of-type(2){display:none}.sidebar nav{display:flex;overflow:auto;margin-top:20px;gap:5px}.sidebar nav button{white-space:nowrap;padding:10px;font-size:10px;gap:7px}.sidebar nav button span{font-size:16px}.workspace{margin-left:0}header{height:55px;padding:0 20px}.header-right{gap:12px}.avatar,.separator{display:none}main{padding:25px 20px}.heading{align-items:flex-start}.heading h1{font-size:22px}.heading p{max-width:220px}.overview-grid,.two-columns{grid-template-columns:1fr}.hero{min-height:410px}.hero img{width:70%;margin-top:25px}.device-stack{grid-template-columns:1fr;gap:12px}.quick-grid{gap:10px}.quick{padding:14px}.quick p{line-height:1.7}.quick small{font-size:8px}.section-heading span{display:none}.tipline{align-items:flex-start;flex-wrap:wrap}.tipline button{margin-left:24px}.light-controls{grid-template-columns:1fr 1fr}.key-grid{grid-template-columns:repeat(4,1fr)}footer{font-size:7px;letter-spacing:0}.toast{left:50%}.padded{padding:22px}.card-title{flex-wrap:wrap}}@media(max-width:460px){.hero{min-height:370px}.hero img{width:90%;margin-top:43px}.hero h2{font-size:26px}.hero h2 span{display:inline;margin-left:10px}.heading .primary{padding:10px;white-space:nowrap}.heading h1{font-size:19px}.quick-grid{grid-template-columns:1fr}.quick{display:grid;grid-template-columns:40px 1fr;gap:0 12px}.quick-icon{grid-row:1/4;margin:0}.quick p{margin:7px 0}.quick small{border:0;padding:0}.key-grid{grid-template-columns:repeat(3,1fr)}.actions{flex-wrap:wrap}.hero-bottom{padding:14px 20px}.toolbar{gap:15px}.test-button{width:50px;height:50px}.header-right{font-size:8px}}

.file-meta{white-space:pre-line}
.test-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 24px}.test-top h2{font-size:22px;margin:10px 0}.test-top p{font-size:11px;color:#8594ab;margin:0}.test-toolbar{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:20px;font-size:11px;color:#70829f}.test-toolbar label{display:flex;gap:9px;align-items:center}.test-toolbar select{max-width:270px;border:1px solid #dbe5f3;padding:10px;border-radius:6px;background:white;color:#536b91}.test-layout{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(220px,1fr);gap:20px}.hardware-card{overflow:hidden}.hardware-title,.hardware-foot{display:flex;justify-content:space-between;padding:18px 22px;font-size:9px;color:#8499b7;border-bottom:1px solid #e6edf7}.hardware-title b{color:#263d60;letter-spacing:2px}.hardware-stage{position:relative;aspect-ratio:1;background:#fff}.hardware-stage img{width:100%;height:100%;display:block}.hardware-point{position:absolute;transform:translate(-50%,-50%);border:1.5px solid #82b9ff;color:#eaf5ff;background:#1a3146a6;border-radius:50%;width:6.2%;height:6.2%;display:grid;place-items:center;font-size:clamp(8px,1.1vw,14px);font-weight:700;padding:0;transition:background .08s,box-shadow .1s}.hardware-point.key{box-shadow:inset 0 0 0 2px #0c1b3180}.hardware-point.pressed{background:#11bd82db;border-color:#87ffdb;color:white;box-shadow:0 0 16px #1be39a88}.hardware-point.chosen{outline:2px solid #ffbf60;outline-offset:3px}.hardware-point.confirmed:after{content:'✓';position:absolute;right:-4px;top:-4px;border-radius:50%;background:#ffe3a9;color:#674710;font-size:9px;width:14px;height:14px}.hardware-point.switch{width:2.8%;height:4.5%;border-radius:3px;font-size:5px;overflow:hidden;word-break:break-all}.hardware-point.function{width:4.5%;height:4.3%;border-radius:4px;font-size:6px}.hardware-point.display{width:6.7%;height:3.8%;border-radius:3px;color:#83b6ff;font-size:7px;background:#03101be0}.hardware-point.panel{width:16%;height:5.3%;border-radius:4px;font-size:9px}.hardware-point.port{width:7%;height:3%;border-radius:4px;font-size:6px}.hardware-point.light{height:39%;width:1.5%;border-radius:5px;font-size:0;border-color:#7ac4fb;background:var(--reported-color,#23455c88)}.hardware-point.key[style*="--reported-color"]{border-color:var(--reported-color)}.hardware-foot{border-top:1px solid #e6edf7;border-bottom:0}.hide-markers .hardware-point{opacity:0}.hide-markers .hardware-point.pressed,.hide-markers .hardware-point.chosen{opacity:1}.inspector{padding:25px;align-self:start;position:sticky;top:20px}.inspector h3{margin:17px 0;font-size:18px}.inspector>p{font-size:11px;line-height:1.9;color:#8496b2;min-height:64px}.part-state{background:#eef5ff;color:#426ca8;border:1px solid #dfe9f8;padding:17px 12px;font-size:11px;border-radius:7px;margin:25px 0 15px}.test-summary{display:flex;gap:20px;border-top:1px solid #e6edf7;padding-top:20px}.test-summary div{flex:1}.test-summary b{display:block;font-size:25px;color:#376dad}.test-summary span{display:block;margin-top:6px;font-size:9px;color:#91a2bc}.test-details{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.hud-mirror{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;background:#101c2c;border:3px solid #2c3d53;padding:18px;border-radius:8px;margin:22px 0 15px}.hud-mirror span{text-align:center;color:#50627c;font-size:16px;padding:8px 0;min-height:35px}.hud-mirror .lit{color:#ff6569;text-shadow:0 0 12px #ff3535}.switch-readings{display:grid;grid-template-columns:1fr 1fr;gap:8px 15px}.switch-readings div{display:flex;flex-direction:column;gap:5px;padding:9px 0;border-bottom:1px solid #edf1f8;font-size:10px;color:#9babc0}.switch-readings b{font-weight:500;color:#597498;font-size:9px}.test-bottom{margin-top:20px}.test-axis-grid{display:grid;grid-template-columns:1fr 2fr;gap:25px;margin:25px 0}.test-axis-grid b{font-size:11px;color:#7b8ea9}.test-axis-grid small{font-size:9px;color:#a0aec2}.direction-output{font-size:17px;color:#3978be;padding:15px 0}.raw-buttons{display:flex;flex-wrap:wrap;gap:7px}.raw-buttons span{padding:8px;border-radius:4px;background:#edf2f8;color:#9baac0;font:10px Consolas,monospace}.raw-buttons span.pressed{background:#13aa78;color:white}.test-axis-grid .axes{padding-top:15px;font:11px/2 Consolas,monospace}@media(max-width:1100px){.test-layout{grid-template-columns:1fr}.inspector{position:static}.inspector>p{min-height:0}.hardware-stage{max-width:760px;margin:auto}.hardware-point.key{font-size:12px}.hardware-point.function{font-size:7px}.hardware-point.switch{font-size:6px}.test-details{grid-template-columns:1fr 1fr}.test-summary{max-width:280px}}@media(max-width:650px){.test-details{grid-template-columns:1fr}.hardware-title{flex-wrap:wrap;gap:9px}.test-axis-grid{grid-template-columns:1fr}.test-top h2{font-size:19px}.test-toolbar select{max-width:190px}.hardware-point.key{font-size:8px}.hardware-point.function{font-size:4px}.hardware-point.switch{font-size:4px}.hardware-point.panel{font-size:6px}.hardware-point.port{font-size:4px}.hardware-foot{font-size:8px;gap:12px;padding:13px}.hud-mirror{gap:6px}}
.hardware-point.light{display:flex;flex-direction:column;gap:1px;overflow:hidden}.hardware-point.light span{display:block;flex:1;width:100%}
.wire-layout{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(250px,1fr);gap:20px}.wire-card{overflow:hidden}.wire-card-head{padding:25px;display:flex;justify-content:space-between;gap:15px;align-items:center}.wire-card-head h3{margin:10px 0 0;font-size:15px}.controller-wire{display:block;width:100%;background:#f9fcff}.wire-shell{fill:#f3f7fc;stroke:#496481;stroke-width:2}.wire-inset{fill:#fafdff;stroke:#9bb0c9;stroke-width:1.5}.wire-line{fill:none;stroke:#afbed1;stroke-width:1.5}.wire-static,.wire-touch{fill:#f0f5fb;stroke:#728dac;stroke-width:1.4}.wire-window{fill:#1b2d43;stroke:#708aa9}.wire-window+text{fill:#a6c1e6}.wire-small{font:10px 'Segoe UI',sans-serif;fill:#7e93af;text-anchor:middle}.wire-brand{font:600 16px 'Segoe UI',sans-serif;fill:#9fb0c5;text-anchor:middle;letter-spacing:3px}.wire-control{cursor:pointer;outline:none}.wire-cap{fill:#fff;stroke:#6d87a6;stroke-width:2}.wire-symbol{font:600 18px 'Segoe UI',sans-serif;fill:#47678d;pointer-events:none}.wire-target{font:10px 'Microsoft YaHei',sans-serif;fill:#8196b2;pointer-events:none}.wire-control.selected .wire-cap{fill:#e4eeff;stroke:#2766e9;stroke-width:3.5}.wire-control:focus-visible .wire-cap{stroke:#2766e9;stroke-width:4}.wire-control.remapped .wire-target{fill:#d99023;font-weight:700}.wire-control.remapped .wire-cap{stroke:#dca34c}.wire-control.selected.remapped .wire-cap{stroke:#2766e9}.wire-switch rect{fill:#edf3fa;stroke:#718aaa}.wire-switch path{stroke:#42668d;stroke-width:3}.wire-switch text{font:7px 'Segoe UI',sans-serif;fill:#7a90ad}.wire-legend{border-top:1px solid #e7eef6;padding:17px 22px;font-size:10px;color:#8aa0bd;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.wire-inspector{padding:26px;align-self:start;position:sticky;top:20px}.wire-inspector>h3{font-size:20px;margin:18px 0}.wire-inspector label{display:block;color:#8195b0;font-size:11px;margin:20px 0}.wire-inspector select{display:block;border:1px solid #dce6f4;border-radius:6px;background:white;width:100%;padding:12px;margin-top:10px;font-size:11px;color:#35567f}.wire-inspector input[type=range]{display:block;width:100%;margin-top:16px;accent-color:#2766e9}.wire-inspector input[type=color]{display:block;width:100%;height:48px;background:none;border:0;padding:0;margin-top:12px}.mapping-flow{display:flex;align-items:center;justify-content:space-around;padding:23px 10px;background:#f3f7ff;border:1px solid #dfebfb;border-radius:8px;margin:23px 0}.mapping-flow span{font-size:29px;color:#467dc2}.mapping-flow b{color:#b6c5d9;font-weight:400}.mapping-flow strong{font-size:15px;color:#567aa9}.wire-direction{border-top:1px solid #e7eef7;margin-top:25px;padding-top:22px}.wire-direction h3{font-size:12px}.wire-list{padding:23px;margin-top:20px}.wire-list h3{font-size:12px}#map-summary{display:flex;flex-wrap:wrap;gap:8px}.map-chip{background:#f6f9fd;border:1px solid #e2eaf5;border-radius:5px;color:#6a84a5;font-size:10px;padding:9px 12px}.light-region-tabs{display:flex;gap:6px;padding:4px;background:#eaf0fa;border-radius:7px}.light-region-tabs button{border:0;background:none;border-radius:5px;padding:10px 20px;color:#7990af;font-size:11px}.light-region-tabs .selected{background:white;color:#2766e9}.wire-control.has-color .wire-cap{stroke:var(--led-color);stroke-width:5;fill:color-mix(in srgb,var(--led-color) 8%,white)}.wire-control.has-color .wire-symbol{fill:#526b8b}.wire-control.has-color.selected .wire-cap{stroke-width:8;stroke:var(--led-color);filter:drop-shadow(0 0 5px var(--led-color))}.wire-bar .wire-cap{fill:var(--led-color,#638bcc);stroke-width:2}.wire-fixed{opacity:.4}.wire-fixed .wire-symbol{font-size:8px}.color-presets{display:flex;gap:8px;flex-wrap:wrap}.color-presets button{width:25px;height:25px;border:1px solid #d0deee;border-radius:50%;cursor:pointer}.wire-inspector .multi-pick{display:flex;align-items:center;gap:8px;font-size:10px}.wire-inspector output{display:block;font-size:10px;color:#7a93b5;margin-top:9px}@media(max-width:1100px){.wire-layout{grid-template-columns:1fr}.wire-inspector{position:static}.wire-inspector label{max-width:400px}.wire-inspector .mapping-flow{max-width:400px}.wire-direction{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.wire-direction h3{width:100%;margin-bottom:0}.wire-direction label{flex:1;margin-top:0}.wire-card-head{padding:20px}}@media(max-width:600px){.wire-card-head{flex-wrap:wrap}.wire-inspector{padding:20px}.wire-direction{display:block}.wire-legend{font-size:9px;gap:10px}.wire-card-head .pill{font-size:7px}.light-region-tabs button{padding:10px 12px}}
.wire-control[data-control=Sel] .wire-symbol,.wire-control[data-control=Sta] .wire-symbol{font-size:9px}
.auto-input-device{display:flex;flex-direction:column;gap:7px;padding:11px 15px;background:#edf5ff;border:1px solid #dce8f9;border-radius:7px;max-width:420px}.auto-input-device span{font-size:9px;color:#8ca1bb}.auto-input-device b{font-size:11px;font-weight:500;color:#5077aa;overflow-wrap:anywhere}
.capture-card{padding:22px;margin-bottom:24px}.capture-card h3{margin:9px 0}.capture-card p{font-size:11px;color:#7890af;line-height:1.8}.capture-prompt{display:flex;gap:20px;align-items:center;background:#edf6ff;border:1px solid #d8e9fb;border-radius:7px;padding:20px;margin:16px 0}.capture-prompt b{font-size:19px;color:#2670b8}.capture-prompt span{font-size:11px;color:#6f8eae}#capture-summary{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}#capture-summary span{font-size:9px;color:#6c89ab;background:#f3f7fd;padding:7px;border-radius:4px;overflow-wrap:anywhere}.hardware-point.capture-target{outline:3px solid #ffb12f;outline-offset:6px;animation:capture-pulse 1s infinite alternate}@keyframes capture-pulse{to{outline-color:#ffe2a7}}.wire-actual-led{fill:none;stroke:#c6d2e1;stroke-width:2;opacity:.35;pointer-events:none}.actual-rgb .wire-actual-led{stroke:var(--actual-color);stroke-width:4;opacity:1;filter:drop-shadow(0 0 2px var(--actual-color))}.wire-control.live-pressed .wire-cap{fill:#c2f5de;stroke:#0aba80}.wire-control.live-pressed .wire-symbol{fill:#07805c}

.wire-key.shared-output .wire-ring{stroke:#d89a25;stroke-dasharray:4 3}.capture-card #capture-device{color:#486487;font-size:13px}

.live-result-keys{display:flex;flex-wrap:wrap;gap:8px}.live-result-keys span{background:#eef3fa;border-radius:6px;padding:7px;font-size:12px}.hardware-point.shared-output{border:3px dashed #d89a25;background:#ffe5a6;color:#574218}

.hardware-point.key{border-color:var(--reported-color,#82b9ff);box-shadow:0 0 0 3px var(--reported-color,transparent),inset 0 0 0 2px #0c1b3180}.hardware-point.key.pressed{background:#11bd82db;border-color:var(--reported-color,#87ffdb);box-shadow:0 0 0 3px var(--reported-color,transparent),0 0 16px #1be39a88}

.wire-switch.reported-switch path{stroke:#2679c8;stroke-width:3}.wire-switch.reported-switch text{fill:#2679c8}