:root{--stonefellow-builder-css-build:'1.3.72'}

/* Section 54 — desktop modular vinyl-builder. Mobile retains the existing builder layout. */
.builder-parts-picker{border-top:1px solid var(--line);padding:22px 0 10px}
.turntable-part-heading{display:grid;gap:5px;margin:0 0 15px}
.turntable-part-heading strong{font:400 1.4rem var(--display-font)}
.turntable-part-heading span,.turntable-part-row small{font-size:.73rem;color:var(--muted)}
.turntable-part-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(160px,2fr) auto;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--line)}
.turntable-part-row label{font-size:.76rem;font-weight:650}
.turntable-part-row select,.builder-catalog-filters select,.builder-catalog-filters input,.builder-art-fields select,.builder-art-fields textarea{width:100%;min-width:0;padding:10px;border:1px solid var(--line2);background:var(--surface);color:var(--ink);border-radius:6px}
.turntable-unlock,.turntable-pack button{border:1px solid var(--accent);color:var(--ink);background:var(--soft);padding:9px 10px;font-size:.7rem;white-space:nowrap}
.turntable-pack-list{display:grid;gap:9px;margin-top:22px}.turntable-pack-list>strong{font-size:.85rem}
.turntable-pack{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);padding:12px}
.turntable-pack span:first-child{display:grid;gap:5px;min-width:0}.turntable-pack small{font-size:.65rem;color:var(--muted);line-height:1.5}
.turntable-owned{color:var(--accent);font-size:.74rem}
.builder-catalog-filters{display:grid;grid-template-columns:minmax(100px,1.4fr) repeat(2,minmax(110px,1fr));gap:8px;padding:12px 0}
.builder-catalog-row{display:flex;align-items:stretch;gap:5px;border-bottom:1px solid var(--line)}
.builder-catalog-row .builder-song{flex:1;min-width:0;display:flex;align-items:center;gap:12px;text-align:left}
.builder-catalog-row .builder-song-art{width:43px;height:43px;object-fit:cover;border-radius:3px;flex:0 0 43px}
.builder-song-listen{background:transparent;border:1px solid var(--line2);color:var(--accent);align-self:center;min-width:38px;min-height:38px}
.builder-art-editor{margin:15px 0}.builder-art-previews{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.builder-cover-face{aspect-ratio:1/1;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;text-align:center;background:linear-gradient(140deg,#624330,#211811);padding:12px;border:1px solid var(--line)}
.builder-cover-face img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.builder-cover-face strong,.builder-cover-face p,.builder-cover-face small{position:relative;z-index:1;text-shadow:0 1px 5px #000;font-size:.8rem}
.builder-cover-face small{position:absolute;bottom:8px;right:9px;font-size:.6rem;letter-spacing:.15em}
.builder-cover-face p{font-size:.66rem;word-break:break-word;max-height:50%;overflow:hidden}
.builder-cover-face[data-cover-front="midnight"],.builder-cover-face[data-cover-back="midnight"]{background:linear-gradient(135deg,#17202f,#080b13)}
.builder-cover-face[data-cover-front="desert"],.builder-cover-face[data-cover-back="desert"]{background:linear-gradient(145deg,#b66c3e,#533425)}
.builder-cover-face[data-cover-front="analog"],.builder-cover-face[data-cover-back="analog"]{background:linear-gradient(135deg,#786d58,#302d2a)}
.builder-art-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.builder-art-fields label{font-size:.7rem;color:var(--muted);display:grid;gap:6px}
.builder-art-fields .builder-note{grid-column:1/-1}
.builder-turntable-stage{display:none}
/* Section 58 — Full-bleed builder. Show the site header and persistent chat, not the Agent intro. */
body.builder-workspace-active .agent-stage{display:none!important}
body.builder-workspace-active .stage{width:100%;max-width:none;padding:64px 0 0;min-height:calc(100dvh - 64px);margin:0}
body.builder-workspace-active .dynamic-canvas{width:100%;max-width:none;margin:0;padding:0}
body.builder-workspace-active .builder-module{width:100%;max-width:none;margin:0}
@media(min-width:1024px){
  body.builder-workspace-active .stage{padding-top:64px}
  body.builder-workspace-active.has-announcement .stage{padding-top:96px}
  .builder-module{display:grid;grid-template-columns:minmax(360px,440px) minmax(0,1fr);column-gap:clamp(24px,4vw,56px);align-items:stretch;min-height:calc(100dvh - 64px);padding:0 0 calc(190px + env(safe-area-inset-bottom,0px)) clamp(20px,3vw,48px);overflow:clip;position:relative}
  .builder-left-rail{grid-column:1;grid-row:1;position:relative;z-index:2;min-width:0;padding-top:24px;display:flex;flex-direction:column;gap:16px}
  .builder-left-rail>.builder-rail-top{display:flex;align-items:center;justify-content:flex-start}
  .builder-left-rail>.builder-drafts,.builder-left-rail>.builder-warning,.builder-left-rail>.builder-layout,.builder-left-rail>.builder-catalog,.builder-left-rail>.builder-parts-picker,.builder-left-rail>.builder-footer{margin:0;min-width:0}
  .builder-left-rail>.builder-layout{display:flex;flex-direction:column;gap:16px}
  .builder-layout>.builder-object{display:flex;flex-direction:column;min-height:0;width:100%;gap:12px;padding:16px;align-items:stretch}
  .builder-layout>.builder-object>.builder-settings{margin:0;display:grid;grid-template-columns:1fr auto;align-items:center}
  .builder-title-label{grid-column:1/-1;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
  .builder-layout>.builder-object>.builder-art-editor{margin:0}
  .builder-layout>.builder-object>.object-sleeve,.builder-layout>.builder-object>.cassette-object{margin:0 auto;max-width:100%}
  .builder-layout>.builder-object>.object-meta{text-align:center}
  .builder-layout>.sides{display:grid;grid-template-columns:1fr;gap:12px}
  .builder-catalog-filters{grid-template-columns:minmax(100px,1.2fr) minmax(90px,1fr) minmax(90px,1fr)}
  .builder-song-list{grid-template-columns:1fr 1fr;gap:8px}
  .builder-catalog-row{min-width:0}
  .builder-catalog-row .builder-song{min-width:0;overflow-wrap:anywhere}
  .builder-footer{display:flex;flex-wrap:wrap;gap:10px}
  .builder-turntable-stage{display:block;grid-column:2;grid-row:1;position:sticky;top:64px;height:calc(100dvh - 64px);min-height:600px;overflow:clip;pointer-events:none;z-index:1;isolation:isolate}
  .turntable-stage-body{--deck-accent:#c5ad86;--deck-width:clamp(450px,69vh,690px);--deck-height:clamp(690px,80vw,1080px);position:absolute;inset:0}
  /* Bottom of the physical chassis points to the right and extends beyond viewport.
     The vinyl-disc animation is independent of this static rotation. */
  .turntable-deck{position:absolute;left:75%;top:50%;width:var(--deck-width);height:var(--deck-height);border-radius:45px;background:linear-gradient(140deg,#34302b 0%,#1c1b1b 55%,#0e0e0e 100%);border:2px solid #55504a;box-shadow:inset 0 0 0 15px #24201f,inset 0 0 0 17px #6e6153,24px 28px 80px #000b;transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center center}
  .turntable-deck-head{position:absolute;top:34px;left:7%;right:30%;display:flex;flex-direction:column;gap:8px;letter-spacing:.18em;font-size:.85rem;color:var(--deck-accent)}
  .turntable-deck-head span{font-size:.56rem;color:#8d8681;letter-spacing:.13em}
  .turntable-platter{position:absolute;width:82%;aspect-ratio:1/1;top:13%;left:1.5%;border-radius:50%;background:radial-gradient(circle,#151414 55%,#999 57%,#171616 59%,#000 62%,#888 63%,#171717 65%);box-shadow:0 0 0 5px #090909,0 8px 20px #000b;display:grid;place-items:center}
  .turntable-disc{width:93%;aspect-ratio:1/1;position:relative;overflow:hidden;border-radius:50%;background:repeating-radial-gradient(circle at center,#141414 0px,#050505 2px,#1a1a1a 3px,#070707 5px);box-shadow:inset 0 0 20px #0008;animation:turntable-record-rotation 1.8s linear infinite;animation-play-state:paused}
  .turntable-disc:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 60deg,transparent 0deg,#fff2 25deg,transparent 45deg,transparent 190deg,#fff1 230deg,transparent 250deg);pointer-events:none}
  .turntable-center-label{position:absolute;left:35%;top:35%;height:30%;width:30%;background:radial-gradient(circle at 40% 40%,#bfa47b,#684b30);border-radius:50%;border:4px solid #e6d4b744;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;overflow:hidden;color:white;text-align:center;text-shadow:0 1px 4px #000;padding:10px}
  .turntable-center-label img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}
  .turntable-center-label strong,.turntable-center-label em,.turntable-center-label span{z-index:1;position:relative;font-size:clamp(8px,.9vw,15px);line-height:1.15;max-width:95%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
  .turntable-center-label span{font-size:1.4rem}.turntable-center-label em{font-size:.6rem;font-style:normal;letter-spacing:.16em}
  .turntable-tonearm{position:absolute;top:11%;left:76%;width:8%;height:54%;transform:rotate(-13deg);transform-origin:50% 14%;background:linear-gradient(90deg,#0c0b0b,#8d8d88 36%,#d7cbb0 49%,#55534e 70%,#161515);border-radius:30px;box-shadow:6px 9px 12px #000b}
  .turntable-tonearm:before{content:"";position:absolute;top:-3%;left:-65%;width:225%;height:11%;background:radial-gradient(circle,#9f9a8c,#242322 64%);border-radius:50%;box-shadow:0 0 0 10px #181818}
  .turntable-tonearm:after{content:"";position:absolute;bottom:-3%;left:-30%;height:14%;width:160%;transform:rotate(32deg);background:#232323;border:4px solid #c8bca6;border-radius:8px}
  .turntable-tonearm>i,.turntable-tonearm>b{display:none}
  .turntable-light{position:absolute;left:8%;bottom:9%;width:13px;height:13px;background:var(--deck-accent);border-radius:50%;box-shadow:0 0 14px var(--deck-accent)}
  .turntable-deck-foot{position:absolute;left:8%;bottom:4%;right:38%;display:flex;justify-content:space-between;gap:20px;color:#ada293;font-size:.64rem}
  .turntable-deck-foot>div{display:grid;gap:6px}.turntable-deck-foot strong{color:var(--deck-accent);letter-spacing:.15em}
  .turntable-visual-effect{position:absolute;inset:0;pointer-events:none}
  .turntable-stage-body.is-playing .turntable-disc{animation-play-state:running}
  .turntable-stage-body[data-base="obsidian"] .turntable-deck{background:linear-gradient(145deg,#323149,#0c0d16 60%,#020409);border-color:#555478}
  .turntable-stage-body[data-base="copper"] .turntable-deck{background:linear-gradient(145deg,#aa704f,#432c25 50%,#120b0b);border-color:#d8a780}
  .turntable-stage-body[data-platter="chrome"] .turntable-platter{background:radial-gradient(circle,#161616 55%,#c6e0ef 56%,#141b1e 59%,#d6e5ed 62%,#242424 66%)}
  .turntable-stage-body[data-arm="precision"] .turntable-tonearm{background:linear-gradient(90deg,#191817,#edcc93 30%,#f5e7c5 55%,#9e7c4a 80%,#171717)}
  .turntable-stage-body[data-label="gold"] .turntable-center-label{border-color:#f3d383;background:radial-gradient(circle,#ecc56c,#80622c)}
  .turntable-stage-body[data-effect="aurora"] .turntable-visual-effect{background:radial-gradient(ellipse at 24% 35%,#39c4af26,transparent 42%),radial-gradient(ellipse at 75% 78%,#c872fb2a,transparent 44%);mix-blend-mode:screen}
  .turntable-stage-body[data-effect="warm"] .turntable-visual-effect{background:radial-gradient(ellipse at 20% 18%,#e9ac5c42,transparent 50%);mix-blend-mode:screen}
  @keyframes turntable-record-rotation{to{transform:rotate(360deg)}}
}
@media(min-width:1024px) and (max-height:740px){.builder-module{padding-top:0}.builder-turntable-stage{min-height:480px}}
@media(max-width:1023px){
  body.builder-workspace-active .stage{padding-top:76px;padding-bottom:calc(160px + env(safe-area-inset-bottom,0px))}
  .builder-module{padding:0 clamp(14px,3vw,28px) 24px}
  .builder-left-rail{display:flex;flex-direction:column;gap:15px}
  .builder-rail-top{display:flex;justify-content:flex-start;margin-top:14px}
  .builder-left-rail>.builder-layout{display:grid;grid-template-columns:1fr;gap:16px}
  .builder-layout>.builder-object{display:flex;flex-direction:column;align-items:center}
  .builder-layout>.builder-object>.builder-settings{order:0;width:100%}
  .builder-layout>.builder-object>.builder-art-editor{width:100%}
  .builder-turntable-stage{display:none!important}
}
@media(max-width:620px){.turntable-part-row{grid-template-columns:1fr}.builder-catalog-filters{grid-template-columns:1fr}.builder-art-fields{grid-template-columns:1fr}.builder-art-fields .builder-note{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.turntable-disc{animation:none!important}}

/* Section 60 — five accessible tabs, one persistent player stage */
.builder-tablist{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;border:1px solid var(--line);background:var(--line);border-radius:7px;overflow:hidden;width:100%;min-width:0}
.builder-tab{border:0;border-bottom:2px solid transparent;min-height:54px;min-width:0;padding:9px 3px;cursor:pointer;line-height:1.24;font-size:clamp(.6rem,.85vw,.72rem);text-wrap:balance;color:var(--muted);background:#14110f}
.builder-tab[aria-selected="true"]{color:var(--ink);background:var(--soft);border-bottom-color:var(--accent);font-weight:700}
.builder-tab:hover{color:var(--ink)}.builder-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-3px;z-index:2;position:relative}
.builder-tab-panel{min-width:0;width:100%;padding-top:15px}
.builder-tab-panel[hidden]{display:none!important}
.builder-tab-panel .builder-layout{display:block;margin:0}
.builder-tab-panel .builder-object{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:none;min-height:0;padding:16px;gap:14px;overflow:hidden}
.builder-tab-panel .builder-settings{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;gap:9px;align-items:center;margin:0}
.builder-tab-panel .builder-settings>.builder-title-label{grid-column:1/-1}
.builder-tab-panel .builder-settings>input{min-width:0;width:100%;border-radius:6px}
.builder-tab-panel .builder-art-editor{width:100%;margin:0}
.builder-tab-panel .builder-object>.object-sleeve{width:min(230px,100%);height:auto;aspect-ratio:1/1;min-height:0;max-width:none;margin:0 auto}
.builder-tab-panel .builder-object>.object-meta{text-align:center}
.builder-tab-panel .builder-art-previews,.builder-tab-panel .builder-art-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.builder-tab-panel .builder-catalog{margin:16px 0 0}
.builder-tab-panel .builder-song-list{min-width:0}
.builder-tab-panel .sides{display:grid;grid-template-columns:1fr;gap:14px}
.builder-tab-panel .side-card{min-width:0;overflow:hidden}
.builder-tab-panel .builder-parts-picker{min-width:0}
.builder-tab-panel .builder-personal-note{display:flex;flex-direction:column;gap:12px}
.builder-tab-panel .builder-personal-note h3,.builder-submit-review h3{font:400 1.35rem var(--display-font);margin:0}
.builder-tab-panel .builder-note{display:flex;flex-direction:column;gap:8px;font-size:.84rem}
.builder-tab-panel .builder-note textarea{width:100%;min-height:166px;box-sizing:border-box;background:var(--surface);color:var(--ink);padding:13px;border:1px solid var(--line2);border-radius:7px;resize:vertical;font:inherit}
.builder-tab-panel .builder-note-count{text-align:right;font-size:.7rem;color:var(--muted)}
.builder-tab-panel .builder-submit-review{margin:0 0 18px;border:1px solid var(--line);border-radius:7px;padding:18px}
.builder-tab-panel .builder-submit-review .player-note{margin:10px 0 0}
.builder-tab-panel .builder-footer{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.builder-tab-panel .builder-footer .buy-primary{flex:1 1 100%}
@media(min-width:1024px){.builder-left-rail{gap:0;padding-top:20px}.builder-turntable-stage{height:calc(100dvh - 64px);min-height:530px}.turntable-deck{left:75%;top:50%;transform:translate(-50%,-50%) rotate(-90deg)}}
@media(max-width:1023px){.builder-left-rail{gap:0}.builder-tablist{margin-top:16px}.builder-tab{min-height:50px;font-size:clamp(.6rem,1.6vw,.73rem)}}
@media(max-width:420px){.builder-tab{padding:9px 2px;font-size:.6rem}.builder-tab-panel .builder-art-previews{gap:8px}}

/* Section 61: scrolling, precision-cropped right-stage player and detailed hardware. */
.builder-notice{margin:12px 0 0;padding:12px 15px;border:1px solid #76624a;border-left:3px solid #d1ad70;border-radius:6px;background:#221d18;color:#f6e8cf;font-size:.82rem;line-height:1.5;overflow-wrap:anywhere}
.builder-notice[hidden]{display:none!important}
.builder-notice[data-kind="success"]{background:#1b241e;border-color:#50765d;border-left-color:#a1c5a3;color:#dcf0df}
.builder-notice[data-kind="error"]{background:#2e1d1d;border-color:#8d4949;border-left-color:#e49a8f;color:#ffd5cf}
.builder-draft-row{display:flex!important;align-items:center;gap:10px;padding:10px 12px;min-width:0}
.builder-draft-row>button[data-builder-draft-load]{flex:1 1 auto;min-width:0;text-align:left;overflow-wrap:anywhere}
.builder-draft-row .builder-draft-manage{flex:0 0 auto;border:1px solid #705a42;border-radius:5px;background:#201a16;color:#e4cba5;padding:9px 11px;font-size:.72rem;cursor:pointer}
.builder-draft-row .builder-draft-manage:hover{background:#413023}
.builder-local-name{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.builder-local-name strong{font-weight:600}
.builder-local-name small{color:var(--muted);font-size:.71rem}
.builder-drafts-local-title{padding:12px;border-bottom:1px solid var(--line);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}
.builder-draft-guest-copy{padding:4px 12px 12px;margin:0!important}
.builder-draft-dialog{width:min(490px,calc(100vw - 32px));max-height:min(92dvh,760px);padding:0;background:linear-gradient(145deg,#221d18,#100f0e);color:#eee5d9;border:1px solid #746453;border-radius:14px;box-shadow:0 20px 70px #000d,0 0 0 1px #ffffff0e;overflow-y:auto}
.builder-draft-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(7px)}
.builder-draft-dialog .draft-modal-shell{padding:clamp(20px,3vw,32px)}
.builder-draft-dialog .draft-modal-kicker{font-size:.65rem;letter-spacing:.2em;font-weight:700;color:#d9b982;margin-bottom:15px}
.builder-draft-dialog .draft-modal-heading{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:22px}
.builder-draft-dialog h2{font:400 clamp(1.55rem,3vw,2.1rem)/1.15 var(--display-font);margin:0 0 8px;color:#fff8f0}
.builder-draft-dialog p{margin:0;color:#baa997;font-size:.8rem;line-height:1.55}
.builder-draft-dialog .draft-modal-x{flex:0 0 34px;width:34px;height:34px;background:#231e19;color:#eee4d8;border:1px solid #4f453b;border-radius:7px;font-size:1.3rem;cursor:pointer}
.builder-draft-dialog label{display:block;color:#e3d2bd;font-size:.75rem;font-weight:600;margin-bottom:9px}
.builder-draft-dialog input{width:100%;padding:13px 14px;box-sizing:border-box;background:#0c0b0a;color:#fff8f0;font-size:.92rem;border:1px solid #786550;border-radius:8px;outline-offset:2px}
.builder-draft-dialog input:focus-visible,.builder-draft-dialog button:focus-visible{outline:2px solid #d0ad72}
.builder-draft-dialog .draft-modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}
.builder-draft-dialog .draft-modal-actions button{min-height:42px;padding:11px 16px;border-radius:7px;cursor:pointer}
.builder-draft-dialog .draft-modal-primary{background:#d8b77f;border:1px solid #d8b77f;color:#17110c;font-weight:750}
.builder-draft-dialog .draft-modal-outline{background:transparent;border:1px solid #655647;color:#e4d5c3}
.builder-draft-dialog .draft-modal-separator{border-top:1px solid #514335;margin:24px 0}
.builder-draft-dialog .draft-modal-danger{display:flex;gap:16px;align-items:center;justify-content:space-between}
.builder-draft-dialog .draft-modal-danger>div{display:grid;gap:7px}
.builder-draft-dialog .draft-modal-danger strong{font-size:.81rem;color:#f5ede4}
.builder-draft-dialog .draft-modal-danger small{font-size:.7rem;color:#bcae9b;line-height:1.45}
.builder-draft-dialog .draft-modal-delete{background:#442525;border:1px solid #a66161;color:#ffd8d3;border-radius:7px;padding:11px 13px;cursor:pointer;white-space:nowrap;font-weight:650}
.builder-draft-dialog .draft-modal-confirm{padding:17px;margin-top:18px;border:1px solid #8e5555;border-radius:9px;background:#2d1d1c}
.builder-draft-dialog .draft-modal-confirm[hidden],.builder-draft-dialog .draft-modal-feedback[hidden]{display:none!important}
.builder-draft-dialog .draft-modal-confirm strong{display:block;margin-bottom:9px;color:#ffedea;font-size:.95rem}
.builder-draft-dialog .draft-modal-confirm p{color:#e0b8b3}
.builder-draft-dialog .draft-modal-feedback{margin:10px 0 2px;padding:10px 12px;background:#402323;border:1px solid #955555;border-radius:6px;color:#ffd8d1;font-size:.78rem}
.builder-draft-dialog button:disabled{opacity:.6;cursor:wait}
@media(min-width:1024px){
  /* v1.3.72: ONE scrollbar for the entire page. Fixed player never scrolls. */
  body.builder-workspace-active{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}
  body.builder-workspace-active .stage{height:auto;min-height:100dvh;overflow:visible}
  body.builder-workspace-active .dynamic-canvas{height:auto;min-height:0;overflow:visible}
  body.builder-workspace-active .builder-module{height:auto;min-height:100dvh;align-items:start;overflow:visible;padding-bottom:calc(190px + env(safe-area-inset-bottom,0px))}
  .builder-left-rail{height:auto;min-height:0;max-height:none;overflow:visible;scrollbar-gutter:auto;padding-bottom:30px}
  /* Use FIXED, not sticky: overflow or transforms higher in the page must not move the player. */
  .builder-turntable-stage{position:fixed!important;grid-column:auto;grid-row:auto;right:0;left:auto;top:76px!important;bottom:auto;align-self:auto;width:calc(100vw - clamp(440px,36vw,550px));height:calc(100dvh - 186px);min-height:0;max-height:none;overflow:clip;pointer-events:none;z-index:1;isolation:isolate}
  body.builder-workspace-active.has-announcement .builder-turntable-stage{top:108px!important;height:calc(100dvh - 218px)}
  .turntable-stage-body{position:absolute;inset:0;--deck-width:min(84%,700px);--deck-height:auto}
  /* Landscape, unrotated chassis: no distorted 1080px-wide rotated panel. */
  .turntable-deck{left:auto!important;right:clamp(10px,2.2vw,36px);top:48%;width:min(84%,700px);height:auto;aspect-ratio:1.45;transform:translateY(-50%) rotate(0deg);border-radius:28px}
  .turntable-platter{left:4%;top:50%;width:62%;aspect-ratio:1;transform:translateY(-50%)}
  .turntable-center-label{transform:none}
  .turntable-deck-head,.turntable-deck-foot,.turntable-deck-serial{display:none}
  /* Pivot at upper right; arm sweeps down-left onto the groove, with angular cartridge. */
  .turntable-tonearm{top:10%;left:89%;width:3%;height:58%;transform:rotate(47deg);transform-origin:50% 8%;border-radius:6px;box-shadow:5px 7px 12px #000c;background:linear-gradient(90deg,#24221f,#7d776f 18%,#dfd8c8 42%,#8a8985 64%,#201f1d)}
  .turntable-platter{box-shadow:0 0 0 5px #090909,0 0 0 8px #99968466,0 8px 22px #000d}
  .turntable-disc{background:repeating-radial-gradient(circle at center,#141414 0px,#050505 2px,#232323 3px,#070707 5px);box-shadow:inset 0 0 21px #000a,inset 0 0 0 2px #625d5755}
  .turntable-tonearm{border-radius:5px;box-shadow:5px 8px 11px #000b, inset 1px 0 1px #fff7;background:linear-gradient(90deg,#23211f 0%,#8c8173 18%,#ede4d7 38%,#b6b5b2 53%,#8c8882 72%,#272521 100%)}
  /* Square machined pivot and rectangular headshell replace the round cartoon head. */
  .turntable-tonearm:before{top:-4%;left:-85%;width:270%;height:15%;background:radial-gradient(circle at 37% 30%,#f6e8d1 0%,#a89c88 25%,#423e38 54%,#151311 73%);border:3px solid #73685b;clip-path:none;border-radius:50%;box-shadow:0 0 0 7px #161411,0 0 0 9px #615547,0 6px 14px #000d}
  .turntable-tonearm:after{bottom:-3%;left:-43%;width:180%;height:11%;background:linear-gradient(135deg,#b8afa2,#363533 35%,#141311 72%);border:2px solid #9c9180;border-radius:2px;clip-path:polygon(0 2%,88% 0,100% 18%,97% 89%,18% 100%,0 86%);transform:rotate(16deg);box-shadow:0 4px 9px #0009}
  .turntable-tonearm>i{display:block;position:absolute;top:5%;left:25%;height:6%;width:50%;border:1px solid #272520;border-radius:1px;background:repeating-linear-gradient(90deg,#6a655d 0 2px,#aba59b 2px 4px)}
  .turntable-tonearm>b{display:block;position:absolute;bottom:-11%;left:40%;width:3px;height:17%;border:0;background:linear-gradient(#b1a9a0,#dcd4ba);transform:rotate(24deg);box-shadow:1px 1px 2px #000}
  .turntable-hardware{position:absolute;inset:0;pointer-events:none;color:#b4aa98}
  .turntable-hardware-screw{position:absolute;width:10px;height:10px;border-radius:1px;background:linear-gradient(140deg,#aba69b,#45423e);box-shadow:inset 0 0 0 2px #282725,0 0 0 1px #a6a09a}
  .turntable-hardware-screw:after{content:"";position:absolute;width:7px;height:1px;left:2px;top:5px;background:#292724;transform:rotate(35deg)}
  .turntable-hardware-screw.a{left:30px;top:26px}.turntable-hardware-screw.b{right:30px;top:26px}
  .turntable-hardware-screw.c{left:30px;bottom:26px}.turntable-hardware-screw.d{right:30px;bottom:26px}
  .turntable-rpm-switch{position:absolute;right:15%;bottom:13%;font:650 10px monospace;letter-spacing:.1em}
  .turntable-power-switch{position:absolute;right:16%;bottom:9%;height:13px;width:31px;border:1px solid #777065;border-radius:3px;background:linear-gradient(90deg,#161412 51%,#978c7f 51%)}
  .turntable-deck-serial{position:absolute;right:13%;top:6%;font:600 8px monospace;letter-spacing:.19em;color:#7c7569}
}
@media(max-width:650px){.builder-draft-dialog .draft-modal-danger{align-items:stretch;flex-direction:column}.builder-draft-dialog .draft-modal-delete{align-self:flex-start}}

@media(min-width:1024px) and (max-width:1199px){.turntable-deck{width:min(92%,540px);right:8px}}

/* Section 61 — six workflow tabs, with all available songs separate from Side A/B. */
.builder-tablist{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:2px;border-radius:8px}
.builder-tab{min-height:49px;padding:11px 8px;letter-spacing:.01em;font-size:clamp(.68rem,.85vw,.78rem)}
.builder-tab-panel .builder-catalog{margin:0}
.builder-catalog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.builder-song-count{font-size:.72rem;color:var(--muted)}
.builder-sides-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
.builder-sides-heading h3{font:650 .72rem/1.4 var(--ui-font,system-ui);letter-spacing:.15em;margin:0;color:var(--accent)}
.builder-tab-panel .builder-song-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.builder-catalog-row{min-width:0}
.builder-catalog-row .builder-song[disabled]{opacity:.62;cursor:not-allowed}
@media(max-width:1120px){.builder-tab{font-size:.69rem}}
@media(max-width:420px){.builder-tablist{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-tab{font-size:.65rem;min-height:50px}}

/* Section 68 — scoped, accessible player editor. Do not alter the full-page scroll model. */
.turntable-settings-trigger{position:absolute;right:32%;bottom:12%;z-index:6;width:36px;height:36px;display:grid;place-items:center;padding:0;border-radius:8px;border:1px solid #c6a16c;background:linear-gradient(155deg,#46392c,#151412);box-shadow:0 3px 12px #0009;color:#f3debc;font-size:23px;line-height:1;pointer-events:auto!important;cursor:pointer;transition:background .15s ease,transform .15s ease}
.turntable-settings-trigger:hover{background:#6b4b30;transform:translateY(-2px)}
.turntable-settings-trigger:focus-visible,.builder-player-edit-button:focus-visible{outline:3px solid #f1cd90;outline-offset:3px}
.turntable-rpm-switch{pointer-events:none}
.builder-player-edit-button{display:inline-flex;gap:10px;align-items:center;justify-content:center;width:100%;min-height:46px;padding:12px 18px;border:1px solid #b49a70;border-radius:8px;background:#302821;color:#f4e6d0;font-weight:650;letter-spacing:.03em;cursor:pointer}
.builder-player-edit-button:hover{background:#49382a}
.builder-player-edit-button span{font-size:20px}
.turntable-editor-dialog{width:min(850px,calc(100vw - 32px));max-width:850px;max-height:min(90dvh,850px);margin:auto;border:1px solid #665746;border-radius:17px;padding:0;color:#f5e8d8;background:linear-gradient(155deg,#24201c,#10100f 75%);box-shadow:0 20px 95px #000f;overflow:auto;overscroll-behavior:contain}
.turntable-editor-dialog::backdrop{background:#050403dd;backdrop-filter:blur(7px)}
.turntable-editor-shell{padding:clamp(17px,3vw,30px)}
.turntable-editor-header{display:flex;justify-content:space-between;align-items:start;gap:16px;padding-bottom:20px;border-bottom:1px solid #52463b}
.turntable-editor-header h2{margin:7px 0 8px;font:400 clamp(1.6rem,3vw,2.3rem)/1.2 var(--display-font,serif);color:#fff9f0}
.turntable-editor-header p,.turntable-editor-footer span{margin:0;max-width:560px;font-size:.83rem;line-height:1.6;color:#c7b6a0}
.turntable-editor-kicker{font-size:.65rem;font-weight:700;letter-spacing:.2em;color:#dfb97e}
.turntable-editor-close{flex:0 0 40px;width:40px;height:40px;border-radius:8px;background:#302924;border:1px solid #6f6051;color:#f6e6d4;cursor:pointer;font-size:25px}
.turntable-editor-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:20px 0 0}
.turntable-editor-tabs [role="tab"]{min-height:43px;padding:11px 7px;border:1px solid #52463b;border-radius:7px;background:#151413;color:#cdbda9;font-size:.78rem;cursor:pointer}
.turntable-editor-tabs [role="tab"][aria-selected="true"]{background:#67513b;border-color:#c9a87a;color:#fff}
.turntable-editor-tabs [role="tab"]:focus-visible,.turntable-editor-dialog button:focus-visible,.turntable-editor-dialog select:focus-visible{outline:2px solid #f4cb86;outline-offset:2px}
.turntable-editor-panels{margin-top:14px;min-height:180px}
.turntable-editor-panel{padding:22px;border:1px solid #514638;border-radius:9px;background:#1b1917}
.turntable-editor-panel[hidden]{display:none!important}
.turntable-editor-panel h3{margin:0 0 6px;font:400 1.45rem var(--display-font,serif);color:#f8ede0}
.turntable-editor-panel .player-note{font-size:.81rem;line-height:1.55;color:#c4b5a2;margin:9px 0 18px}
.turntable-editor-panel .turntable-part-row{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(180px,1.6fr) auto;align-items:center;gap:12px;padding:15px 0;border-color:#514738}
.turntable-editor-panel .turntable-part-row label{color:#f3e5d5}
.turntable-editor-panel .turntable-part-row select{background:#100f0d;color:#f6eadb;border:1px solid #75634d;min-height:42px}
.turntable-editor-panel .turntable-unlock,.turntable-editor-panel [data-tt-buy]{border:1px solid #b9a078;background:#413224;color:#f6e7d2;border-radius:6px;min-height:38px;cursor:pointer;padding:9px 13px}
.turntable-editor-panel .turntable-pack-list{margin-top:8px}
.turntable-editor-panel .turntable-pack{border-color:#514638;border-radius:6px;background:#161411}
.turntable-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px;padding-top:18px;border-top:1px solid #52463b}
.turntable-editor-footer button{min-width:95px;min-height:43px;border:1px solid #dbb782;border-radius:7px;background:#c5a271;color:#19120c;font-weight:700;cursor:pointer}
@media(max-width:650px){.turntable-editor-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.turntable-editor-panel{padding:14px}.turntable-editor-panel .turntable-part-row{grid-template-columns:1fr;gap:8px}.turntable-editor-footer{align-items:stretch;flex-direction:column}.turntable-editor-footer button{width:100%}}
@media(prefers-reduced-motion:reduce){.turntable-settings-trigger{transition:none}}

/* Section 69: full-canvas Record Player Editor. Main builder scroll model remains unchanged. */
.turntable-editor-dialog{position:fixed;inset:0!important;margin:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;padding:0!important;border:0;border-radius:0!important;overflow:hidden;background:linear-gradient(135deg,#25201b 0%,#131210 50%,#0a0909 100%);color:#f5e8d8;box-shadow:none}
.turntable-editor-dialog::backdrop{background:#000d}
.turntable-editor-shell{box-sizing:border-box;height:100%;min-height:0;padding:clamp(16px,2.5vw,36px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0}
.turntable-editor-header{padding-bottom:clamp(12px,2vw,22px);align-items:center}
.turntable-editor-header h2{font-size:clamp(1.65rem,3vw,2.65rem)}
.turntable-editor-header p{max-width:760px}
.turntable-editor-workspace{display:grid;grid-template-columns:minmax(330px,52%) minmax(300px,48%);gap:clamp(16px,2.5vw,36px);min-height:0;overflow:hidden;padding:clamp(12px,2vw,26px) 0}
.turntable-editor-options{min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;padding-right:12px;scrollbar-width:thin;scrollbar-color:#61503e #161412}
.turntable-editor-options .turntable-editor-tabs{margin:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.turntable-editor-options .turntable-editor-panel{min-height:300px;padding:clamp(16px,2vw,28px)}
.turntable-editor-options .turntable-part-row{grid-template-columns:minmax(150px,.8fr) minmax(150px,1.3fr) auto}
.turntable-editor-preview{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;border:1px solid #524333;border-radius:18px;background:radial-gradient(ellipse at 55% 43%,#2a261f,#141210 70%)}
.turntable-editor-preview-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:16px 20px;color:#e9d1a9;border-bottom:1px solid #3f342a}
.turntable-editor-preview-heading strong{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.turntable-editor-preview-heading span{font-size:.73rem;color:#a99a85}
.turntable-editor-preview-canvas{position:relative;min-height:0;overflow:hidden}
.turntable-editor-preview .builder-turntable-stage{display:block!important;position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%!important;height:100%!important;max-height:none!important;min-height:0!important;overflow:clip;pointer-events:none}
.turntable-editor-preview .turntable-stage-body{position:absolute;inset:0}
.turntable-editor-preview .turntable-deck{left:auto!important;right:5%!important;top:50%!important;width:min(90%,710px)!important;height:auto!important;aspect-ratio:1.45;transform:translateY(-50%) rotate(0deg)!important}
.turntable-editor-preview .turntable-platter{left:4%;top:50%;width:62%;aspect-ratio:1;transform:translateY(-50%)}
.turntable-editor-preview .turntable-settings-trigger{display:none!important}
.turntable-catalog-notice{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:15px 17px;border:1px solid #65513b;border-radius:9px;background:#2a2219;color:#f1d7b3}
.turntable-catalog-notice strong{font-size:.85rem}
.turntable-catalog-notice p{font-size:.76rem;color:#d0bfa8;line-height:1.5;margin:5px 0 0}
.turntable-catalog-notice button{flex:0 0 auto;min-height:40px;padding:9px 14px;border:1px solid #b99762;border-radius:7px;color:#ffeed4;background:#4a3523;cursor:pointer}
.turntable-editor-footer{margin-top:0;padding-top:15px}
@media(max-width:950px){.turntable-editor-workspace{grid-template-columns:minmax(0,1fr);gap:16px;overflow-y:auto;overflow-x:hidden}.turntable-editor-options{overflow:visible;padding-right:0}.turntable-editor-preview{min-height:330px}.turntable-editor-options .turntable-editor-panel{min-height:190px}}
@media(max-width:650px){.turntable-editor-dialog{overflow:hidden!important}.turntable-editor-shell{padding:16px 14px;grid-template-rows:auto minmax(0,1fr) auto}.turntable-editor-header{padding-bottom:12px}.turntable-editor-header h2{font-size:1.5rem}.turntable-editor-header p{font-size:.75rem}.turntable-editor-workspace{padding:12px 0;gap:14px;align-content:start}.turntable-editor-preview{min-height:245px}.turntable-editor-preview-heading{padding:10px 12px}.turntable-editor-options .turntable-editor-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.turntable-editor-footer span{font-size:.72rem}.turntable-catalog-notice{flex-wrap:wrap}}
/* Preview geometry intentionally desktop-only: prevent an unstyled deck below 1024px. */
@media(max-width:1023px){.turntable-editor-preview{display:none!important}.turntable-editor-workspace{grid-template-columns:minmax(0,1fr)}}


/* v1.3.72 — Reference-inspired high-fidelity Stonefellow deck.
   Two independently layered SVG images: fixed pivot + animated tonearm.
   Critically: do NOT alter the fixed desktop stage or document scrolling rules. */
@media(min-width:1024px){
  .turntable-deck{
    border-radius:12px;
    background:
      radial-gradient(ellipse at 42% 22%,#45403a55,transparent 45%),
      repeating-linear-gradient(93deg,transparent 0,transparent 3px,#ffffff02 4px,#00000008 5px),
      linear-gradient(133deg,#292723,#131312 48%,#090909 100%);
    border:2px solid #5a4b38;
    box-shadow:inset 0 0 0 1px #c6a26b55,inset 0 0 19px #000c,15px 19px 60px #000e;
  }
  .turntable-platter{
    width:68%!important;
    left:2.5%!important;
    top:49%!important;
    aspect-ratio:1;
    background:radial-gradient(circle at 50% 47%,#0c0b0b 0 55%,#2a2724 56%,#b79b69 58%,#100f0e 60%,#c8ae7e 62%,#191716 64%,#0a0a0a 67%);
    box-shadow:0 0 0 2px #cdb27b88,0 0 0 5px #141310,0 8px 25px #000e;
    overflow:visible;
  }
  .turntable-platter:before{
    content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;
    background:repeating-conic-gradient(from 2deg,#d2bc7b 0 .55deg,#151411 .6deg 2.55deg);
    -webkit-mask:radial-gradient(farthest-side,transparent 0 93%,#000 93.5% 97%,transparent 97.5%);
    mask:radial-gradient(farthest-side,transparent 0 93%,#000 93.5% 97%,transparent 97.5%);
    z-index:3;opacity:.9;
  }
  .turntable-disc{
    width:93%;z-index:1;
    background:
      conic-gradient(from 15deg,#ffffff0a,transparent 28%,#00000033 48%,#ffffff0b 75%,transparent 92%),
      repeating-radial-gradient(circle,#070707 0,#0c0c0d 2px,#1c1b1b 3px,#030303 4px,#0b0a0a 5.5px);
    box-shadow:inset 0 0 20px #000a,inset 0 0 0 2px #b7ae9d22;
  }
  .turntable-center-label{
    left:35%;top:35%;width:30%;height:30%;border:5px solid #cfa56088;
    background:repeating-radial-gradient(circle at 50% 50%,#ed793b 0 1px,#d84c22 3px 8px);
    color:#21100c;text-shadow:none;box-shadow:0 0 0 9px #080808,0 0 0 12px #2d2520;
  }
  .turntable-center-label:before{content:"";position:absolute;inset:13%;border:1px solid #2d130e55;border-radius:50%;pointer-events:none}
  .turntable-center-label strong,.turntable-center-label em,.turntable-center-label span{color:#210d08;text-shadow:0 1px #f7a36b33;font-weight:850}
  .turntable-center-label img{opacity:.93}
  .turntable-brand-mark{position:absolute;top:6%;left:3%;width:7%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#15110b;background:radial-gradient(circle at 35% 30%,#fff0b9,#c5a368 60%,#53401f);border:3px solid #151312;box-shadow:0 0 0 2px #b5975f,0 4px 8px #000e;font-size:clamp(14px,2vw,25px);z-index:3}
  /* Current player alternatives can recolor SVG layers via filters, never stretch them. */
  .turntable-stage-body[data-arm="precision"] .turntable-arm-swing img{filter:sepia(.3) saturate(1.4) brightness(1.1)}
  .turntable-arm-mount{position:absolute;top:-2%;right:2%;width:23%;aspect-ratio:1;z-index:5;pointer-events:none}
  .turntable-arm-mount img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 7px #000b)}
  .turntable-arm-swing{position:absolute;top:1%;left:54%;width:45%;height:96%;z-index:6;pointer-events:none;transform-origin:76% 12.5%;transform:rotate(-3deg);transition:transform 1.25s cubic-bezier(.23,.67,.22,1)}
  .turntable-arm-swing img{display:block;width:100%;height:100%;object-fit:fill;filter:drop-shadow(4px 10px 8px #000b)}
  .turntable-stage-body.is-playing .turntable-arm-swing{transform:rotate(18deg)}
  .turntable-stage-body:not(.is-playing) .turntable-arm-swing{transform:rotate(-3deg)}
  .turntable-tonearm{display:none!important}
  .turntable-light{left:5%;bottom:17%;width:9px;height:9px;background:#e43b28;box-shadow:0 0 8px #dc3323,0 0 22px #b6372666}
  .turntable-start-controls{position:absolute;bottom:5%;left:3%;z-index:8;display:flex;align-items:center;gap:12px}
  .turntable-start-button{pointer-events:auto!important;cursor:pointer;border:2px solid #a79169;border-radius:4px;background:linear-gradient(#e3c58e,#857042);color:#20180c;font:700 clamp(9px,.8vw,12px) system-ui;padding:12px 14px;box-shadow:inset 0 0 0 2px #f8e2b16a,0 3px 10px #000d}
  .turntable-start-button:hover{filter:brightness(1.14)}
  .turntable-start-button:focus-visible,.turntable-rpm-switch:focus-visible,.turntable-volume-control input:focus-visible{outline:3px solid #f5d18e;outline-offset:3px}
  .turntable-start-controls [data-player-indicator]{width:7px;height:7px;border-radius:50%;background:#b52d17;box-shadow:0 0 9px #ec3d2e}
  .turntable-stage-body.is-playing [data-player-indicator]{background:#76cf6d;box-shadow:0 0 8px #66c769}
  .turntable-volume-control{position:absolute;right:3%;top:49%;height:30%;z-index:8;display:flex;flex-direction:column;align-items:center;gap:6px;color:#d6be93;font:600 9px system-ui;letter-spacing:.08em}
  .turntable-volume-control input{writing-mode:vertical-lr;direction:rtl;appearance:slider-vertical;width:21px;height:95%;accent-color:#c6ae7c;cursor:pointer;pointer-events:auto!important}
  .turntable-deck-signature{position:absolute;right:19%;bottom:5%;z-index:2;font:italic 600 clamp(10px,1.1vw,17px) Georgia,serif;letter-spacing:.02em;color:#c8ac79;display:flex;flex-direction:column}
  .turntable-deck-signature span{font:500 6px system-ui;letter-spacing:.15em;color:#9c927e;text-align:center}
  .turntable-rpm-switch{pointer-events:auto!important;cursor:pointer;right:17%;bottom:17%;border:1px solid #85704f;border-radius:5px;background:#1e1c19;color:#debc84;padding:6px 8px;font:650 10px monospace}
  .turntable-rpm-switch[aria-pressed="true"]{background:#61462a;border-color:#d2ab71}
  .turntable-settings-trigger{right:17%;bottom:5%;width:35px;height:35px}
  .turntable-power-switch{display:none}
  .turntable-stage-body.is-fast-spin .turntable-disc{animation-duration:1.333s}
}
@media(prefers-reduced-motion:reduce){.turntable-arm-swing{transition:none!important}}
@media(min-width:1024px) and (max-width:1170px){
  .turntable-volume-control{right:2%;height:24%}
  .turntable-rpm-switch{right:16%;bottom:18%;font-size:9px}
  .turntable-start-button{padding:9px 11px}
  .turntable-brand-mark{font-size:14px}
}