/* White paper areas; the established black sections retain their dark backgrounds. */
:root{--paper:#fff}
.preview-bar,.header,.ame-hero,.fit-section,.fit-app,.fit-option,dialog,.album-dialog,input,select,textarea,#brief-preview,.carried-brief,.urgent-note{background:#fff}
.filters button[aria-pressed=true],.fallback-cover .sleeve-open{background:#fff}
.ame-hero{background-image:none}.ame-hero:before{content:none}
.playlist-section{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.5fr);align-items:center;gap:clamp(32px,6vw,96px);padding-top:64px;padding-bottom:64px;border-bottom:1px solid #393730}
.playlist-copy .eyebrow{font-size:10px;letter-spacing:1.5px;color:#a79e90;margin-bottom:20px}
.playlist-copy h2{font-size:clamp(34px,4vw,56px);font-weight:550;letter-spacing:-.05em;line-height:1.05;margin-bottom:22px}
.playlist-copy>p:not(.eyebrow){max-width:310px;font-size:13px;line-height:1.8;color:#b4ac9f}
.playlist-copy>a{display:inline-block;margin-top:24px;padding:8px 0;border-bottom:1px solid #79634a;color:#d8c3a7;font-size:12px;line-height:1.5}
.playlist-copy>a span{margin-left:16px}.spotify-player{display:block;width:100%;min-width:0;height:352px;border:0;border-radius:12px;background:#181818;color-scheme:dark}
@media(max-width:760px){.playlist-section{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:46px;padding-bottom:46px}.playlist-copy h2{font-size:36px;margin-bottom:17px}.playlist-copy>p:not(.eyebrow){max-width:none}.playlist-copy>a{margin-top:16px}}
.preview-bar{border-color:#e5e5e5}.header{border-color:#e5e5e5}.fit-app{box-shadow:none;border-color:#d9d9d9}.fit-option:hover,.fit-option[aria-checked=true]{background:#fff}.fit-section{border-color:#dedede}dialog{border-color:#dedede}.form-note,.dialog-description,form small{color:#756d63}
/* A rising diagonal vinyl row inspired by Folio's bookshop scene. */
@media(min-width:761px){
.record-stage.folio-ready{height:100svh;min-height:770px;max-height:1100px;padding:0;isolation:isolate;background:#000;overflow:hidden;perspective:1600px}
.folio-ready .collection-heading{position:absolute;inset:0;max-width:none;padding:0;margin:0;display:block;z-index:1;pointer-events:none;text-align:center}
.folio-ready .collection-heading .eyebrow{position:absolute;left:4.5%;right:4.5%;top:5%;font-size:10px;letter-spacing:1.6px;color:#a69e90;margin:0}
.folio-ready .collection-heading h2{position:absolute;top:14%;left:50%;transform:translateX(-50%);font-family:var(--sans);font-weight:400;font-size:min(36vh,22.5vw);line-height:.8;letter-spacing:-.065em;color:#f7f5f0;margin:0;white-space:nowrap}
.folio-ready .collection-heading>p{position:absolute;top:41%;left:50%;transform:translateX(-50%);font-size:12px;line-height:1.8;color:#9b9387;margin:0;white-space:nowrap}
.folio-ready .record-browser{position:absolute;inset:0;z-index:2;outline-offset:-8px}
.folio-ready .record-fallback{display:block;position:absolute;inset:0;padding:0;margin:0;overflow:visible;scroll-snap-type:none;perspective:1700px;pointer-events:none;transform-style:flat}
.folio-ready .fallback-cover,.folio-ready .fallback-cover:hover,.folio-ready .fallback-cover.is-selected{position:absolute;left:var(--slot-x);top:var(--slot-y);width:var(--folio-size);height:var(--folio-size);display:block;pointer-events:auto;transform-style:flat;will-change:transform;transition:none;isolation:isolate;cursor:pointer}
.folio-ready .fallback-cover .sleeve-frame,.folio-ready .fallback-cover:hover .sleeve-frame,.folio-ready .fallback-cover.is-selected .sleeve-frame{display:block;width:100%;height:100%;margin:0;transform:none;transform-style:preserve-3d;transition:none;isolation:auto}
.folio-ready .fallback-cover .vinyl-sleeve{position:absolute;inset:0;transform:translateZ(7px)!important;border-radius:1px;box-shadow:3px 3px 0 var(--sleeve-color),7px 7px 2px #080706,14px 20px 30px #0009}
.folio-ready .sleeve-frame:after{content:'';position:absolute;inset:0;transform:translateZ(8px);border:1px solid #ffffff1d;background:linear-gradient(108deg,#ffffff18,transparent 28%,#00000005 70%,#0000002b);pointer-events:none;z-index:2}
.folio-ready .sleeve-frame:before{content:'';position:absolute;right:-8px;top:0;width:8px;height:100%;background:linear-gradient(90deg,var(--sleeve-color),#171410);transform-origin:left;transform:rotateY(50deg);box-shadow:2px 0 1px #ffffff22;pointer-events:none}
.folio-ready .fallback-cover .vinyl-disc{z-index:0;transform:translateZ(0) translateX(5%);box-shadow:7px 5px 13px #0009}
.folio-ready .fallback-cover.is-selected .vinyl-disc,.folio-ready .fallback-cover:hover .vinyl-disc{transform:translateZ(0) translateX(20%)}
.folio-ready .fallback-cover .sleeve-caption,.folio-ready .fallback-cover .sleeve-open{display:none}
.folio-ready .collection-bottom{position:absolute;z-index:4;bottom:34px;left:4.5%;right:4.5%;width:auto;max-width:none;padding:0;margin:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:30px;pointer-events:none}
.folio-ready .collection-bottom>*{pointer-events:auto}.folio-ready .scene-selected{max-width:420px;min-width:0;padding-right:20px}
.scene-selected #shelf-role{font-size:9px;line-height:1.8;letter-spacing:1.2px;color:#b7a080;margin:0 0 9px}
.scene-selected #shelf-title{font-family:var(--sans);background:transparent;border:0;text-align:left;padding:0;color:#f0ece4;font-size:22px;font-weight:500;letter-spacing:-.04em;line-height:1.2}
.scene-selected #shelf-artist{font-size:11px;color:#a39989;line-height:1.8;margin-top:8px}
.folio-ready .shelf-controls{padding:12px 16px 8px;background:#080808b3;border:1px solid #62564155;border-radius:5px;backdrop-filter:blur(8px);text-align:center}
.folio-ready .record-counter{gap:14px}.folio-ready .record-counter>button{background:#171510;border-color:#574b3b;width:37px;height:37px;font-size:16px}.folio-ready #record-count{font-size:10px}
#toggle-shelf-motion{font-family:var(--sans);font-size:10px;background:transparent;border:0;padding:8px 5px 2px;color:#a89c8a;line-height:1.6}
.folio-ready .collection-bottom>a{justify-self:end;font-size:12px;color:#cdb797;padding:10px 0;margin-bottom:8px;background:#0009}
}
@media(max-width:760px){.scene-selected,#toggle-shelf-motion{display:none}.shelf-controls{justify-self:start}.record-stage{background:#111110}.fallback-cover .sleeve-frame{transform:perspective(1000px) rotateY(-9deg) scale(.94)}.fallback-cover.is-selected .sleeve-frame{transform:perspective(1000px) rotateY(-3deg) scale(1)}.collection-heading h2{font-size:42px}.collection-bottom{grid-template-columns:1fr auto}}
@media(prefers-reduced-motion:reduce){.folio-ready .fallback-cover{will-change:auto}}

@media(min-width:761px){body.ame-live .ame-hero{height:calc(100svh - 92px)}}