.controls-overlay{--controls-chalk: #edeae1;--controls-muted: #a3b3b8;--controls-line: #bfd6d51f;--controls-accent: #a9dfcd;position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;align-items:center;justify-items:end;padding:24px;box-sizing:border-box;background:#06101740;color:var(--controls-chalk);font:13px/1.4 system-ui,sans-serif;color-scheme:dark;cursor:auto}.controls-overlay[hidden],.controls-overlay [hidden]{display:none}.controls-panel{width:min(392px,100%);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;border:1px solid #bcd2d33d;border-radius:16px;background:#122026;box-shadow:0 24px 80px #020a1270,inset 0 1px #ffffff0b}.controls-panel button,.controls-panel select,.controls-panel input{font:inherit}.controls-panel button,.controls-panel select{color:inherit;border:1px solid var(--controls-line);border-radius:7px;background:#ffffff04}.controls-panel button{cursor:pointer}.controls-panel button:disabled{cursor:default;opacity:.45}.controls-panel button:hover:not(:disabled){background:#a9dfcd15;border-color:#a9dfcd70}.controls-panel :focus-visible{outline:2px solid var(--controls-accent);outline-offset:3px}.controls-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 22px 18px}.controls-kicker{display:flex;align-items:center;gap:12px;margin:0 0 6px;color:var(--controls-accent);font-size:9px;font-weight:700;letter-spacing:.17em}.controls-live{display:flex;align-items:center;gap:5px;color:var(--controls-muted);font-size:9px;font-weight:400;letter-spacing:.01em}.controls-live:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--controls-accent);box-shadow:0 0 6px #a9dfcd55}.controls-header h2{margin:0;font-size:26px;line-height:1.1;font-weight:650;letter-spacing:-.045em}.controls-header h2>span{padding-right:3px;color:#66867e}.controls-dismiss{flex:0 0 30px;height:30px;padding:0;font-size:20px!important;color:var(--controls-muted)!important}.controls-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin:0 22px;padding:4px;gap:3px;border:1px solid var(--controls-line);border-radius:9px;background:#07121866}.controls-tabs button{padding:8px 4px;font-size:11px;font-weight:600;border-color:transparent;color:var(--controls-muted)}.controls-tabs button[aria-selected=true]{color:var(--controls-accent);border-color:#a9dfcd40;background:#a9dfcd15;box-shadow:0 1px 5px #0002}.controls-content{min-height:0;max-height:370px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#66867e55 transparent;padding:20px 22px;overscroll-behavior:contain}.controls-section-heading{margin-bottom:20px}.controls-section-heading h3{margin:0;font-size:14px;font-weight:550}.controls-section-heading p{margin:3px 0 0;color:var(--controls-muted);font-size:11px}.controls-audio{display:grid;gap:21px}.controls-audio label{display:grid;grid-template-columns:1fr auto;gap:2px 12px}.controls-audio label>span{font-weight:500;font-size:12px}.controls-audio small{grid-column:1 / -1;color:var(--controls-muted);font-size:10px}.controls-audio output{color:var(--controls-accent);font-size:12px;font-variant-numeric:tabular-nums}.controls-panel input[type=range]{accent-color:var(--controls-accent);cursor:pointer;height:16px}.controls-audio input{grid-column:1 / -1;width:100%;margin:10px 0 0}.controls-save-note{margin:21px 0 0;color:#83989e;font-size:10px}.controls-preference{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--controls-line)}.controls-preference label{font-size:12px;font-weight:500}.controls-preference p{margin:3px 0 0;color:var(--controls-muted);font-size:10px;line-height:1.5}.controls-preference select{min-width:92px;padding:7px 8px;font-size:11px}.controls-preference [role=switch]{position:relative;flex:0 0 33px;height:20px;padding:0;border-radius:12px;border:1px solid #a3b3b844;background:#080f1444}.controls-preference [role=switch]>span{position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:#85979d;transition:transform .15s,background .15s}.controls-preference [aria-checked=true]{border-color:#a9dfcd99;background:#a9dfcd24}.controls-preference [aria-checked=true]>span{transform:translate(13px);background:var(--controls-accent)}#controls-fullscreen{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:18px;padding:10px 12px;font-size:12px}.controls-reticle{display:block}.controls-reticle>div:first-child>span{font-size:12px;font-weight:500}.controls-reticle-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px}.controls-reticle-options button{display:grid;justify-items:center;gap:6px;padding:8px 4px 7px;color:var(--controls-muted);font-size:10px}.controls-reticle-options [aria-pressed=true]{color:var(--controls-accent);background:#a9dfcd12;border-color:#a9dfcd55}.controls-reticle-options b{display:grid;place-items:center;width:40px;height:40px;border-radius:5px;background:linear-gradient(135deg,#e7e1d3 50%,#1b262c 50%)}.controls-reticle-options i{width:32px;height:32px}#controls-fullscreen>span{font-size:16px;color:var(--controls-accent)}.controls-fullscreen-message{margin:10px 0 0;color:#d2b0a8;font-size:11px}.controls-input-devices{display:grid;grid-template-columns:1.3fr 1fr;gap:7px;margin-bottom:5px}.controls-input-devices button{padding:9px 6px;color:var(--controls-muted);font-size:11px}.controls-input-devices [aria-pressed=true]{color:var(--controls-accent);background:#a9dfcd12;border-color:#a9dfcd55}.controls-device-strip{display:grid;grid-template-columns:1fr 1fr;gap:13px 10px;padding:17px 0;border-bottom:1px solid var(--controls-line)}.controls-device-strip label{display:grid;gap:6px;color:var(--controls-muted);font-size:10px}.controls-device-strip label:first-child,.controls-dead-zone{grid-column:1 / -1}.controls-device-strip select{width:100%;min-width:0;padding:7px;font-size:11px}.controls-dead-zone{grid-template-columns:1fr auto}.controls-dead-zone input{grid-column:1 / -1;width:100%;margin:0}.controls-dead-zone output{color:var(--controls-accent)}.controls-columns{display:grid;gap:20px;padding-top:20px}.controls-group h3{margin:0 0 6px;color:var(--controls-muted);font-size:10px;font-weight:650;letter-spacing:.12em;text-transform:uppercase}.controls-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:12px;align-items:center;min-height:40px;border-bottom:1px solid var(--controls-line)}.controls-action{min-width:0;font-size:11px}.controls-binding-pair{display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:3px}.controls-binding-pair button{min-width:0;padding:6px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls-binding-pair button+button{border-color:transparent;background:transparent;padding:0;color:#83989e;font-size:15px}.controls-binding-pair .capturing{border-color:#e9d0a6;color:#ffe7bf}#controls-reset{padding:8px 12px;margin-top:18px;color:var(--controls-muted);font-size:11px}.controls-footer{padding:14px 22px 16px;border-top:1px solid var(--controls-line)}.controls-hint{margin:0 0 10px;color:var(--controls-muted);font-size:10px;text-align:center}.controls-close{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 13px;color:#243331!important;border-color:#fff4dc!important;background:#e9e6d8!important;font-weight:650!important}.controls-close:hover{background:#fff8e8!important}.controls-close kbd{font:9px/1.4 system-ui,sans-serif;color:#54615a;border:1px solid #24333133;padding:2px 5px;border-radius:3px}#controls-leave{display:block;margin:10px auto 0;padding:4px 10px;border-color:transparent;color:#d2b0a8;background:transparent;font-size:11px}@media(max-width:600px),(max-height:600px){.controls-overlay{padding:12px}.controls-panel{max-height:calc(100dvh - 24px)}.controls-header{padding:16px 18px}.controls-tabs{margin:0 18px}.controls-content{padding:16px 18px}.controls-footer{padding:12px 18px}}@media(prefers-reduced-motion:reduce){.controls-preference [role=switch]>span{transition:none}}.reticle-contrast{-webkit-mask:var(--reticle-shape) center / 100% 100% no-repeat;mask:var(--reticle-shape) center / 100% 100% no-repeat;-webkit-backdrop-filter:blur(1px) grayscale(1) invert(1) brightness(.926) contrast(1000);backdrop-filter:blur(1px) grayscale(1) invert(1) brightness(.926) contrast(1000)}@supports not ((backdrop-filter: invert(1)) or (-webkit-backdrop-filter: invert(1))){.reticle-contrast{background:currentColor}}