.packs-page main,.pack-header{max-width:1360px;margin:auto;padding-inline:48px}
.packs-page .skip-link{position:fixed;left:16px;top:-80px;z-index:20;background:var(--ink);color:var(--paper);padding:12px 18px}.packs-page .skip-link:focus{top:12px}
.pack-header{height:84px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;letter-spacing:.03em;border-bottom:1px solid var(--line)}
.pack-header span{color:var(--muted);font-weight:400;margin-left:8px}.pack-header>a:last-child{font-weight:400;letter-spacing:0}
.pack-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:end;padding:62px 0 48px}
.pack-intro h1{font-size:clamp(40px,4.6vw,64px);line-height:1.02;letter-spacing:-.047em;margin-bottom:0}.pack-intro h1 em{font-family:InstrumentSerif,Georgia,serif;color:var(--copper);font-weight:400}
.pack-intro>div:last-child{padding-bottom:3px;max-width:370px;font-size:15px;line-height:1.65;color:var(--muted)}.pack-intro .intro-note{font-family:var(--mono);font-size:10px;margin:20px 0 0;color:var(--ink)}
.library-shell{display:grid;grid-template-columns:235px minmax(0,1fr);border-top:1px solid var(--ink)}
.pack-nav{padding:24px 24px 24px 0;border-right:1px solid var(--line)}.pack-nav .eyebrow{margin-bottom:18px}
.pack-nav button{width:100%;background:none;border:0;border-bottom:1px solid var(--line);padding:17px 9px;text-align:left;color:var(--muted);min-height:64px}.pack-nav button strong{display:block;font-size:17px;font-weight:500;color:var(--ink)}.pack-nav button small{display:block;margin-top:5px;font-size:11px}.pack-nav button[aria-pressed=true]{background:#deded0;border-left:3px solid var(--copper);padding-left:12px}.pack-nav button[aria-pressed=true] strong{color:var(--copper)}
.pack-body{padding:27px 0 0 28px;min-width:0}.pack-heading{display:flex;align-items:start;justify-content:space-between;gap:24px}.pack-heading h2{font-size:32px;letter-spacing:-.035em;margin-bottom:8px}.pack-heading p{color:var(--muted);font-size:13px;line-height:1.5}.recipe-link{font-size:11px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px;padding:10px 0}
.filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0 20px}.filters label{font-size:11px;color:var(--muted)}.filters input,.filters select{height:40px;background:#f7f4ed;border:1px solid var(--line);border-radius:0;padding:8px;color:var(--ink);font:13px var(--font)}.filters input{width:200px;max-width:100%}.filters select{margin-left:7px}.result-count{margin-left:auto;font:10px var(--mono);color:var(--muted)}
.audition{position:sticky;top:12px;z-index:4;background:var(--dark);color:var(--paper);padding:21px 22px;margin-bottom:21px}.slot-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.slot{display:flex;gap:13px;align-items:center;min-width:0;background:transparent;border:1px solid #69705f;color:var(--paper);text-align:left;padding:12px;min-height:62px}.slot[aria-pressed=true]{border-color:#e3ddc9;background:#414736}.slot b{font:18px var(--mono);border-right:1px solid #69705f;padding-right:13px}.slot span{min-width:0}.slot strong{display:block;font-size:14px;font-weight:500}.slot small{display:block;color:#c0c5b5;font-size:10px;margin-top:5px}.transport{display:flex;align-items:center;gap:14px;margin-top:18px}.transport button{min-height:42px;min-width:72px;background:var(--paper);color:var(--ink);border:0;font-size:12px}.transport input{flex:1;min-width:30px;accent-color:#d2c6aa}.transport output{font:11px var(--mono);min-width:70px;text-align:right}.audition-note{font-size:10px;line-height:1.5;color:#c0c5b5;margin:12px 0 0}.audition #audio-status{min-height:15px;color:#e8dbc0}
.preset-row,.filters{scroll-margin-top:365px}
.song-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.song-controls label{font:9px var(--mono);color:#c0c5b5;letter-spacing:.06em}.song-controls select{display:block;width:100%;margin-top:7px;height:38px;background:#343a2e;border:1px solid #69705f;border-radius:0;color:var(--paper);padding:7px 9px;font:12px var(--font)}.part-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;font:9px var(--mono);color:#c0c5b5}.part-controls button{background:none;border:0;border-bottom:1px solid #69705f;color:var(--paper);font:10px var(--font);padding:6px 0;min-height:32px}.part-controls span{text-align:right}
@media(max-height:700px){.audition{position:static}}
.preset-row{display:grid;grid-template-columns:28px minmax(0,1fr) 72px;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.preset-number{font:10px var(--mono);color:var(--muted)}.preset-info{background:none;border:0;color:var(--ink);text-align:left;padding:4px 0;min-height:42px}.preset-info strong{font-size:15px;font-weight:500}.preset-info small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:4px}.preset-info .role{font:9px var(--mono);text-transform:uppercase;color:var(--copper);margin-left:10px}.assign{display:flex;gap:5px}.assign button{height:36px;width:34px;border:1px solid var(--line);color:var(--ink);background:none;font:11px var(--mono)}.assign button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.preset-detail{background:#e3e2d7;padding:20px;margin:16px 0 24px}.preset-detail h3{font-size:19px;margin-bottom:8px}.preset-detail p{font-size:12px;line-height:1.65;margin-bottom:12px;max-width:660px}.chain-recipe{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:15px 0}.chain-recipe li{border:1px solid #b6b9a8;padding:6px 9px;font:10px var(--mono);text-transform:uppercase}.capture-credit{font-size:11px!important;color:var(--muted)}.capture-credit a{text-decoration:underline;text-underline-offset:3px}.recipe-settings{font:11px/1.8 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.preset-detail summary{font-size:11px;cursor:pointer;padding:8px 0}
.pack-method{border-block:1px solid var(--line);margin-top:36px;padding:22px 0}.pack-method summary{cursor:pointer;font-size:13px}.pack-method>div{max-width:800px;padding-top:20px;font-size:13px;line-height:1.8;color:var(--muted)}.pack-method a{text-decoration:underline}.pack-footer{display:flex;justify-content:space-between;gap:24px;padding:30px 0 50px;font-size:11px;color:var(--muted)}
.packs-page :focus-visible{outline:2px solid var(--copper);outline-offset:4px}.audition :focus-visible{outline-color:#f0d0a0}.packs-page button:hover,.recipe-link:hover{filter:brightness(.9)}.empty-result{padding:35px 0;color:var(--muted);font-size:14px}
@media(max-width:900px){.packs-page main,.pack-header{padding-inline:24px}.library-shell{grid-template-columns:190px minmax(0,1fr)}.pack-nav{padding-right:14px}.pack-body{padding-left:20px}.pack-heading{display:block}.recipe-link{display:inline-block;margin-bottom:6px}.slot strong{font-size:12px}.pack-intro{gap:25px}}
@media(max-width:650px){.packs-page main,.pack-header{padding-inline:18px}.pack-header{height:68px;font-size:10px}.pack-header span{display:none}.pack-intro{grid-template-columns:1fr;gap:22px;padding:35px 0 28px}.pack-intro h1{font-size:44px}.pack-intro>div:last-child{font-size:13px}.pack-intro .intro-note{margin-top:12px}.library-shell{display:block}.pack-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 0 18px;border-right:0;gap:0 12px}.pack-nav .eyebrow{grid-column:1/-1;margin:8px 0}.pack-nav button{min-height:62px;padding:10px 8px}.pack-nav button strong{font-size:15px}.pack-nav button small{font-size:10px}.pack-body{padding:20px 0 0;border-top:1px solid var(--line)}.pack-heading h2{font-size:29px}.filters{gap:10px}.filters input{width:155px}.filters select{max-width:110px}.result-count{margin-left:0}.audition{padding:16px 12px}.slot-grid{gap:8px}.slot{padding:10px 8px;gap:8px}.slot b{padding-right:8px;font-size:15px}.slot small{font-size:9px}.transport{gap:9px}.transport button{min-width:56px}.transport output{min-width:65px;font-size:10px}.preset-info .role{display:block;margin:4px 0 0}.preset-row{grid-template-columns:18px minmax(0,1fr) 80px;gap:8px}.assign button{width:38px;height:42px}.preset-detail{padding:16px}.pack-footer{font-size:10px}}
.comparison-tools{display:flex;align-items:center;gap:14px;margin-top:14px;flex-wrap:wrap;border-top:1px solid #505749;padding-top:12px;font:11px var(--font)}
.comparison-tools button{background:none;color:var(--paper);border:1px solid #69705f;padding:7px 10px;min-height:36px}
.comparison-tools button[aria-pressed=true]{background:var(--paper);color:var(--ink)}
.comparison-tools label{display:flex;align-items:center;gap:8px;flex:1}.comparison-tools input{width:85px;accent-color:#d2c6aa}.comparison-tools output{font:10px var(--mono);min-width:42px}
.transport #rewind{min-width:34px;background:transparent;border:1px solid #69705f;color:var(--paper)}
.keyboard-hint{font:9px var(--mono);color:#c0c5b5}
.preset-row,.filters{scroll-margin-top:460px}
@media(max-width:650px){.audition{position:static}.keyboard-hint{display:none}.comparison-tools{gap:10px}.comparison-tools #share{width:100%}.preset-row,.filters{scroll-margin-top:20px}}
.gear-notes{border-block:1px solid var(--line);margin:4px 0 20px;scroll-margin-top:480px}.gear-notes>summary{cursor:pointer;padding:17px 0;font-size:13px;font-weight:500}.gear-notes .preset-detail{margin:0 0 20px;background:#e3e2d7}.pack-gear-story{border-top:1px solid #b6b9a8;margin-top:22px;padding-top:22px}.pack-gear-story h4{font-size:24px;letter-spacing:-.03em;margin:0 0 12px;font-weight:500}.relation-label{display:inline-block;border-left:3px solid var(--copper);padding:5px 10px;background:#d4d7c7;font:11px var(--mono)}.pack-gear-story-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.pack-gear-story h5{font-size:13px;font-weight:600;margin:22px 0 8px}.pack-gear-story p{font-size:12px;line-height:1.75}.gear-sources{display:grid;gap:8px;font-size:11px;color:var(--copper)}.gear-sources a{text-decoration:underline;text-underline-offset:3px;line-height:1.6}.pack-gear-story .gear-evidence-note{border-top:1px solid #b6b9a8;padding-top:14px;margin:22px 0 0;font-size:11px;color:var(--muted)}.row-relation{display:block;font:9px var(--mono);color:var(--copper);margin-top:5px}
@media(max-width:650px){.pack-gear-story-columns{grid-template-columns:1fr;gap:0}.gear-notes{scroll-margin-top:20px}.pack-gear-story h4{font-size:21px}}

.song-controls.isolated{grid-template-columns:1fr}.song-controls label[hidden]{display:none}