.beat-vault{background:#deded2;padding-bottom:34px;scroll-margin-top:0}.vault-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:50px 0 48px;gap:30px}.vault-heading h2{font-family:var(--display);font-weight:700;font-size:clamp(70px,9vw,142px);line-height:.8;letter-spacing:-.025em}.vault-heading h2 .serif{font-size:.77em;line-height:1.1}.vault-heading>div{padding-bottom:6px}.vault-heading p{font-size:13px;line-height:1.8}.vault-heading>div>span{display:block;font-size:7px;letter-spacing:1.2px;margin-top:20px}
.beat-workstation{--beat-color:#ff754c;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:#1b1d18;color:var(--paper);border:1px solid var(--ink);box-shadow:0 24px 55px -30px #1b1c1855}.beat-deck{padding:26px 28px 20px;border-right:1px solid #ffffff26;min-width:0}.deck-topline{display:flex;justify-content:space-between;gap:10px;font-size:6px;letter-spacing:1px;color:#bdbeb0}.deck-topline>span:first-child{display:flex;align-items:center;gap:6px}.deck-topline i{height:5px;width:5px;border-radius:50%;background:#9da18e}.is-playing .deck-topline i{background:var(--beat-color);box-shadow:0 0 8px var(--beat-color)}
.beat-now{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.beat-now>div>span{font-size:6px;letter-spacing:1px;color:#adafa3}.beat-now h3{font-family:var(--display);font-size:38px;font-weight:600;line-height:1;margin-top:5px;text-transform:uppercase}.beat-now>span{font-size:20px;font-variant-numeric:tabular-nums;color:var(--beat-color)}.beat-now small{font-size:7px;display:block;text-align:right;color:#bdbeb0;margin-top:4px;letter-spacing:1px}
.beat-wave{height:45px;display:flex;align-items:center;gap:3px;margin-top:20px;pointer-events:none}.beat-wave i{display:block;flex:1;min-width:1px;height:calc(var(--peak)*100%);background:#54594a;border-radius:1px;transition:background .12s}.beat-wave i.played{background:var(--beat-color)}
.beat-seek{display:block;width:100%;height:24px;margin:0;accent-color:var(--beat-color);cursor:pointer;touch-action:pan-y}.beat-seek:focus-visible{outline:2px solid var(--beat-color);outline-offset:4px}.beat-timing{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.6px;font-variant-numeric:tabular-nums;color:#bdbeb0}.beat-timing>span:nth-child(2){font-size:6px}.beat-transport{display:flex;align-items:center;gap:7px;margin-top:20px}.beat-transport button{min-height:45px;min-width:42px;background:#ffffff0d;border:1px solid #ffffff26;font-size:19px;transition:background .2s,transform .2s}.beat-transport button:hover{background:#ffffff1c;transform:translateY(-2px)}.beat-transport .beat-play{flex:1;display:flex;gap:10px;justify-content:center;align-items:center;background:var(--beat-color);color:var(--ink);font-size:9px;letter-spacing:.6px;font-weight:700;border-color:transparent}.beat-play>span:first-child{font-size:14px}.beat-transport .beat-play:hover{background:var(--paper)}#beat-save[aria-pressed=true]{color:var(--beat-color);border-color:var(--beat-color)}.beat-audio-status{font-size:8px;line-height:1.6;color:#bdbeb0;min-height:26px;padding-top:12px}.beat-deck audio{display:none}
.beat-library{display:flex;flex-direction:column;min-width:0}.library-top{display:flex;justify-content:space-between;align-items:center;padding:29px 26px 19px;gap:10px}.library-top h3{font-size:10px;font-weight:500;letter-spacing:.7px}.library-top>span{font-size:7px;color:#bdbeb0;white-space:nowrap}.beat-filters{display:flex;gap:6px;padding:0 26px 20px;flex-wrap:wrap}.beat-filters button{border:1px solid #ffffff33;background:none;color:#cbcec0;font-size:8px;min-height:35px;padding:8px 11px;white-space:nowrap}.beat-filters button:hover,.beat-filters button[aria-pressed=true]{background:var(--paper);border-color:var(--paper);color:var(--ink)}.beat-filters [data-tempo=saved]{margin-left:auto}.beat-list{padding:0 26px;max-height:414px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#737965 #24271f;scroll-padding:5px}.beat-row{display:flex;align-items:center;border-top:1px solid #ffffff20;position:relative;min-height:65px;transition:background .3s}.beat-row:last-child{border-bottom:1px solid #ffffff20}.beat-row.is-selected{background:#ffffff08}.beat-row.is-selected:before{content:'';position:absolute;left:-10px;top:12px;bottom:12px;width:2px;background:var(--beat-color)}.beat-select{display:flex;align-items:center;gap:15px;background:none;flex:1;min-width:0;text-align:left;padding:13px 8px 13px 0;min-height:65px}.beat-row-symbol{font-size:11px;width:24px;flex:none;text-align:center;color:#bfc4af}.beat-row.is-selected .beat-row-symbol{color:var(--beat-color)}.beat-row-text{display:flex;flex-direction:column;gap:5px;flex:1}.beat-row-text strong{font-family:var(--display);font-size:25px;font-weight:500;text-transform:uppercase;line-height:1}.beat-row-text small{font-size:6px;color:#aeb39e;letter-spacing:.6px}.beat-row-bpm{font-size:10px;font-variant-numeric:tabular-nums;color:#bfc4af;white-space:nowrap}.beat-row-bpm small{font-size:6px}.beat-row-save{font-size:20px;background:none;width:40px;min-height:45px;color:#cbd0ba}.beat-row-save[aria-pressed=true]{color:var(--beat-color)}.beat-select:hover .beat-row-text strong{color:var(--beat-color)}.beat-empty{font-size:12px;color:#cbd0ba;padding:35px 26px;line-height:1.6}.beat-empty a{text-decoration:underline}
.shortlist-bar{padding:24px 26px;margin-top:auto;border-top:1px solid #ffffff26;background:#ffffff05;display:flex;align-items:center;justify-content:space-between;gap:15px}.shortlist-bar>div>span{font-size:6px;letter-spacing:1px;color:#bdbeb0}.shortlist-bar p{font-size:10px;line-height:1.5;margin-top:8px;max-width:190px}.shortlist-bar button{background:var(--beat-color);color:var(--ink);font-size:8px;font-weight:600;letter-spacing:.2px;padding:16px;min-height:46px;white-space:nowrap}.shortlist-bar button span{margin-left:9px;font-size:16px}.vault-foot{display:flex;justify-content:space-between;gap:18px;font-size:7px;letter-spacing:.6px;padding-top:25px}.vault-foot a{font-weight:600}
.inquiry-dialog{width:min(600px,calc(100% - 28px));max-height:calc(100svh - 28px);padding:25px;background:var(--paper);color:var(--ink);border:1px solid var(--ink);overflow:auto}.inquiry-dialog::backdrop{background:#111a;backdrop-filter:blur(9px)}.inquiry-dialog .dialog-bar{border-color:var(--line);padding:0 0 16px;font-size:8px;letter-spacing:1px;gap:12px}.inquiry-dialog .dialog-close{background:var(--ink);color:var(--paper);width:40px;height:40px;font-size:16px;flex:none}.inquiry-dialog h2{font-family:var(--display);font-size:70px;line-height:.87;margin:28px 0 20px}.inquiry-dialog h2 .serif{font-size:.85em}.inquiry-dialog>p{font-size:12px;line-height:1.7;max-width:440px}.inquiry-dialog>label{display:block;font-size:8px;letter-spacing:1px;margin:24px 0 10px}.inquiry-dialog textarea{width:100%;font:12px/1.7 var(--body);padding:14px;background:#fff5;border:1px solid var(--line);resize:vertical;color:var(--ink);min-height:110px}.inquiry-dialog textarea:focus-visible{outline:2px solid var(--orange)}.inquiry-actions{display:flex;gap:10px;margin-top:16px}.inquiry-actions>*{display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);font-size:8px;padding:16px;min-height:46px;flex:1;text-align:center}.inquiry-actions a{background:var(--orange);color:var(--ink)}.inquiry-dialog #inquiry-status{font-size:9px;margin-top:12px;color:var(--muted)}
@media(min-width:1600px){.beat-list{max-height:530px}.beat-row,.beat-select{min-height:78px}.beat-row-text strong{font-size:30px}}
@media(max-width:1000px){.beat-deck{padding:22px 20px 18px}.beat-workstation{grid-template-columns:1fr 1.1fr}.library-top{padding:24px 20px 16px}.beat-filters{padding:0 20px 15px;gap:5px}.beat-filters button{font-size:7px;padding:8px}.beat-filters [data-tempo=saved]{margin-left:0}.beat-list{padding:0 20px;max-height:368px}.beat-row,.beat-select{min-height:58px}.beat-row-text strong{font-size:23px}.beat-select{gap:8px}.shortlist-bar{padding:20px;align-items:stretch;flex-direction:column;gap:12px}.shortlist-bar p{max-width:none;margin-top:4px}.shortlist-bar button{padding:12px}.beat-now h3{font-size:32px}.beat-transport{gap:5px}.beat-transport button{min-width:35px}.beat-transport .beat-play{font-size:8px}}
@media(max-width:760px){.vault-heading{display:block;margin:38px 0 30px}.vault-heading h2{font-size:19vw}.vault-heading>div{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:24px}.vault-heading p{font-size:11px}.vault-heading>div>span{max-width:95px;line-height:1.7;font-size:6px;margin:0}.beat-workstation{grid-template-columns:1fr}.beat-deck{border-right:0;border-bottom:1px solid #ffffff26;padding:22px}.beat-now h3{font-size:35px}.beat-wave{margin-top:14px;height:36px;gap:2px}.beat-transport{margin-top:16px}.beat-transport button{min-width:44px;min-height:48px}.beat-transport .beat-play{font-size:9px}.beat-audio-status{min-height:27px}.library-top{padding:24px 22px 20px}.beat-filters{padding:0 22px 20px}.beat-filters button{min-height:38px;font-size:7px;padding:8px 9px}.beat-list{padding:0 22px;max-height:390px}.beat-row,.beat-select{min-height:65px}.beat-row-text strong{font-size:27px}.beat-select{gap:12px}.shortlist-bar{padding:22px;gap:15px}.shortlist-bar p{font-size:11px}.shortlist-bar button{font-size:9px}.vault-foot{font-size:6px;line-height:1.8}.vault-foot>span{max-width:130px}.vault-foot a{text-align:right;max-width:140px}.beat-vault .section-kicker>span:last-child{font-size:6px;max-width:95px;text-align:right}.inquiry-dialog{padding:20px}.inquiry-dialog h2{font-size:58px}.inquiry-actions{flex-direction:column}.inquiry-dialog>p{font-size:11px}}
@media(max-width:360px){.beat-deck{padding:16px}.beat-transport{gap:4px}.beat-transport button{min-width:36px}.beat-transport .beat-play{font-size:8px;gap:5px}.deck-topline{font-size:5px}.library-top,.beat-filters,.beat-list{padding-left:16px;padding-right:16px}.beat-filters{gap:4px}.beat-filters button{padding:7px;font-size:6px}.beat-row-text strong{font-size:24px}.beat-row-bpm{font-size:9px}.beat-row-save{width:32px}.beat-select{gap:6px}.shortlist-bar{padding:16px}.inquiry-dialog h2{font-size:52px}}

@media(max-width:760px){.beat-filters button{font-size:9px;min-height:42px}.beat-row-text small{font-size:7px}.deck-topline{font-size:7px}.beat-audio-status{font-size:10px}.shortlist-bar>div>span{font-size:8px}.beat-timing>span:nth-child(2){font-size:7px}.inquiry-actions>*{font-size:10px}.beat-now>div>span{font-size:8px}}