#controls-editor{margin:auto;color:#e5eee8;background:#142019;border:1px solid #718577;border-radius:10px;width:min(840px,calc(100vw - 32px));max-height:85vh;padding:18px;font:14px system-ui,sans-serif;z-index:100;box-sizing:border-box}#controls-editor::backdrop{background:#000a}#controls-editor header,#controls-editor footer{display:flex;align-items:center;justify-content:space-between;gap:12px}#controls-editor h2{margin:0;font:600 22px system-ui,sans-serif}#controls-editor button,#controls-editor select{background:#293e30;color:#fff;border:1px solid #758376;border-radius:5px;padding:7px 10px;font:inherit;cursor:pointer}#controls-editor button:focus-visible,#controls-editor select:focus-visible{outline:2px solid #f2cb73;outline-offset:2px}.control-presets{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.control-help,#controls-editor footer span{font-size:12px;color:#bbc8be;line-height:1.5}.control-row{display:grid;grid-template-columns:155px 1fr 90px;align-items:start;gap:10px;border-top:1px solid #ffffff25;padding:12px 0}.control-bindings{display:flex;flex-wrap:wrap;gap:5px;min-width:0}#controls-editor .control-chip{font-size:12px;text-align:left;overflow-wrap:anywhere;max-width:100%}.control-capture{position:sticky;top:0;padding:16px;background:#344a36;border:2px solid #f2cb73;border-radius:6px;z-index:1}.control-capture[hidden]{display:none}.control-message{color:#f2cb73;min-height:20px}#controls-editor footer{position:sticky;bottom:-18px;background:#142019;padding:12px 0;border-top:1px solid #ffffff30}@media (max-width:600px){.control-row{grid-template-columns:1fr 90px}.control-row>strong{grid-column:1/-1}.control-presets button{font-size:12px}#controls-editor{padding:12px}}.hud-tr{z-index:20!important}#settings,#debug{z-index:30!important}#loader{z-index:50!important}@media (max-width:650px){.hud-tr{top:8px!important;left:8px;right:8px!important;display:flex;flex-wrap:wrap;gap:4px;background:#0c120ee8;padding:5px;border-radius:5px}.hud-tr select{width:calc(50% - 2px);min-width:0;padding:5px;font-size:11px}.hud-tr button,.hud-tr a{margin-left:0!important;padding:5px 7px!important;font-size:11px!important}}.controller-monitor{border:1px solid #718577;border-radius:6px;padding:12px;margin:14px 0}.controller-monitor summary{cursor:pointer;font-weight:600}.controller-monitor summary:focus-visible{outline:2px solid #f2cb73;outline-offset:3px}.controller-monitor h3{font-size:14px;overflow-wrap:anywhere;margin:16px 0 4px}.controller-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.controller-channel{display:grid;grid-template-columns:minmax(0,1fr) 65px;gap:3px 8px;background:#ffffff08;padding:8px;border-radius:4px}.controller-channel>span,.controller-channel>small{grid-column:1/-1}.controller-channel>span{font-size:12px}.controller-channel>small{color:inherit;opacity:.75;font-size:11px;min-height:13px}.controller-channel meter{width:100%;align-self:center}.controller-channel output{font-variant-numeric:tabular-nums;text-align:right}@media (max-width:600px){.controller-channel-grid{grid-template-columns:1fr}}.control-auto-pedals{border:1px solid #718577;border-radius:6px;padding:14px;margin:14px 0}.control-auto-bars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.control-auto-bars label{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:6px;font-size:13px}.control-auto-bars meter{width:100%;grid-column:1;align-self:center}.control-auto-bars output{grid-column:2;grid-row:2;font-variant-numeric:tabular-nums;text-align:right}.control-manual-pedals{margin:14px 0}.control-manual-pedals summary{cursor:pointer}#controls-editor{width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0;border-radius:16px;overflow:auto;color:#202722;background:#fff;border-color:#dde2dd;box-shadow:0 20px 80px #0003;line-height:1.5}#controls-editor[open]{display:flex;flex-direction:column;overflow:hidden}#controls-editor .control-content{min-height:0;overflow:auto;overscroll-behavior:contain;padding-bottom:18px;scroll-padding-block:16px}#controls-editor header{padding:24px 28px 12px;background:inherit}#controls-editor h2{font:600 25px/1.2 system-ui,sans-serif;letter-spacing:-.6px}#controls-editor .control-content>p{margin:8px 28px;color:#536057}#controls-editor .control-devices{padding:12px 16px;background:#f3f6f3;border-radius:8px;font-size:13px;overflow-wrap:anywhere}#controls-editor .control-auto-pedals{margin:20px 28px;padding:18px 20px;border:1px solid #e1e6e1;border-radius:12px;background:#fff}#controls-editor .control-auto-pedals>strong{font-size:16px}#controls-editor .control-help{color:#59645d;margin:8px 0 14px}#controls-editor .control-auto-bars{gap:24px;margin-top:16px}#controls-editor .control-auto-bars meter{height:12px;accent-color:#ff8800}#controls-editor .control-customize,#controls-editor .control-troubleshooting{margin:0 28px;border-top:1px solid #e1e6e1;padding:0}#controls-editor summary{cursor:pointer;padding:16px 0;font-weight:600;font-size:14px}#controls-editor summary:focus-visible{outline:2px solid #ff8800;outline-offset:3px;border-radius:3px}#controls-editor .control-troubleshooting>summary{font-weight:400;color:#59645d}#controls-editor .control-extra,#controls-editor .control-defaults{border-top:1px solid #e1e6e1}#controls-editor .control-row{grid-template-columns:120px minmax(0,1fr) 88px;padding:16px 0;border-color:#e1e6e1}#controls-editor .control-row>strong{font-size:13px;padding-top:6px}#controls-editor button,#controls-editor select{color:#202722;background:#fff;border-color:#d9dfd9;border-radius:7px}#controls-editor .control-chip{background:#f6f8f6;font-size:11px;color:#4d5951}#controls-editor .control-capture{top:0;margin:12px 28px;background:#fff0dd;color:#202722;border-color:#ffb44d}#controls-editor .control-message:empty{display:none}#controls-editor .controller-monitor{border-color:#e1e6e1}#controls-editor footer{position:static;margin-top:0;padding:16px 28px;background:#fff;border-top:1px solid #e1e6e1;z-index:2}#controls-editor header,#controls-editor footer{flex-shrink:0}#controls-editor footer span{max-width:270px;font-size:12px;color:#59645d}#controls-editor [data-save]{background:#f80;color:#202722;border-color:#f80;padding:11px 18px;font-weight:600;white-space:nowrap}@media (max-width:600px){#controls-editor{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:12px}#controls-editor header{padding:20px 18px 10px;gap:10px}#controls-editor h2{font-size:21px}#controls-editor .control-content>p{margin:8px 18px}#controls-editor .control-auto-pedals{margin:18px;padding:16px}#controls-editor .control-customize,#controls-editor .control-troubleshooting{margin:0 18px}#controls-editor .control-capture{margin:12px 18px}#controls-editor .control-auto-bars{gap:14px}#controls-editor .control-row{grid-template-columns:minmax(0,1fr) 88px}#controls-editor footer{padding:14px 18px;gap:12px}#controls-editor footer span{max-width:160px;font-size:11px}}#controls-editor .control-curves{margin:0 28px 18px;border-block:1px solid #e1e6e1;padding:16px 0}#controls-editor .control-curves summary{cursor:pointer;font-weight:600}#controls-editor .pedal-curve{margin:18px 0}#controls-editor .pedal-curve label{display:flex;justify-content:space-between;gap:12px}#controls-editor .pedal-curve input{width:100%;accent-color:#d66b00}#controls-editor .pedal-curve svg{display:block;width:320px;max-width:100%;height:auto;aspect-ratio:200/110;overflow:visible;background:#f6f8f6;border:1px solid #d9dfd9;border-radius:6px;margin-top:8px}#controls-editor .curve-point{cursor:grab;touch-action:none;outline:none}#controls-editor .curve-point.dragging{cursor:grabbing}#controls-editor .curve-point-hit{fill:transparent}#controls-editor .curve-point-dot{fill:#fff;stroke:#d66b00;stroke-width:2}#controls-editor .pedal-curve.custom .curve-point-dot,#controls-editor .curve-point:hover .curve-point-dot,#controls-editor .curve-point.dragging .curve-point-dot{fill:#d66b00}#controls-editor .curve-point:focus-visible{outline:none}#controls-editor .curve-point:focus-visible .curve-point-dot{stroke:#1d5fd1;stroke-width:3}#controls-editor .pedal-curve [data-curve-slider]{margin-top:8px}@media (max-width:600px){#controls-editor .control-curves{margin-inline:18px}}#controls-editor .control-wheel{margin:0 28px 18px;border-bottom:1px solid #e1e6e1;padding:0 0 16px}#controls-editor .control-wheel h3{margin:0 0 6px;font-size:15px}#controls-editor .control-wheel h4{margin:18px 0 4px;font-size:13px}#controls-editor .control-wheel .wheel-field{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0}#controls-editor .control-wheel .wheel-field input[type=number]{width:76px}#controls-editor .control-wheel .wheel-field input[type=range]{flex:1;min-width:140px;accent-color:#d66b00}#controls-editor .control-wheel .wheel-field select{max-width:100%;min-width:0;font:inherit;text-transform:none;letter-spacing:normal;padding:4px 6px}#controls-editor .control-wheel .wheel-check{display:flex;align-items:center;gap:8px;margin:8px 0}#controls-editor .control-wheel .control-wizard{background:#f6f8f6;border:1px solid #d9dfd9;border-radius:6px;padding:10px 12px;margin:10px 0}@media (max-width:600px){#controls-editor .control-wheel{margin-inline:18px}}#controls-editor[data-focus=controller] .control-wheel,#controls-editor[data-focus=wheel] .control-auto-pedals,#controls-editor[data-focus=wheel] .control-troubleshooting,#controls-editor[data-focus=wheel] .control-wheel>h3{display:none}