:root{color-scheme:dark;--bg:#0b100d;--panel:#131c17;--panel2:#19251e;--line:#2c3c32;--ink:#eeeade;--muted:#a0ada4;--accent:#ec684d;--green:#91c6a3;--amber:#e9bb70;--red:#f58b80;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:15px;line-height:1.5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{min-height:44px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:9px;padding:8px 13px;cursor:pointer;font-weight:650}button:hover{border-color:var(--muted)}button:disabled{opacity:.4;cursor:default}.primary{background:var(--accent);border-color:var(--accent);color:#1b0f08}.secondary{background:transparent}.danger{color:var(--red)}.icon{width:44px;padding:7px;font-size:22px;flex-shrink:0}input,select,textarea{width:100%;min-height:44px;border:1px solid var(--line);background:#0e1611;color:var(--ink);padding:9px;border-radius:7px}input[type=checkbox]{width:20px;min-height:20px;accent-color:var(--accent)}textarea{min-height:80px;resize:vertical}label{display:grid;gap:5px;font-size:13px;color:var(--muted)}label.check{display:flex;align-items:center;gap:9px;min-height:44px}h1,h2,h3{line-height:1.1;letter-spacing:-.04em}h1{font-size:clamp(36px,5vw,66px);margin:0 0 12px;font-weight:800}h1 em{font-style:normal;color:var(--accent)}h2{font-size:25px;margin:0}h3{font-size:18px;margin:0 0 12px}p{margin:0 0 12px}.muted,small{color:var(--muted)}.eyebrow{font:600 11px ui-monospace,monospace;letter-spacing:.2em;color:var(--green);margin-bottom:15px}.site-header{max-width:1560px;margin:auto;padding:20px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.wordmark{display:flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;font-size:16px;letter-spacing:.08em;font-weight:850}.brand-mark{display:block;flex:none;width:36px;height:36px}.product{border-left:1px solid var(--line);padding-left:12px;color:var(--green);font-size:11px}.site-header nav{display:flex;align-items:center;gap:18px}.site-header nav a{text-decoration:none;font-size:13px}.intro{max-width:1560px;padding:38px 28px 28px;margin:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.intro-note{font-size:13px;max-width:270px;padding-bottom:14px}.intro-note small{display:block;margin-top:5px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px}.workspace-shell{max-width:1560px;padding:0 28px 28px;margin:auto;display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px}.library,#workspace{min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.library{padding:20px;align-self:start}.library-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.library h2{font-size:21px}.library-search{margin:15px 0}.library-items{display:grid;gap:10px;margin-top:16px}.gear-card{border:1px solid var(--line);border-radius:10px;padding:13px;background:#101813}.gear-card h3{font-size:15px;margin-bottom:4px;overflow-wrap:anywhere}.gear-card .row{margin-top:12px}.gear-card small{font-size:11px}.kind-tag{font:10px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--green)}.full{width:100%}.empty{padding:26px 15px;border:1px dashed var(--line);border-radius:10px;text-align:center;color:var(--muted)}.empty p:last-child{margin-bottom:0}.empty-art{display:block;font-size:45px;color:#668d74;margin-bottom:10px}.rig-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);gap:12px;flex-wrap:wrap}.rig-picker{display:flex;align-items:center;gap:10px;max-width:420px;flex:1}.rig-picker select{font-weight:750;font-size:16px}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.actions{display:flex;gap:6px;align-items:center}.save-strip{padding:9px 20px;background:#0f1813;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.tabs{display:flex;padding:13px 20px 0;gap:6px;border-bottom:1px solid var(--line);overflow-x:auto}.tabs button{border:none;border-radius:7px 7px 0 0;background:transparent;color:var(--muted);padding:10px 17px;white-space:nowrap}.tabs button[aria-selected=true]{background:var(--panel2);color:var(--ink);box-shadow:inset 0 -2px var(--accent)}.workspace-body{padding:20px}.layout-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px}.board-tools{display:flex;gap:12px;align-items:flex-end;margin-bottom:16px;flex-wrap:wrap}.board-tools label{max-width:110px}.board-tools button{min-height:44px}.board-wrap{padding:12px;background:#0b110e;border:1px solid var(--line);border-radius:12px;overflow:hidden}.board{width:100%;display:block;min-height:200px;max-height:460px;touch-action:none}.board-device{cursor:grab}.board-device:focus-visible rect,.board-device.selected rect{stroke:var(--accent);stroke-width:3}.board-device:focus{outline:none}.board-caption{font:11px ui-monospace,monospace;color:var(--muted);margin-top:9px;display:flex;justify-content:space-between;gap:10px}.inspector{padding:16px;border:1px solid var(--line);border-radius:11px;background:#101813;align-self:start}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.span2{grid-column:1/-1}.form-stack{display:grid;gap:12px}.device-list{display:grid;gap:8px;margin-top:20px}.device-row{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#111a14}.device-row .name{flex:1;min-width:0;overflow-wrap:anywhere;font-size:13px}.device-row .name small{display:block;font-size:11px}.device-row[aria-current=true]{border-color:var(--accent)}.device-row button{font-size:12px}.issues{margin-top:20px;border:1px solid var(--line);border-radius:10px;padding:16px}.issues h3{display:flex;justify-content:space-between;gap:10px}.issue{font-size:12px;padding:9px 0;border-bottom:1px solid #25352b;display:flex;gap:9px;align-items:baseline}.issue:last-child{border:0}.issue.error{color:var(--red)}.issue.warning{color:var(--amber)}.issue.unknown{color:var(--muted)}.badge{display:inline-flex;align-items:center;padding:3px 7px;border:1px solid var(--line);border-radius:5px;font:10px ui-monospace,monospace;white-space:nowrap}.connection-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px}.connection-form{background:#101813;border:1px solid var(--line);border-radius:11px;padding:18px;align-self:start}.connection-list{display:grid;gap:10px}.connection{border:1px solid var(--line);background:#101813;border-radius:10px;padding:15px}.connection-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.connection-head h3{font-size:16px;line-height:1.4;letter-spacing:0;overflow-wrap:anywhere;margin-bottom:3px}.connection p{font-size:12px;color:var(--muted);margin:4px 0}.connection .route{font:11px ui-monospace,monospace;color:var(--green)}.notice,.account-panel{max-width:1504px;margin:0 auto 18px;border:1px solid var(--line);padding:16px 20px;border-radius:10px;background:var(--panel)}.notice.error{border-color:#a94b40;color:var(--red)}.account-panel{display:grid;grid-template-columns:1fr 1fr;gap:24px}.account-panel[hidden],.notice[hidden]{display:none}.account-panel h2{margin-bottom:12px}.account-panel p{font-size:13px;color:var(--muted)}.online-list{display:grid;gap:8px;max-height:300px;overflow:auto}.online-rig{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px;border:1px solid var(--line);border-radius:7px}.online-rig strong{font-size:13px;overflow-wrap:anywhere}.online-rig small{display:block;font-size:11px}dialog{max-width:610px;width:calc(100% - 28px);background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:15px;padding:24px;max-height:90vh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.dialog-head h2{font-size:27px}dialog fieldset{border:1px solid var(--line);border-radius:9px;padding:14px;margin:0}legend{font-size:13px;color:var(--green);padding:0 5px}dialog ol{padding-left:22px;color:var(--muted);font-size:14px}dialog li{margin-bottom:10px}dialog p{font-size:13px;color:var(--muted)}footer{max-width:1560px;padding:20px 28px 35px;margin:auto;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px;color:var(--muted);font:11px ui-monospace,monospace;letter-spacing:.08em}footer span{margin-right:auto}footer button{font:inherit;background:transparent;border:0}footer a{text-decoration:none}.skip{position:absolute;left:-999px;top:5px;background:var(--accent);padding:10px;z-index:100;color:#111}.skip:focus{left:10px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hint{font-size:12px;color:var(--muted);margin-bottom:14px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.section-title p{margin:7px 0 0}.danger-zone{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
@media(min-width:1600px){.workspace-shell{grid-template-columns:280px minmax(0,1fr)}}@media(max-width:1150px){.layout-grid{grid-template-columns:minmax(0,1fr)}.inspector .fields{grid-template-columns:repeat(4,minmax(0,1fr))}.inspector .span2{grid-column:span 2}.connection-grid{grid-template-columns:minmax(0,1fr)}.connection-form .fields{grid-template-columns:repeat(3,minmax(0,1fr))}.connection-form .span2{grid-column:span 3}}@media(max-width:760px){.site-header{padding:14px 16px;gap:8px}.site-header nav{gap:8px}.site-header nav a{display:none}.wordmark{font-size:13px;gap:8px}.product{padding-left:8px}.intro{padding:27px 16px 20px}.intro-note{display:none}.intro .muted{font-size:13px}.workspace-shell{padding:0 12px 20px;grid-template-columns:minmax(0,1fr);gap:12px}.library{padding:14px}.library-head{margin-bottom:8px}.library-search{margin:0}.library-items{display:flex;overflow-x:auto;gap:8px;margin-top:10px;padding-bottom:3px}.gear-card{flex:0 0 190px}.library .empty{padding:13px;font-size:12px}.empty-art{display:none}.rig-bar{padding:12px;gap:10px}.rig-picker{min-width:100%;max-width:100%}.rig-bar>.actions{width:100%;justify-content:space-between}.save-strip{padding:10px 12px;gap:7px;flex-wrap:wrap}.tabs{padding:8px 10px 0;gap:0}.tabs button{padding:9px 15px}.workspace-body{padding:12px}.board-wrap{padding:7px}.board-caption{font-size:10px}.board-tools{gap:8px}.board-tools label{max-width:94px}.inspector .fields,.connection-form .fields{grid-template-columns:1fr 1fr}.inspector .span2,.connection-form .span2{grid-column:1/-1}.account-panel,.notice{margin:0 12px 12px;padding:15px;grid-template-columns:1fr}.section-title{align-items:flex-start}.section-title h2{font-size:22px}footer{padding:16px;font-size:10px;gap:10px;letter-spacing:0}dialog{padding:18px}.device-row{gap:5px;padding:8px}.device-row button{padding:7px}.intro h1{font-size:39px}.status-label{max-width:100%}}
.reference-selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px;max-width:760px}.reference-selectors select{width:100%;min-width:0}.reference-status{grid-column:1/-1}.reference-detail{min-width:0;padding:18px;background:#101813;border:1px solid var(--line);border-radius:10px;align-self:start}.reference-detail h3{font-size:26px}.reference-detail .primary{margin-bottom:12px}.reference-detail details{border-top:1px solid var(--line);padding:10px 0;font-size:13px}.reference-detail summary{cursor:pointer;min-height:30px;display:list-item;color:var(--green)}.reference-text{white-space:pre-wrap;overflow-wrap:anywhere;padding-top:8px;font-size:12px}.cc-heading{margin-top:25px!important;font-size:18px!important}.cc-scroll{max-height:500px;overflow:auto}.cc-scroll table{width:100%;border-collapse:collapse;font-size:12px}.cc-scroll th{position:sticky;top:0;background:#17231b;text-align:left;font-size:11px;color:var(--green)}.cc-scroll td,.cc-scroll th{padding:8px;border-bottom:1px solid var(--line);vertical-align:top}.cc-scroll td:nth-child(3){white-space:nowrap}.cc-scroll td{overflow-wrap:anywhere}.reference-provenance{margin-top:20px!important}@media(max-width:600px){.reference-selectors{grid-template-columns:1fr;gap:12px}.reference-detail{padding:12px}.cc-scroll table{font-size:11px}.cc-scroll td,.cc-scroll th{padding:6px}.reference-detail h3{font-size:23px}}

/* Workspace entry points sit above individual board and control editors. */
#gear-intro[hidden],#library[hidden]{display:none}.workspace-shell.single-workspace{grid-template-columns:minmax(0,1fr)}.workspace-nav{max-width:1560px;margin:0 auto 20px;padding:14px 28px 0;display:flex;gap:8px;overflow-x:auto}.workspace-nav a{min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:8px;color:var(--muted);text-decoration:none;white-space:nowrap;font-weight:650}.workspace-nav a:hover{color:var(--ink);border-color:var(--line)}.workspace-nav a[aria-current=page]{color:var(--ink);background:var(--panel2);border-color:var(--line);box-shadow:inset 0 -2px var(--accent)}body[data-gear-area=home] #workspace{background:transparent;border:0}.area-heading{padding:22px 20px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.area-heading .eyebrow{font-size:10px;margin-bottom:3px}.area-heading h1{font-size:30px;line-height:1.2;margin:0}.dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.dashboard-heading h2{font-size:25px;margin:3px 0 0}.dashboard-heading .hint{margin:0;max-width:270px}.workspace-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.workspace-card{display:block;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#1a2b20,#111b15);padding:28px;text-decoration:none;transition:border-color .15s,background .15s}.workspace-card:hover{border-color:var(--green);background:#1b2e22}.workspace-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.midi-card{background:linear-gradient(135deg,#202b27,#141c19)}.workspace-card-top{display:flex;justify-content:space-between;gap:15px;color:var(--green)}.workspace-card-top>span:last-child{font-size:25px}.workspace-art{height:105px;margin:8px 0 20px}.workspace-art svg{height:100%;width:158px;stroke:var(--green);stroke-width:2;opacity:.8}.workspace-card h2{font-size:37px;margin:0 0 8px;line-height:1.15;letter-spacing:-1px}.workspace-card p{max-width:390px;color:var(--muted);margin:0 0 30px}.card-meta{display:flex;justify-content:space-between;gap:15px;align-items:center;color:var(--muted);font-size:12px}.card-meta b{font-size:13px;color:var(--ink)}.dashboard-support{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.dashboard-support>a{display:grid;grid-template-columns:1fr auto;padding:20px 24px;border:1px solid var(--line);border-radius:12px;background:var(--panel);gap:5px;text-decoration:none}.dashboard-support>a:hover{border-color:var(--muted)}.dashboard-support strong{font-size:18px}.dashboard-support .eyebrow,.dashboard-support strong,.dashboard-support span:not(.eyebrow){grid-column:1}.dashboard-support span:not(.eyebrow){color:var(--muted);font-size:13px}.dashboard-support b{grid-column:2;grid-row:1/4;align-self:center;font-size:22px}.dashboard-note{margin:24px 0 10px;color:var(--muted);font-size:13px}.saved-setups,.linked-boards{margin-top:28px}.saved-setups h2{font-size:21px;margin-bottom:14px}.setup-collection{padding:10px 22px 24px}.setup-collection .section-title h2{font-size:22px}.setup-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.setup-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;background:#101b14;border:1px solid var(--line);border-radius:10px;text-decoration:none;min-width:0}.setup-row:hover{border-color:var(--green)}.setup-row>div{min-width:0;display:grid;gap:5px}.setup-row strong{font-size:18px;overflow-wrap:anywhere}.setup-row small{color:var(--muted);font-size:12px}.setup-row .eyebrow{font-size:9px}.workspace-empty{padding:32px 22px;color:var(--muted)}.workspace-empty h3{color:var(--ink)}.workspace-empty>svg{width:115px;height:75px;stroke:var(--green);stroke-width:2;margin-bottom:18px}.workspace-empty p{max-width:550px}.dictionary-callout{margin-top:22px;padding:22px;display:flex;justify-content:space-between;gap:20px;align-items:center;background:#18261d;border:1px solid var(--line);border-radius:12px;text-decoration:none}.dictionary-callout strong{display:block;font-size:21px;margin-top:5px}.dictionary-callout p{color:var(--muted);font-size:13px;margin:5px 0 0}.text-action{background:transparent;border-color:transparent;padding-left:0;color:var(--green);font-size:13px}.setup-collection>.text-action{margin-top:15px}.library-main{padding:4px 22px 24px}.library-main .library-search{max-width:500px;display:block}.library-main .library-items{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.library-main>.full{width:auto;margin:14px 10px 0 0}.routing-link{min-height:44px;padding:10px 17px;color:var(--green);white-space:nowrap;text-decoration:none;margin-left:auto;font-size:13px}.midi-setup-heading{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:24px}.midi-setup-heading form{display:flex;align-items:flex-end;gap:10px;flex:1;min-width:250px}.midi-setup-heading form label{flex:1}.midi-setup-heading>a{font-size:12px;min-height:44px;display:flex;align-items:center;color:var(--green)}.midi-devices{margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid var(--line)}.midi-devices .section-title h3{font-size:20px}.midi-device-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.midi-device{display:flex;gap:8px;align-items:center;border:1px solid var(--line);background:#101b14;padding:10px;border-radius:9px;min-width:0}.midi-device>div{min-width:0;flex:1}.midi-device strong{overflow-wrap:anywhere;font-size:13px}.midi-device small{display:block;color:var(--muted);font-size:11px}.midi-devices .form-stack{padding-top:18px}.midi-devices .form-stack>button{justify-self:start}
@media(max-width:760px){.workspace-nav{padding:8px 12px 0;gap:3px;margin-bottom:12px}.workspace-nav a{font-size:12px;padding:10px 12px}.dashboard-heading{display:block;padding:0 4px}.dashboard-heading .hint{margin:10px 0 0;max-width:none}.dashboard-heading h2{font-size:23px}.workspace-cards,.dashboard-support,.setup-list,.midi-device-list{grid-template-columns:1fr}.workspace-cards,.dashboard-support{gap:12px}.workspace-card{padding:21px}.workspace-card h2{font-size:31px}.workspace-art{height:72px;margin:10px 0 15px}.workspace-art svg{width:110px}.workspace-card p{margin-bottom:22px;font-size:14px}.card-meta{flex-wrap:wrap}.dashboard-support{margin-top:12px}.dashboard-support>a{padding:18px 20px}.area-heading{padding:18px 12px 12px}.area-heading h1{font-size:27px}.setup-collection,.library-main{padding:6px 12px 18px}.setup-collection .section-title{flex-wrap:wrap;gap:12px}.setup-collection .section-title>button{width:100%}.setup-row{padding:15px}.library-main .library-items{display:grid;overflow:visible;grid-template-columns:1fr}.library-main .gear-card{flex:auto}.routing-link{padding:10px;font-size:12px}.midi-setup-heading{gap:10px}.midi-setup-heading form{min-width:0;flex-basis:100%;flex-wrap:wrap}.midi-setup-heading form label{flex-basis:100%}.midi-setup-heading form button{width:100%}.midi-workspace .connection-form .fields{grid-template-columns:1fr}.midi-workspace .connection-form .span2{grid-column:1}.midi-device button:not(.icon){padding:8px}.midi-devices .section-title{flex-wrap:wrap}}
body[data-gear-area=home] .intro{padding-top:26px;padding-bottom:14px}body[data-gear-area=home] .intro h1{font-size:52px}body[data-gear-area=home] .workspace-card{padding:24px}body[data-gear-area=home] .workspace-art{height:80px;margin:6px 0 16px}body[data-gear-area=home] .workspace-card h2{font-size:33px}body[data-gear-area=home] .workspace-card p{margin-bottom:20px;font-size:14px}@media(max-width:760px){body[data-gear-area=home] .intro{padding-top:23px;padding-bottom:9px}body[data-gear-area=home] .intro h1{font-size:38px}body[data-gear-area=home] .workspace-card{padding:20px}body[data-gear-area=home] .workspace-card h2{font-size:29px}body[data-gear-area=home] .workspace-art{height:65px}}

@media(max-width:760px){.midi-devices .form-stack .fields{grid-template-columns:1fr}}

/* Original raster catalog and manufacturer board frames share the existing shell. */
.library-modes{display:flex;gap:6px;margin:10px 0 12px}.library-modes button{flex:1;min-width:0;min-height:44px;padding:8px;font-size:12px}.library-modes [aria-pressed=true]{background:var(--panel2);border-color:var(--green);color:var(--ink)}.photo-manufacturer{display:block;margin-top:10px;font-size:11px;color:var(--muted)}.photo-manufacturer select{display:block;width:100%;margin-top:5px}.catalog-count{font-size:11px;color:var(--muted);margin:9px 0}.photo-cards{display:grid;gap:9px;max-height:62vh;overflow-y:auto;overscroll-behavior:contain;padding:1px 2px 3px 0}.photo-card{display:flex;gap:10px;min-width:0;padding:10px}.catalog-photo{display:flex;align-items:center;justify-content:center;flex:0 0 70px;min-width:0;border-radius:5px;background:var(--panel2)}.catalog-photo img{width:70px;height:104px;object-fit:contain}.photo-card-details{min-width:0;flex:1}.photo-card-details .photo-brand{font-size:10px;color:var(--muted)}.photo-card h3{font-size:14px;line-height:1.25;letter-spacing:0;margin:4px 0;overflow-wrap:anywhere}.photo-card-details>small{display:block;font-size:10px;line-height:1.4;color:var(--muted)}.photo-card-details>button.icon{display:flex;align-items:center;justify-content:center;margin-top:8px;width:44px;min-height:44px;padding:7px;font-size:22px}.personal-photo{float:right;width:58px;height:76px;object-fit:contain;margin-left:8px}.selected-pedal-photo{margin:12px 0}.selected-pedal-photo img{display:block;width:100%;height:140px;object-fit:contain}.selected-pedal-photo .hint{margin:8px 0;font-size:11px}.board-tools .board-template-label{flex:1 1 235px;min-width:0;max-width:none}.board-template-label select{width:100%;min-width:0}.board-device .pedal-photo{pointer-events:none}.board-device .device-footprint{transition:stroke .12s}.board-device.size-unset .device-footprint{stroke-dasharray:3 2}.board-device.selected .device-footprint{stroke:var(--accent);stroke-width:2}.frame-source{font-size:10px;color:var(--muted);margin:8px 0 0;overflow-wrap:anywhere}.frame-source a{color:var(--green)}.library-main .photo-manufacturer{max-width:500px}.library-main .photo-cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));max-height:none;overflow:visible}.library-main .library-modes{max-width:500px}
@media(max-width:760px){.library-modes{margin:8px 0}.photo-cards{display:flex;overflow-x:auto;overflow-y:hidden;max-height:none;gap:8px;padding-bottom:8px;overscroll-behavior-x:contain}.photo-card{flex:0 0 210px;padding:9px}.catalog-photo{flex-basis:64px}.catalog-photo img{width:64px;height:102px}.photo-manufacturer{margin-top:8px}.catalog-count{margin:6px 0}.board-tools .board-template-label{flex-basis:100%;max-width:none}.library-main .photo-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));overflow:visible}.library-main .photo-card{flex:auto}.selected-pedal-photo img{height:110px}}
.photo-target{border:1px solid var(--line);background:var(--panel2);border-radius:7px;padding:10px;margin:8px 0}.photo-target strong{font-size:12px;overflow-wrap:anywhere}.photo-target p{font-size:11px;color:var(--muted);margin:5px 0 8px}.photo-target button{min-height:44px;font-size:11px;width:100%}

.pending-dimensions{border:1px solid var(--amber);border-radius:8px;padding:12px;margin:0 0 14px}.pending-dimensions h3{margin:0;font-size:16px}.pending-dimensions>.hint{margin:6px 0 10px}.pending-size-items{display:flex;flex-wrap:wrap;gap:8px}.pending-size-item{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:6px;padding:8px;min-width:0;flex:1 1 240px}.pending-size-photo{width:38px;height:48px;object-fit:contain;flex:none}.pending-size-item strong{font-size:12px;overflow-wrap:anywhere;flex:1;min-width:0}.pending-size-item button{min-height:44px;flex:none;font-size:11px;padding:8px}.pending-dimensions .pending-size-photo{pointer-events:none}

.board .body-framed{overflow:visible}

/* A collection-led spatial puzzle inside the existing rig editor. */
.designer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.designer-heading h2{font-size:38px;margin:3px 0 8px}.designer-heading .hint{margin:0}.designer-controls{display:grid;grid-template-columns:minmax(160px,1.4fr) minmax(140px,1fr) 125px;gap:12px}.designer-controls label,.designer-custom-size label{min-width:0}.designer-controls select{width:100%}.designer-custom-size{display:flex;gap:12px;margin-top:12px;max-width:300px}.designer-guide-note{font-size:13px;color:var(--green);padding:12px 0;margin:0}.designer-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px}.designer-play,.designer-collection{min-width:0}.designer-score{display:flex;gap:22px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:10px 10px 0 0;padding:14px 16px;background:var(--panel2);font-size:11px;color:var(--muted)}.designer-score>span{display:flex;flex-direction:column;gap:3px}.designer-score strong{font-size:25px;font-variant-numeric:tabular-nums;color:var(--ink)}.designer-score strong small{font-size:14px;color:var(--muted)}.designer-ready{color:var(--green)}.designer-canvas{overflow:hidden;border:1px solid var(--line);border-top:0;padding:16px;background:#0b110e;border-radius:0 0 10px 10px}.designer-canvas .board{min-height:120px;max-height:420px;overflow:visible}.designer-canvas .board-caption{margin-top:14px;flex-wrap:wrap}.designer-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}.designer-tools>button{font-size:12px}.designer-tools .check{font-size:11px;gap:6px;margin:0}.designer-instruction{font-size:12px}.design-piece.active .device-footprint{stroke:var(--accent);stroke-width:3}.designer-selection{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;font-size:12px}.designer-selection>strong{flex:1;overflow-wrap:anywhere}.designer-selection>span{color:var(--muted);font:11px ui-monospace,monospace}.designer-selection .row{flex-basis:100%}.designer-selection .icon{flex:1}.designer-feedback{font-size:12px;color:var(--muted);margin:12px 0}.designer-feedback p{margin:8px 0}.designer-feedback summary{cursor:pointer;padding:10px 0}.designer-feedback li{margin:6px 0}.designer-bench{border:1px dashed var(--line);border-radius:10px;padding:12px;margin:14px 0}.designer-bench h3{font-size:15px}.designer-bench-item{display:flex;gap:10px;align-items:center;font-size:12px;margin-top:8px}.designer-bench-item img{object-fit:contain;flex:none}.designer-bench-item>div{flex:1;min-width:0;overflow-wrap:anywhere}.designer-bench-item small{display:block;color:var(--muted);line-height:1.4;margin-top:3px}.designer-chain{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.designer-chain .section-title{flex-wrap:wrap;gap:10px}.designer-chain h3{font-size:22px}.designer-chain .section-title button{font-size:12px}.designer-chain .hint{font-size:12px}.designer-chain ol{list-style:none;padding:0;margin:14px 0}.designer-chain li{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.designer-chain li>div{flex:1;min-width:0;overflow-wrap:anywhere}.designer-chain li img{width:30px;height:44px;object-fit:contain}.designer-chain li small{display:block;color:var(--muted);margin-top:3px;font-size:10px}.designer-step{color:var(--green);font:12px ui-monospace,monospace;min-width:16px}.designer-pedal-placeholder{display:flex;justify-content:center;align-items:center;width:40px;height:50px;background:var(--panel2);border:1px solid var(--line);border-radius:5px;color:var(--green);flex:none}.designer-chain .designer-pedal-placeholder{width:30px;height:40px}.designer-keep{margin-top:24px;border:1px solid var(--green);background:var(--panel2);padding:16px;border-radius:10px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.designer-keep>div{flex:1;min-width:140px}.designer-keep strong{display:block;font-size:15px}.designer-keep small{font-size:11px;color:var(--muted)}.designer-keep button{font-size:12px}.designer-collection{padding:16px;border:1px solid var(--line);border-radius:10px;align-self:start;background:var(--panel2)}.designer-collection h3{font-size:20px;line-height:1.4}.designer-collection>.row{margin:6px 0 10px}.designer-collection>.hint{font-size:11px;margin-top:12px}.designer-items{max-height:760px;overflow-y:auto;margin-top:12px;display:grid;gap:8px}.designer-item{padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.designer-pick{display:flex;align-items:center;gap:8px;margin:0;cursor:pointer}.designer-pick>input{width:20px;height:44px;flex:none;accent-color:var(--green)}.designer-pick>img{object-fit:contain;flex:none;width:35px}.designer-pick>span:last-child{flex:1;min-width:0}.designer-pick strong{display:block;font-size:12px;color:var(--ink);overflow-wrap:anywhere}.designer-pick small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.designer-item>label:not(.designer-pick){font-size:10px;margin-top:10px}.designer-item select{width:100%;font-size:12px;min-height:44px}.designer-sizes{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.designer-sizes label{font-size:10px;min-width:0}.designer-sizes input{font-size:12px;width:100%}
@media(max-width:1150px){.designer-layout{grid-template-columns:minmax(0,1fr)}.designer-items{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:520px}.designer-collection{order:-1}.designer-collection .designer-items{max-height:320px}.designer-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.designer-controls>label:first-child{grid-column:1/-1}.designer-heading h2{font-size:33px}}
@media(max-width:760px){.designer-heading{gap:8px;flex-wrap:wrap}.designer-heading h2{font-size:32px}.designer-heading>button{padding-left:0}.designer-controls{gap:10px}.designer-controls label{font-size:11px}.designer-controls select,.designer-controls input{font-size:13px}.designer-layout{gap:16px}.designer-score{padding:12px 10px;gap:10px}.designer-score strong{font-size:23px}.designer-score>span:last-child{font-size:10px;max-width:70px}.designer-canvas{padding:10px}.designer-canvas .board-caption{font-size:9px}.designer-items{grid-template-columns:1fr;max-height:560px}.designer-keep>button{width:100%}.designer-chain li{gap:6px}.designer-chain li .icon{flex:none}.designer-collection{padding:12px}.designer-chain .section-title .row{width:100%}.designer-tools .check{flex-basis:100%;padding:6px 0}}
.personal-gear-card .row{gap:6px}.personal-gear-card [data-action=add-device]{flex:1 1 80px;min-width:0;padding:6px;font-size:11px}.personal-gear-card .icon{display:inline-flex;align-items:center;justify-content:center}
.saved-configurations{margin:0 22px 24px;padding-top:20px;border-top:1px solid var(--line)}.saved-configurations h3{margin:0;font-size:21px}.saved-configurations .hint{margin:5px 0 0}.saved-configurations .section-title{flex-wrap:wrap;gap:12px}.saved-configurations .setup-row{gap:12px}.saved-configurations .setup-row button{flex:none;min-height:44px}@media(max-width:760px){.saved-configurations{margin:0 12px 20px}.saved-configurations .section-title>button{width:100%}}

.rig-bar>.actions{flex-wrap:wrap}