*{box-sizing:border-box;margin:0;padding:0}:root{--green:#4aaa22;--glow:#8f4;--amber:#c8a84b;--bg:#0c170c;--panel:#081008e6;--border:#4aaa2259;--text:#c8e8a8;--muted:#6a8a5a}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Courier New,monospace}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c170c;--window:#272727;--panel:#303030;--panel-dark:#161616;--panel-line:#565656;--text:#f4f4f4;--blue:#1f9eed;--teal:#66bec5;--orange:#ff9a13;--green:#91db38;--red:#ef1a16;--field:#202224;--purple:#d63aff;--indigo:#4a3cff;--shadow:0 14px 34px #00000073;--border:#4aaa2259;--muted:#6a8a5a}.hidden{display:none!important}.container{flex-direction:column;height:100vh;display:flex}.main-content{flex:1;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) .3fr;min-height:0;display:grid}.tab-content{min-width:0;min-height:0;padding:2px;overflow:hidden}.app-shell{background:var(--window);min-height:0;box-shadow:var(--shadow);border:1px solid #1b1c1e;border-radius:8px;grid-template-rows:auto auto 1fr;display:grid}.tool-grid{background:#101010;grid-template-columns:1fr 1fr;min-height:0;display:grid}.scroll-area{min-height:0;overflow-y:auto}.spotlight{background-color:orange;animation:1s infinite blink-bg}@keyframes blink-bg{0%,to{background-color:orange}50%{background-color:#0000}}.top-bar{color:#fff;background-color:#232323;justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex}.logo-box{align-items:center;display:flex}.logo-box img{width:127px;height:48px;margin-top:2px}.lang-selector{cursor:pointer;color:#fff;background-color:#333;border-width:2px;border-color:#fff;border-radius:18px;margin-left:auto;padding:6px 12px;font-size:16px;line-height:1.5}.window-bar{background:linear-gradient(#3e3e3e,#2d2d2d);border-bottom:1px solid #0e0e0e;grid-template-columns:auto 1fr;align-items:center;gap:16px;min-height:24px;padding:2px 12px;display:grid}.controller-type-container{align-items:center;gap:12px;margin:8px 0;display:flex}.controller-type-container span,.controller-type-container select{font-weight:700}.controller-type-container select{flex:1;padding:6px}.top-controls,.profile-group{align-items:center;display:flex}.top-controls{gap:18px;margin-left:auto}.profile-group{border:0;gap:12px;margin:0;padding:0}.profile-group legend{float:left;margin-right:10px;font-weight:700}.profile-group label,.check-control,.radio-grid label{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}input[type=radio],input[type=checkbox]{accent-color:var(--teal)}.profile-radio[value="0"]:checked{accent-color:orange}.profile-radio[value="1"]:checked{accent-color:#ffdf00}.profile-radio[value="2"]:checked{accent-color:#98fb98}.profile-radio[value="3"]:checked{accent-color:#87cefa}.board-hero{border-radius:12px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:1rem;display:flex;position:relative}.board-img{width:50%}.board-fade{background:linear-gradient(transparent, var(--bg));pointer-events:none;height:30%;position:absolute;bottom:0;left:0;right:0}.hotspot-layer{width:60%;height:8vh;position:relative}.main{flex-direction:column;width:100%;margin:0 auto;padding:1rem 0;display:flex}.titlebar{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:1rem;display:flex}.titlebar h1{letter-spacing:3px;color:var(--glow);font-size:17px;font-weight:700}.badge{border:1px solid var(--border);color:var(--muted);letter-spacing:1px;background:#4aaa2226;border-radius:3px;padding:2px 7px;font-size:10px}.statusbar{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.statusbar span{font-size:12pt;font-weight:700}.panel-tabs{border-bottom:1px solid #4aaa2233;align-items:stretch;gap:4px;padding:4px 8px 0;display:flex}.panel-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px 6px 0 0;padding:7px 14px;font-size:12pt;font-weight:700;position:relative}.panel-tabs button:hover{color:var(--text);background:#ffffff0d}.panel-tabs button[aria-selected=true]{color:var(--green);background:#4aaa2224}.panel-tabs button[aria-selected=true]:after{content:"";background:var(--green);height:2px;box-shadow:0 0 6px var(--green);position:absolute;bottom:0;left:8px;right:8px}.panel-tabs button:focus-visible{outline:2px solid var(--green);outline-offset:-2px}.live{background:var(--glow);width:6px;height:6px;box-shadow:0 0 5px var(--glow);border-radius:50%;animation:2s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.cfg-panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;width:100%;padding:.85rem 1.1rem}.cfg-panel.is-disabled{filter:grayscale();opacity:.45;pointer-events:none}.cfg-panel.is-disabled select,.cfg-panel.is-disabled input,.cfg-panel.is-disabled .toggle label{cursor:not-allowed}.cfg-panel h2{letter-spacing:2px;color:var(--green);text-transform:uppercase;border-bottom:1px solid var(--border);margin-bottom:.85rem;padding-bottom:.4rem;font-size:12px}.cfg-row{align-items:center;gap:10px;margin-bottom:.6rem;display:flex}.cfg-row label{color:var(--green);letter-spacing:.4px;min-width:96px;font-size:12px}.cfg-row select,.cfg-row input[type=text]{color:var(--text);background:#000800d9;border:1px solid #4aaa2261;border-radius:4px;outline:none;flex:1;padding:4px 8px;font-family:Courier New,monospace;font-size:12px;font-weight:700}.cfg-row select:focus,.cfg-row input:focus{border-color:var(--glow)}.hs{cursor:pointer;z-index:5;position:absolute}.hs-dot{border:2px solid var(--amber);background:#c8a84b40;border-radius:50%;width:16px;height:16px;transition:all .15s}.hs-dot.profile-0{border:2px solid orange}.hs-dot.profile-1{border:2px solid #ffdf00}.hs-dot.profile-2{border:2px solid #98fb98}.hs-dot.profile-3{border:2px solid #87cefa}.hs:hover .hs-dot{border-color:var(--glow);box-shadow:0 0 8px var(--glow);background:#4aaa2280}.hs.active .hs-dot{border-color:var(--glow);box-shadow:0 0 12px var(--glow);background:#4aaa22b3}.hs.mapped .hs-dot{background:#4488ff59;border-color:#6af}.hs-lbl{color:#ffffffa8;text-align:center;text-shadow:0 0 3px #000;white-space:nowrap;margin-top:1px;font-size:8pt}.progress-container{top:0;z-index:999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000a8;width:100%;height:100%;position:absolute;inset:0}.progress-container-inner{width:300px;height:20px;margin:12px;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.progress-container-inner p{color:#fff;text-align:center;padding-bottom:10px;font-size:1.2rem;line-height:1}progress{appearance:none;background-color:#eee;border:none;border-radius:10px;width:100%;height:100%;overflow:hidden}progress::-webkit-progress-bar{background-color:#eee;border-radius:10px}progress::-webkit-progress-value{background:linear-gradient(90deg, var(--purple) 0%, var(--indigo) 100%);border-radius:10px}.progressbar-indeterminate{position:relative}.progressbar-indeterminate:before{content:"";background:linear-gradient(90deg, var(--purple) 0%, var(--indigo) 100%);border-radius:10px;width:40%;height:100%;animation:1.5s infinite progress-indeterminate;position:absolute}@keyframes progress-indeterminate{0%{left:-30%}50%{left:50%}to{left:100%}}.tabcontrol{background-color:#39393973}.tab-header{flex-direction:column;display:flex}.tab{cursor:pointer;color:gray;background:#50505073;border:none;border-radius:12px 0 0;margin-top:2px;margin-left:6px;padding:12px 0}.tab.active{color:#fff;background:linear-gradient(90deg, var(--purple) 0%, var(--indigo) 100%);border-radius:12px 0 0;margin-top:2px;margin-left:0;font-weight:700}.toggle{border-radius:8px;font-size:14px;display:inline-flex;overflow:hidden}.toggle input{display:none}.toggle label{cursor:pointer;min-width:56px;color:var(--muted);background:#222;padding:6px 16px;transition:background .2s,color .2s}.toggle input:checked+label{background:var(--muted);color:#fff}.led-chip{color:#f5f5f5;-webkit-user-select:none;user-select:none;background:0 0;border-radius:6px;justify-items:center;width:54px;height:72px;display:grid;position:relative}.led-chip:not(:last-child):after{content:"→";color:#d0d0d0;font-size:.9rem;position:absolute;top:28px;right:-20px}.led-dot{background:var(--led-color);border-radius:50%;width:32px;height:32px;box-shadow:inset 0 0 0 3px #fff3,inset 0 -7px 12px #0000006b,0 3px 7px #00000073}.led-Index{text-align:center;color:#fff;width:100%;height:18px;font-size:8pt;font-weight:700;line-height:18px;display:inline-block}.led-label{text-align:center;color:#ffdf00;width:100%;height:18px;font-size:9pt;font-weight:700;line-height:18px;display:inline-block}.tool-dialog{z-index:10;color:#17110a;background:#f1d4a9;border:1px solid #9b8059;border-radius:8px;grid-template-rows:auto 1fr auto;width:min(380px,100vw - 28px);height:auto;min-height:20%;padding:8px;display:grid;position:absolute}.tool-dialog button{color:#fff;background:#6b6d70;border-radius:6px;height:32px;padding:0 18px;font-weight:800;box-shadow:inset 0 0 0 1px #ffffff14}.tool-dialog form{gap:14px;padding:14px;display:grid}.tool-dialog header,.tool-dialog footer{align-items:center;gap:10px;display:flex}.tool-dialog header{justify-content:flex-end}.tool-dialog footer{justify-content:flex-end;margin-top:16px}.tool-dialog h2{margin:0;font-size:1.05rem}.tool-dialog button{color:#fff}.tool-dialog .dialog-close{background:#b43f3f;width:24px;height:24px;padding:0;font-weight:600}.dialog-field{grid-template-columns:auto auto 1fr;align-items:center;gap:10px;margin:12px 0;display:grid}.dialog-field span{text-align:left;justify-self:start}.dialog-field select{color:#1a1208;background:#fff8ec;border:1px solid #b79568;border-radius:5px;width:100%;min-height:36px}.tool-dialog header span{text-align:left;background:red;justify-self:start}.dialog-overlay{z-index:999;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tool-dialog.color-dialog{width:min(420px,100vw - 28px);height:auto;min-height:20%;margin:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.color-dialog header{grid-template-columns:1fr auto;display:grid}.tool-dialog.load-gif-dialog{width:min(420px,100vw - 28px);margin:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.load-gif-dialog header{justify-content:space-between}.load-gif-body{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:12px 8px 8px;display:grid}.load-gif-input{display:none}.mono-image-picker{flex-direction:column;gap:4px;display:flex;position:relative}.mono-image-picker small{max-width:140px;color:var(--text-secondary);white-space:nowrap;font-size:11px;line-height:1.3;position:absolute;top:calc(100% + 4px);left:0}.load-gif-filename{text-overflow:ellipsis;white-space:nowrap;align-self:center;overflow:hidden}.load-gif-preview{object-fit:contain;border:1px solid #b79568;border-radius:5px;grid-column:1/-1;justify-self:center;max-width:180px;max-height:120px;margin-top:24px}.load-gif-dimensions{color:var(--text-secondary);grid-column:1/-1;justify-self:center;margin:-4px 0 0;font-size:12px}.load-gif-dialog footer{margin-top:4px}.load-gif-progress-row{grid-column:1/-1;align-items:center;gap:10px;display:flex}.load-gif-progress{background:#e5e9e5;border:1px solid #8f9b90;border-radius:3px;flex:1;width:100%;height:18px;position:relative;overflow:hidden}.load-gif-progress-fill{background:linear-gradient(#64d68c 0%,#20b65b 45%,#0b9746 100%);height:100%;transition:width .1s linear;display:block}.load-gif-progress-count{color:#17251b;text-shadow:0 1px #ffffffa6;place-items:center;font-size:12px;font-weight:600;display:grid;position:absolute;inset:0}.load-gif-progress-percent{text-align:right;color:#17110a;min-width:38px;font-size:12px;font-weight:600}.load-gif-error{color:#a31515;grid-column:1/-1;margin:12px 0}.load-gif-dialog button:disabled{cursor:not-allowed;opacity:.55}.color-body{grid-template-columns:84px 1fr;align-items:center;gap:10px;display:grid}.color-picker input{background:0 0;border:none;border-radius:8px;width:80px;height:80px}.color-sliders,.color-sliders label{gap:10px;display:grid}.color-sliders input[type=text]{color:#1a1208;background:#fff8ec;border:1px solid #b79568;border-radius:5px;width:100%;min-height:36px}.color-sliders label{grid-template-columns:34px 1fr 42px;align-items:center;font-weight:700}.color-sliders label:last-child{grid-template-columns:48px 1fr}.color-sliders output{text-align:right;font-variant-numeric:tabular-nums}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:0}.settings-panel{background:#242424;border-left:1px solid #3d3d3d;flex:1;min-width:0;height:100%;padding:0 12px;overflow-y:auto}.setting-group+.setting-group{margin-top:12px}.setting-group h2{color:#e0e0e0;text-align:left;background:#1e3a8a;border-radius:6px;padding:4px 10px;font-size:1rem;line-height:1.2}.radio-grid{grid-template-columns:1fr 1fr;gap:8px 10px;font-size:.94rem;display:grid}.radio-grid.compact3{grid-template-columns:repeat(3,max-content)}.radio-grid.compact4{grid-template-columns:repeat(4,max-content)}.radio-grid.compact5{grid-template-columns:repeat(5,max-content)}.analog-calibration-button{color:#17384d;background:#b9e6ff;border-radius:6px;padding:4px 14px;font-weight:700;transition:background-color .2s,transform .1s}.analog-calibration-button:hover{background:#d2f0ff}.analog-calibration-button:active{transform:translateY(1px)}input[type=radio]{accent-color:var(--teal)}.range-control{grid-template-columns:1fr 42px;align-items:center;gap:12px;display:grid}input[type=range]{width:100%;accent-color:var(--teal)}.range-control output{text-align:right;font-variant-numeric:tabular-nums}.content{flex:1;justify-content:center;align-items:center;display:flex;overflow:auto}.grayBg{background:linear-gradient(#36344e 0%,#333 100%)}.top-section{flex-direction:column;align-items:center;padding-bottom:2rem;display:flex}.image-box{flex:0 0 30%;justify-content:center;display:flex}.content-box{flex-direction:column;flex:0 0 60%;align-items:center;display:flex}.content-box h1{margin:20px 0}.textTag{text-align:center;color:#fff;letter-spacing:.5px;background:#1d1d1e;margin:12px 0;padding:5px 10px;font-size:1rem;line-height:1;display:inline-block}.steps{margin-left:0;padding-left:0}.steps li{text-align:left;color:#eee;padding-bottom:3px;font-size:1.1rem;line-height:1.5}.button-section{flex-direction:column;align-items:center;margin-top:2rem;display:flex}.connectBtn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#d63aff 0%,#4a3cff 100%);border:0;justify-content:center;align-items:center;padding:8px 60px;font-size:1.6rem;font-weight:600;transition:all .3s ease-in-out;display:flex;position:relative}.connectBtn:hover:after{content:"";z-index:1;border:1px solid #fff;width:100%;height:100%;position:absolute;top:0;left:0}.connectBtn .btn-icon{width:18px;height:18px;margin-right:8px;font-size:16px}.btn-icon{width:20px;height:20px;margin-right:5px;font-size:16px}.connectTipBox{text-align:center;justify-content:center;align-items:center;max-width:360px;margin-top:1rem;display:flex}.tipBar{text-align:start;color:#ffeb3b;font-size:.9rem;font-weight:700;line-height:1.2}.attentionWrapper{justify-content:center;margin-top:3rem;display:flex}.ne{color:#eee;text-align:center;padding-bottom:5px;font-size:1.1rem;line-height:1.5}.ne span{color:var(--purple);display:contents}.mainWrapper{flex-direction:column;align-items:center;padding-bottom:3rem;display:flex}.messageWrapper{text-align:center;justify-content:center;width:83.333%;max-width:75%;margin-top:1rem;display:flex}.chromeWrapper{justify-content:center;margin-top:3rem;display:flex}.chromeLink{flex-direction:column;align-items:center;transition:all .3s ease-out;display:flex}.chromeLink a{flex-direction:column;align-items:center;text-decoration:none;display:flex}.chromeLink:hover{transform:scale(1.05)}.chromeLogo{padding-bottom:.5rem}.device-buttons{gap:12px;margin-left:auto;display:flex}#loadGifButton{background:var(--blue);margin-right:24px}.device-buttons button{color:#fff;background:#6b6d70;border-radius:6px;min-height:38px;padding:0 18px;font-weight:800;box-shadow:inset 0 0 0 1px #ffffff14}.primary:active{filter:brightness(.9);transform:translateY(2px);box-shadow:inset 0 2px 4px #0000004d}.primary.danger{background:var(--red)}.primary.recovery{background:var(--muted);color:#fff}.primary.teal{background:#4fabb2}.primary.blue{background:#558fe7}.gamepad-tester{width:100%;min-width:0;padding:16px;overflow:auto}.gamepad-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.gamepad-heading>div{align-items:center;gap:8px;min-width:0;display:flex}.gamepad-heading strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gamepad-connected-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 6px var(--green);border-radius:50%;flex:none}.gamepad-connected-dot.is-offline{box-shadow:none;background:#777}.gamepad-controller-type{border:1px solid var(--border);color:var(--green);letter-spacing:1px;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800}.gamepad-controller-view{opacity:0;justify-content:center;align-items:center;min-height:230px;padding:14px 0 6px;transition:opacity .15s;display:flex}.gamepad-controller-view.is-ready{opacity:1}.gamepad-usb-message{color:var(--muted);text-align:center;padding:10px}.gamepad-values{grid-template-columns:repeat(6,minmax(48px,1fr));gap:8px;display:grid}.gamepad-values div{background:#1414148c;border:1px solid #4c4c4c;border-radius:7px;justify-items:center;gap:3px;padding:7px 4px;display:grid}.gamepad-values span{color:var(--muted);font-size:10px;font-weight:800}.gamepad-values strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:12px}@media (width<=760px){.gamepad-values{grid-template-columns:repeat(3,1fr)}}