/* Same cast hardware, pixel type, guitar art, pedals and selector as the 5 Nov live UI. */
*{-webkit-tap-highlight-color:transparent}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;padding:24px 16px;background:#202b30}input,textarea,pre{user-select:text;-webkit-user-select:text;touch-action:auto}button{touch-action:manipulation}button:disabled{cursor:default;opacity:.5}button,input,select,textarea{font-family:'Redaction 50',serif}a{color:inherit}body .device{width:min(1248px,100%);height:min(750px,calc(100dvh - 110px));min-height:460px;grid-template-columns:27% minmax(0,1fr);padding:24px;gap:20px}body .left,body .right{height:100%;min-height:0}body .left{display:grid;grid-template-rows:minmax(200px,1fr) 228px 24px}body .right{display:grid;grid-template-rows:96px minmax(0,1fr) 32px!important;gap:12px}.site-bar{display:flex;align-items:center;gap:22px;justify-content:space-between;width:min(1248px,100%);height:30px;color:#e4e4d8;font:14px 'Redaction 50',serif}.site-bar a{text-decoration:none}.site-bar>span{opacity:.7}.unit{padding:8px;display:grid;grid-template-rows:40px minmax(0,1fr) 44px;gap:5px}.unit-heading{display:flex;align-items:center;justify-content:space-between;min-width:0}.unit-heading #unit-name{font-size:20px;color:#eee9d6;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.unit-heading button{width:44px;min-height:44px;flex:none}#unit-carousel{height:100%;min-height:0;background:radial-gradient(ellipse at 35% 28%,var(--card-color),#122223 80%)}#unit-carousel::before{content:'';position:absolute;inset:0;background-image:url('./materials/glass-dither.svg');opacity:.12;pointer-events:none}.unit-track,.unit-slide{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.unit-slide img{width:min(90%,230px);height:90%;object-fit:contain;image-rendering:pixelated}.nav-region{padding-top:10px;justify-content:center}.nav-region .nav-heading{position:absolute;left:8px;top:6px}#radial-nav.panel-navigation{margin-top:14px}.left-foot{padding:6px;font:10px system-ui,sans-serif}h1{font-size:38px}.screen{padding:12px 18px}.screen-top{font:12px 'Redaction 50',serif}.screen-top span:last-child{font:9px system-ui,sans-serif;letter-spacing:.1em}.right>footer{font:11px system-ui,sans-serif;color:#d5d6bd}.right>footer button{height:32px;min-height:32px;padding:2px 14px}.right #rack.builder-panel{display:block;overflow:auto;overscroll-behavior:contain;background:var(--recess);padding:16px;border:3px solid var(--seam);color:#eee9d6;scrollbar-color:#7f8b79 #1c2825;min-height:0}.builder-panel h2{font:23px/1.1 'Redaction 50',serif;font-weight:normal;margin:0 0 12px}.builder-panel p,.builder-panel small{line-height:1.5}.builder-panel p{font:14px/1.5 system-ui,sans-serif}.builder-panel small{font:12px/1.5 system-ui,sans-serif}.builder-panel button{min-height:44px;padding:8px 16px;font-size:17px}.panel-note{color:#bcc9b8}.builder-panel .pedalboard{height:calc(100% - 50px);min-height:275px;display:flex;flex-direction:column;gap:12px;border:0;box-shadow:none;padding:0;background:none}.pedalboard-bar{min-height:44px;display:flex;flex:none;padding:0;gap:6px}.pedalboard-bar>span{font:12px system-ui,sans-serif;letter-spacing:.12em}.pedalboard-bar button{min-width:44px}.pedalboard-track{display:flex;gap:14px;overflow-x:auto;align-items:center;min-height:0;padding:12px 6px 18px;scroll-snap-type:x proximity;scrollbar-width:thin;flex:1}.board-pedal.large-pedal{width:195px;min-width:195px;height:267px;scroll-snap-align:start}.pedal-header{height:53px}.pedal-header strong{font-size:17px}.large-pedal-art{width:180px;height:180px}.large-pedal-art>img{width:180px;height:180px}.pedal-status{font-size:10px}.panel-toolbar{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-toolbar span{font:11px system-ui,sans-serif}.picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.picker-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;white-space:normal;text-align:left}.picker-card small{font-size:10px;line-height:1.3}.parameter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.parameter{background:var(--plate);color:var(--ink);padding:12px;min-height:148px;border:1px solid var(--plate-shadow);box-shadow:inset 1px 1px var(--plate-light);display:flex;flex-direction:column;gap:8px;justify-content:space-between}.parameter>span{font:13px 'Redaction 50',serif}.parameter output{font:29px 'Redaction 50',serif}.parameter input{width:100%;min-height:40px;accent-color:#e4a05d}.parameter .toggle{width:100%;min-height:50px;margin:auto 0}.tone-tabs{display:flex;gap:4px;overflow:auto;padding:0 0 12px}.tone-tabs button{font-size:14px;flex:none;padding:5px 12px}.tone-tabs button[aria-selected=true]{outline:2px solid #ffd08a;outline-offset:-3px}.quiet-action{margin-top:20px}.foundation-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.asset-card,.capture-card,.audition,.provenance,.save-lead,.import-status{border:1px solid #69796a;padding:16px;background:#24332f}.asset-card h2{margin:0;font-size:22px}.asset-card>div:first-child{display:flex;flex-direction:column;gap:8px}.asset-state{font:11px system-ui,sans-serif;color:#dfba7b}.asset-card p{overflow-wrap:anywhere}.asset-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.builder-panel label:not(.parameter):not(.guitar-choice){display:flex;flex-direction:column;gap:6px;font:16px 'Redaction 50',serif}.builder-panel input:not([type=range]):not([type=radio]):not([type=checkbox]),.builder-panel textarea,.builder-panel select{width:100%;height:46px;background:var(--glass);color:var(--glass-ink);border:2px solid var(--seam);padding:8px;font-size:18px;margin:0}.builder-panel textarea{height:100px;resize:vertical}.builder-panel .check-label{flex-direction:row!important;align-items:center;margin-top:20px;min-height:44px}.check-label input{width:22px;height:22px;accent-color:#dfba7b}.provenance,.audition,.import-status{margin-top:16px}.provenance summary,details summary{cursor:pointer;min-height:32px;font-size:18px}.provenance form{display:flex;flex-direction:column;gap:14px;padding-top:16px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.audition{display:grid;grid-template-columns:1fr auto;gap:12px}.audition h2{margin:0}.audition p{font-size:12px;margin:8px 0 0}.audition>p{grid-column:1/-1;color:#dfba7b}.audition>button{align-self:center;min-width:150px}.builder-panel #identity-form{color:#eee9d6}.builder-panel .identity-grid{padding:0!important;grid-template-columns:1.2fr 1fr!important;gap:20px!important}.identity-details{display:flex;flex-direction:column;gap:16px}.builder-panel .guitar-options{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}.builder-panel #identity-form .guitar-choice{min-height:124px;padding:8px;background:var(--plate);color:var(--ink)}.builder-panel #identity-form .guitar-choice img{width:70px;height:70px}.builder-panel #identity-form .guitar-choice span{font-size:13px;min-height:28px;text-align:center}.builder-panel #identity-form .two-fields{margin-top:16px}.builder-panel #identity-form input[type=color]{height:44px}.builder-panel #identity-form>footer{margin-top:20px;padding:16px 0;display:flex;justify-content:flex-end;gap:8px}.identity-art{display:flex;flex-wrap:wrap;gap:8px}.identity-art small{width:100%}.guitar-list{display:grid;gap:10px;margin-bottom:24px}.guitar-entry{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:7px}.guitar-entry strong{font:22px 'Redaction 50',serif}.guitar-entry[aria-current=true]{outline:2px solid #ffd08a;outline-offset:-3px}.save-lead>h2{font-size:29px}.builder-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 ui-monospace,monospace;color:#f4d09a}#notice{min-height:20px;max-width:1200px;margin:0;color:#d5d9c9;font:13px/1.4 system-ui,sans-serif;text-align:center}#notice[data-error=true]{color:#ffd19c}dialog{max-width:min(480px,90vw);background:var(--face);color:var(--ink);border:4px solid var(--seam);padding:24px}dialog::backdrop{background:#051116b0}dialog h2{font-size:28px;font-weight:normal}dialog p{font:16px/1.5 system-ui,sans-serif}dialog footer{display:flex;justify-content:flex-end;gap:12px}dialog button{min-height:44px;padding:8px 18px}.workshop-card{min-width:180px}
@media(max-height:650px) and (min-width:700px){body{padding:0;gap:0}.site-bar{display:none}body .device{height:100dvh;min-height:460px;padding:12px;gap:12px;grid-template-columns:216px minmax(0,1fr)}body .left{grid-template-rows:minmax(180px,1fr) 203px 20px}.nav-region{padding-top:0}#radial-nav.panel-navigation{margin-top:0}body .right{grid-template-rows:78px minmax(0,1fr) 25px!important;gap:6px}.screen{padding:8px 12px}h1{font-size:30px}.right #rack.builder-panel{padding:8px}.board-pedal.large-pedal{width:174px;min-width:174px;height:228px}.large-pedal-art,.large-pedal-art>img{width:150px;height:150px}.pedal-header{height:44px}.pedal-header strong{font-size:14px}.builder-panel .pedalboard{height:100%;min-height:238px;gap:0}.home-view>.panel-note{display:none}.pedalboard-track{padding:4px}.pedalboard-bar{min-height:38px}.pedalboard-bar button{min-height:38px}.parameter{min-height:120px}.parameter output{font-size:23px}.picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#notice{position:fixed;bottom:3px;left:10%;right:10%;z-index:60;background:#172723;padding:5px;border:1px solid #677560}#notice:empty{display:none}}
@media(max-width:699px){body{padding:8px;gap:10px}.site-bar{font-size:12px}.site-bar>span{display:none}body .device{display:flex;flex-direction:column;height:auto;min-height:0;padding:14px;gap:14px;max-width:none}body .left{display:grid;grid-template-columns:minmax(0,1fr) 184px;grid-template-rows:213px;min-height:213px;border-width:2px}.unit{grid-row:auto;border:0;border-right:2px solid var(--seam);padding:5px;grid-template-rows:30px minmax(0,1fr) 40px}.unit-heading #unit-name{font-size:16px}.unit-slide img{height:110px;width:110px}.nav-region{padding:0}.nav-heading{display:none}#radial-nav.panel-navigation{margin:0}.left-foot{display:none}.unit-switcher{height:40px}body .right{height:560px;grid-template-rows:86px minmax(0,1fr) 30px!important;gap:8px}.screen{padding:10px 12px}h1{font-size:30px}.right #rack.builder-panel{padding:10px}.foundation-grid,.builder-panel .identity-grid{grid-template-columns:1fr!important}.builder-panel .guitar-options{grid-template-columns:repeat(3,minmax(0,1fr))!important}.picker-grid,.parameter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audition{grid-template-columns:1fr}.audition>button{width:100%}.pedalboard-bar>span{font-size:10px}.pedalboard-bar .board-add{min-width:0;padding:0 6px!important;font-size:14px}.pedalboard-bar{gap:2px}.panel-toolbar{flex-wrap:wrap}.parameter output{font-size:22px}.two-fields{grid-template-columns:1fr}.builder-panel #identity-form .two-fields{grid-template-columns:1fr 1fr}}

body{display:grid;justify-items:center;align-content:center}body .device{margin:0}

.builder-knob{position:relative;width:80px;height:80px;align-self:center;flex:none}.builder-knob>img,.builder-knob>svg{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.builder-knob svg{shape-rendering:crispEdges;fill:#f3c688}.parameter .builder-rotary{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ns-resize;touch-action:none}.builder-knob:focus-within{outline:2px solid #bc7337;outline-offset:2px}.parameter{min-height:184px}.parameter output{text-align:center}.parameter>span{text-align:center}@media(max-height:650px){.builder-knob{width:60px;height:60px}.parameter{min-height:150px}}
.builder-panel #identity-form{max-height:none}.builder-panel #identity-form .identity-grid{overflow:visible;touch-action:pan-y}.builder-panel{touch-action:pan-y}.pedalboard-track{touch-action:pan-x}.device input,.device textarea{-webkit-user-select:text;user-select:text}
@media(max-width:699px){body .left{height:213px;flex:none}body .right{height:560px;flex:none}.unit-switcher{position:relative;isolation:isolate;grid-template-columns:minmax(44px,1fr) 40px minmax(44px,1fr);gap:0}.unit-switcher::before{content:'';position:absolute;z-index:-1;inset:1px 0;border:8px solid transparent;border-image:var(--cap-rest) 4 fill / 8px / 0 stretch;image-rendering:pixelated}.unit-switcher button{width:100%;height:44px;min-height:44px;border:0!important;background:transparent!important;box-shadow:none!important;clip-path:none!important;color:#f0ecd6}.unit-switcher button::before,.unit-switcher button::after{display:none!important}#unit-count{text-align:center;margin:0}.builder-panel .pedalboard{height:calc(100% - 50px);min-height:300px}.pedalboard-track{align-items:flex-start;padding-top:10px}}