/* A single physical selector with legends printed on the surrounding metal. */
.nav-region{display:flex;flex-direction:column;align-items:center;gap:0;padding:8px 7px 0;background:var(--plate);box-shadow:inset 0 2px var(--plate-light);position:relative}
.nav-region .nav-heading{align-self:flex-start;padding-left:3px;font:9px system-ui,sans-serif;letter-spacing:.18em;color:var(--ink);opacity:.75;height:15px}
#radial-nav.panel-navigation{position:relative;width:180px;height:193px;flex:none;margin:-3px 0 0;color:var(--ink)}
.panel-print{position:absolute;inset:0;width:180px;height:180px;pointer-events:none;fill:none;stroke:var(--ink);stroke-width:1.1;opacity:.46;shape-rendering:crispEdges}
.panel-navigation .painted-destination{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:48px;height:44px;min-height:44px;padding:0!important;margin:0;border:0!important;background:transparent!important;box-shadow:none!important;clip-path:none!important;color:var(--ink)!important;font:10px/1 system-ui,sans-serif;font-weight:700;letter-spacing:.08em;opacity:.8;touch-action:manipulation}
.panel-navigation button::before,.panel-navigation button::after{display:none!important}
.panel-navigation .painted-destination.selected{opacity:1;color:var(--accent-light)!important;text-shadow:0 1px var(--seam)}
.painted-destination img{width:28px;height:28px;object-fit:contain;image-rendering:pixelated;pointer-events:none;filter:saturate(.6)}
.painted-destination.destination-0{left:66px;top:2px}.painted-destination.destination-1{left:134px;top:68px}.painted-destination.destination-2{left:66px;top:134px}.painted-destination.destination-3{left:-2px;top:68px}
.printed-symbol{width:25px;height:25px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.eq-symbol i{display:block;width:2px;height:22px;background:currentColor;position:relative}.eq-symbol i::after{content:'';position:absolute;width:7px;height:4px;background:currentColor;left:-2px;top:4px}.eq-symbol i:nth-child(2)::after{top:14px}.eq-symbol i:nth-child(3)::after{top:8px}
.viz-symbol{gap:2px}.viz-symbol i{width:3px;height:7px;background:currentColor}.viz-symbol i:nth-child(2),.viz-symbol i:nth-child(4){height:17px}.viz-symbol i:nth-child(3){height:25px}
.panel-navigation .navigation-knob{position:absolute;left:48px;top:48px;width:84px;height:84px;min-height:84px;padding:0!important;border:0!important;border-radius:50%;background:transparent!important;box-shadow:none!important;clip-path:none!important;touch-action:none;cursor:grab}
.navigation-knob:active{cursor:grabbing}.navigation-knob img,.navigation-knob svg{position:absolute;inset:0;width:84px;height:84px;image-rendering:pixelated;pointer-events:none}.navigation-knob img{filter:drop-shadow(1px 3px 0 #10171488)}.navigation-knob svg{shape-rendering:crispEdges}.navigation-knob .marker{fill:#f7c780}.navigation-knob .marker-shadow{fill:#141b18;transform:translate(1px,1px)}
.panel-navigation .panel-caption{position:absolute!important;top:180px;left:0;right:0;margin:0;font:10px/1 system-ui,sans-serif;letter-spacing:.1em;color:var(--ink);text-align:center;opacity:.8}
.panel-navigation button:focus-visible{outline:2px solid var(--accent-light)!important;outline-offset:0}
.pedalboard-bar{gap:5px;padding:0 5px}.pedalboard-bar>span{font-size:10px;letter-spacing:.1em}.pedalboard-bar .board-add{width:auto;min-width:105px;margin-left:auto;padding:0 10px!important;font:14px 'Redaction 50',serif;color:#f6d39c!important;border-left:1px solid #738276!important}
[data-pan]{touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;cursor:grab}
[data-pan].is-panning{cursor:grabbing;scroll-behavior:auto!important;scroll-snap-type:none!important}
#rack.picker-view{touch-action:none}#identity-dialog,#appearance-dialog{touch-action:none;overscroll-behavior:contain}
#identity-dialog input:not([type=radio]):not([type=checkbox]),#identity-dialog textarea,#appearance-dialog select{touch-action:auto;-webkit-user-select:text;user-select:text}

.panel-navigation .panel-caption{position:absolute!important;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.board-pedal.large-pedal{width:180px;min-width:180px;height:228px;padding:0 6px 4px;gap:0;background:color-mix(in srgb,var(--pedal-case) 38%,#1c2825);border:1px solid #65776a;box-shadow:3px 4px #111b18}
.pedal-header{height:44px;flex:none;display:flex;align-items:center;gap:4px;min-width:0;border-bottom:1px solid #71807655}
.pedal-header strong{font:14px/1 'Redaction 50',serif;color:#efe8d6;flex:1;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.board-pedal .pedal-edit{width:44px;min-width:44px;height:44px;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#f5ca8b!important;font:12px 'Redaction 50',serif}
.large-pedal-art{position:relative;width:160px;height:160px;margin:auto;flex:none}.large-pedal-art>img{width:160px;height:160px;image-rendering:pixelated;pointer-events:none}
.large-pedal-art::after{content:'';position:absolute;left:12%;right:12%;top:44%;height:12%;background:#30221e;pointer-events:none}
.board-pedal .sprite-footswitch{position:absolute;left:29%;top:57%;width:42%;height:35%;min-height:44px;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;z-index:2;clip-path:none!important}
.board-pedal .sprite-footswitch:active{background:#f8ba5829!important}.board-pedal .sprite-footswitch:focus-visible,.board-pedal .pedal-edit:focus-visible{outline:2px solid #ffc27c!important;outline-offset:-2px}
.pedal-status{height:16px;display:flex;align-items:center;justify-content:center;gap:6px;color:#e9e0cd;font:9px system-ui,sans-serif;letter-spacing:.1em}.pedal-status i{width:5px;height:5px;background:#6e766e;box-shadow:0 0 0 1px #151c18}.large-pedal[data-enabled=true] .pedal-status i{background:#ffbd6e;box-shadow:0 0 5px #ffbd6e}.large-pedal[data-enabled=false] .large-pedal-art>img{filter:saturate(.25) brightness(.78)}