.song-dial{min-width:0;padding:8px 0 20px}.dial-heading,.dial-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dial-heading{justify-content:space-between}.dial-heading h2{font-size:32px;margin:8px 0}.dial-tools>strong{flex:1}.dial-tools button{min-height:48px}.dial-clock{text-align:center;min-height:24px;margin:8px 0}.beat-dial-surface{width:100%;display:block;overflow:visible}#songDialSurface{touch-action:none;user-select:none;max-width:650px;margin:auto}#songDialSurface:focus-visible{outline:2px solid white;outline-offset:4px}.dial-hint{font-size:13px;line-height:1.5;color:var(--muted,#b7adc8)}.dial-section-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dial-section-controls select{width:100%;min-width:0}.dial-lyric-reading{padding:18px 12px;border:1px solid #665087;border-radius:20px;margin:16px 0}#dialLyricDrum{height:180px;overflow:auto;padding:20px 24px;border-radius:38px;border:1px solid #9f67da;background:linear-gradient(#141020,#28163e,#141020);box-shadow:inset 6px 0 12px #62318d,inset -6px 0 12px #62318d;scrollbar-color:#b985ee #1b1428}#dialLyricDrum p{font-size:22px;font-weight:600;text-align:center;line-height:1.5;margin:12px 0;color:#eee6ff;white-space:pre-wrap;overflow-wrap:anywhere}#dialCellEditor:not(:empty){border:1px solid #76589b;border-radius:16px;padding:12px;margin:12px 0}.studio-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}@media(max-width:360px){.dial-section-controls{grid-template-columns:1fr}.dial-tools button{padding:10px}.dial-heading h2{font-size:28px}}@media(prefers-reduced-motion:reduce){.song-dial *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.song-dial .dial-rim{filter:drop-shadow(0 0 5px #ab52ee99)}.dial-accessible-edit{border:1px solid #4b3b65;border-radius:14px;padding:12px;margin:12px 0}.dial-accessible-edit summary{min-height:44px;display:flex;align-items:center}.dial-accessible-edit select,.dial-accessible-edit input{width:100%;max-width:100%}.dial-heading span{border:1px solid #765398;border-radius:24px;padding:8px 12px}.dial-lyric-reading{position:relative;background:#11101c}.dial-lyric-reading:after{content:"";position:absolute;pointer-events:none;left:13px;right:13px;top:142px;height:44px;border-top:1px solid #aa6cda66;border-bottom:1px solid #aa6cda66;box-shadow:0 0 15px #a75aef22}.studio-capture .song-dial{margin-top:16px}.studio-capture .beat-dial-surface{max-height:240px}.studio-capture .dial-section-controls,.studio-capture .dial-hint{font-size:12px}.song-dial .button.primary{box-shadow:0 0 12px #a35ef533}.dial-tools button:disabled{box-shadow:none}
/* The dial is artwork, not one of the app's 19px toolbar icons. */
.reference-studio .song-dial svg.beat-dial-surface{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;flex:none}.reference-studio .studio-capture .song-dial svg.beat-dial-surface{max-height:240px}
.reference-studio .song-dial svg text{filter:none;text-shadow:none;font-family:inherit;font-kerning:normal}.reference-studio .song-dial svg .dial-rim{filter:drop-shadow(0 0 4px #a65fe677)}
/* Reference fidelity: upright labels, elliptical rim, restrained neon edges. */
.reference-studio .song-dial{color:#f4effc}.reference-studio .dial-heading{margin-bottom:12px}.reference-studio .dial-heading h2{font-size:clamp(30px,8vw,38px);letter-spacing:-.8px;margin:0}.reference-studio .dial-heading span{font-size:15px;font-weight:650;background:linear-gradient(#24172f,#15101e);box-shadow:inset 0 1px 0 #ad76d333}.reference-studio .dial-tools{gap:10px}.reference-studio .song-dial .text-button{font-size:14px;line-height:1.25;min-height:48px;padding:10px 12px;white-space:normal}.reference-studio .dial-tools>strong{font-size:15px;font-weight:600}.reference-studio .dial-time-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:6px 0 0}.reference-studio .dial-time-controls button:first-child{justify-self:start}.reference-studio .dial-time-controls button:last-child{justify-self:end}.reference-studio .dial-clock{font-size:18px;font-variant-numeric:tabular-nums;color:#f7f3ff;line-height:24px;margin:0}.reference-studio .dial-local-transport{justify-content:center;margin:0 0 12px}.reference-studio .dial-local-transport .primary{min-height:56px;min-width:160px;border-radius:18px;font-size:16px}.reference-studio #dialStop{min-width:72px;border:1px solid #59446d;border-radius:16px}.reference-studio #dialZoomIn,.reference-studio #dialZoomOut{min-width:44px;font-size:22px;padding:6px}.reference-studio #dialFit{min-width:48px}.reference-studio .dial-section-controls{padding:14px 0 4px}.reference-studio .dial-section-controls label{margin:0}.reference-studio .dial-section-controls select{min-height:52px;font-size:15px}.reference-studio .dial-section-controls+.dial-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.reference-studio .dial-section-controls+.dial-tools button{min-height:52px;padding:10px;font-size:14px}.reference-studio .dial-accessible-edit{background:#17121f;border-color:#43334f}.reference-studio .dial-accessible-edit summary{font-size:14px}.reference-studio .dial-lyric-reading:after{content:none}.reference-studio .dial-lyric-reading{border:1px solid #493156;background:linear-gradient(150deg,#15101f,#100d19);padding:16px 12px;border-radius:20px}.reference-studio .dial-lyric-reading .dial-tools{justify-content:space-between}.reference-studio #dialPromptTitle{font-size:24px;line-height:1.2;margin:0;overflow-wrap:anywhere}.reference-studio .dial-linked-badge{font-size:11px;line-height:1.4;padding:6px 9px;border:1px solid #7442a1;border-radius:22px;color:#ce9cf3;background:#23122f}.reference-studio #dialFollow{font-size:13px;min-height:44px;max-width:160px;color:#d2a1fb}.reference-studio #dialFollow[aria-pressed=true]{border:1px solid #9955ca;background:#54277c;border-radius:22px;color:#fff}.dial-lyric-barrel{position:relative;padding-right:38px}.dial-lyric-barrel:after{content:"";position:absolute;pointer-events:none;left:0;right:38px;top:50%;height:48px;transform:translateY(-50%);border-top:1px solid #ac6ce266;border-bottom:1px solid #ac6ce266;background:linear-gradient(90deg,#8b3bdc00,#913ce922,#8b3bdc00);border-radius:4px}.reference-studio #dialLyricDrum{height:208px;padding:70px 18px;scroll-padding-block:70px;border-radius:45px;border:2px solid #ad63e0;background:radial-gradient(ellipse at left,#b157ed44,transparent 17%),radial-gradient(ellipse at right,#b157ed44,transparent 17%),linear-gradient(#100b19,#271039 46%,#271039 54%,#100b19);box-shadow:inset 7px 0 8px #a05be755,inset -7px 0 8px #a05be755,0 0 16px #963ee52a;mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}.reference-studio #dialLyricDrum p{font-size:21px;font-weight:600;line-height:1.5;margin:14px 0;opacity:.55;color:#c7b5df}.reference-studio #dialLyricDrum p.dial-current-line{opacity:1;color:#fff;font-weight:750}.dial-lyric-arrows{position:absolute;right:0;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;width:36px}.reference-studio .song-dial .dial-lyric-arrows button{padding:6px;min-height:52px;min-width:36px;color:#c18cf0}.dial-lyric-arrows svg{width:20px;height:20px}.dial-lyric-arrows button:first-child svg{transform:rotate(-90deg)}.dial-lyric-arrows button:last-child svg{transform:rotate(90deg)}
@media(max-width:360px){.reference-studio .dial-heading h2{font-size:30px}.reference-studio #dialPromptTitle{font-size:22px}.reference-studio #dialLyricDrum p{font-size:19px}.reference-studio .dial-linked-badge{font-size:10px}.reference-studio .dial-time-controls .text-button{padding-inline:6px}.reference-studio .dial-section-controls+.dial-tools button{font-size:13px}}
@media(prefers-reduced-motion:reduce){.reference-studio .song-dial *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.reference-studio .song-dial svg text{stroke:none;paint-order:normal}.reference-studio .song-heading{margin-bottom:16px}.reference-studio #songHeaderFields input[type=text]{font-size:21px;line-height:1.35;font-weight:650}.reference-studio .dial-heading h2{font-size:34px}.reference-studio .song-dial[data-dial-mode=lyrics] .dial-heading,.reference-studio .song-dial[data-dial-mode=takes] .dial-heading{margin-top:4px}.reference-studio .song-dial[data-dial-mode=lyrics] .dial-heading h2,.reference-studio .song-dial[data-dial-mode=takes] .dial-heading h2{font-size:28px}.reference-studio .song-dial[data-dial-mode=lyrics] .dial-lyric-reading{margin-top:20px}.reference-studio .studio-capture .dial-lyric-barrel{padding-right:38px}
.reference-studio #songDialSurface{position:relative}.reference-studio #songDialSurface[data-dial-readonly=true]:after{content:"Playback only";position:absolute;right:0;top:0;font-size:11px;color:#d2a9ef;border:1px solid #7b519a;background:#1d122a;border-radius:16px;padding:5px 8px;pointer-events:none}.reference-studio .song-dial+.studio-lyrics>h2{display:none}.reference-studio .song-dial+.studio-lyrics{padding-top:16px}
.reference-studio #songHeaderFields input[data-field=title]{font-size:21px;line-height:1.3;font-weight:650}.reference-studio .song-heading{margin-bottom:12px}.reference-studio .dial-prompt-choice[hidden]{display:none}.reference-studio .song-dial[data-dial-mode=lyrics] .dial-lyric-reading>.dial-tools,.reference-studio .song-dial[data-dial-mode=takes] .dial-lyric-reading>.dial-tools{margin-bottom:12px}.reference-studio .dial-lyric-reading>.dial-hint{margin:6px 0 0;font-size:12px}.reference-studio .dial-lyric-reading>.text-button{margin-top:10px}.reference-studio #dialLyricDrum{height:176px;padding-block:54px}.reference-studio .dial-lyric-reading{padding:14px 12px}.reference-studio .dial-lyric-barrel:after{height:44px}
/* The reference puts the editable project title in the compact top bar. */
.reference-studio .topbar #studioBrand{display:none}.reference-studio .topbar{gap:8px;align-items:center}.reference-studio .topbar #songHeaderFields{flex:1;min-width:0;max-width:none}.reference-studio .topbar #songHeaderFields .brief-title{display:flex;flex-direction:row;align-items:center;margin:0;gap:0;min-width:0}.reference-studio .topbar #songHeaderFields input[data-field=title]{font-size:18px;min-width:0;flex:1;width:0;font-weight:650;line-height:1.3}.reference-studio .topbar #studioEditTitle{flex:none;min-width:36px;min-height:44px;padding:8px}.reference-studio .song-heading:empty,.reference-studio .song-heading{height:0;margin:0;padding:0;min-height:0}.reference-studio .song-dial{position:relative}.reference-studio .dial-view-options{position:absolute;right:102px;top:4px;z-index:4}.reference-studio .dial-view-options summary{font-size:12px;min-height:44px;min-width:44px;padding:13px 4px;cursor:pointer}.reference-studio .dial-view-options[open]>.dial-overview{position:absolute;right:0;top:44px;min-width:250px;background:#191122;border:1px solid #71528e;padding:12px;border-radius:16px;box-shadow:0 10px 22px #0008}.reference-studio .song-dial[data-dial-mode=lyrics] #dialLyricDrum,.reference-studio .song-dial[data-dial-mode=takes] #dialLyricDrum{height:160px;padding-block:48px}.reference-studio .song-dial[data-dial-mode=lyrics] .dial-lyric-reading{margin-top:12px}.reference-studio .song-dial[data-dial-mode=lyrics]>.dial-hint,.reference-studio .song-dial[data-dial-mode=takes]>.dial-hint{margin-block:4px;font-size:12px}
/* Read-only screens use the reference's side transport to leave room for words. */
.reference-studio .song-dial[data-dial-mode=lyrics] #songDialSurface,.reference-studio .song-dial[data-dial-mode=takes] #songDialSurface{width:calc(100% - 66px);margin-left:0;margin-right:66px}.reference-studio .song-dial[data-dial-mode=lyrics] .dial-local-transport,.reference-studio .song-dial[data-dial-mode=takes] .dial-local-transport{position:absolute;right:0;top:156px;width:56px;display:flex;flex-direction:column;gap:10px;margin:0}.reference-studio .song-dial[data-dial-mode=lyrics] #dialPlay,.reference-studio .song-dial[data-dial-mode=takes] #dialPlay{min-width:56px;width:56px;height:56px;min-height:56px;padding:12px;border-radius:50%}.reference-studio .song-dial[data-dial-mode=lyrics] #dialStop,.reference-studio .song-dial[data-dial-mode=takes] #dialStop{min-width:56px;width:56px;min-height:48px;padding:8px;font-size:12px}.reference-studio .song-dial[data-dial-mode=lyrics] .dial-play-label,.reference-studio .song-dial[data-dial-mode=takes] .dial-play-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reference-studio .song-dial[data-dial-mode=lyrics] #dialPlay svg,.reference-studio .song-dial[data-dial-mode=takes] #dialPlay svg{width:25px;height:25px}.reference-studio .song-dial[data-dial-mode=lyrics] #dialClock,.reference-studio .song-dial[data-dial-mode=takes] #dialClock{transform:translateX(-14px)}
.reference-studio .dial-lyric-barrel{padding-right:46px}.reference-studio .dial-lyric-barrel:after{right:46px}.reference-studio .dial-lyric-arrows{width:44px}.reference-studio .song-dial .dial-lyric-arrows button{min-width:44px;width:44px}.reference-studio .studio-capture .dial-lyric-barrel{padding-right:46px}

/* Localized luminous materials match the owner drum without blurring labels. */
[data-theme=dark] .reference-studio{background:radial-gradient(ellipse at 50% 20%,#171127 0,transparent 55%),#0b0d17}
.reference-studio .dial-lit-cell{filter:drop-shadow(0 0 2px #b991ed66)}
.reference-studio .dial-empty-cell{fill:#1a1b2e;stroke:#504563}
.reference-studio .dial-overview{padding:8px 12px;border:1px solid #443158;border-radius:15px;background:linear-gradient(120deg,#181429,#10111e)}
.reference-studio .song-dial[data-dial-mode=beat] .dial-section-controls{padding:14px 12px 4px;border:1px solid #443158;border-bottom:0;border-radius:16px 16px 0 0;background:#12121e}
.reference-studio .song-dial[data-dial-mode=beat] .dial-section-controls+.dial-tools{padding:10px 12px 14px;border:1px solid #443158;border-top:0;border-radius:0 0 16px 16px;background:#12121e}
.reference-studio .studio-tabs [aria-current=page]{border:1px solid var(--sc-accent-text);border-radius:16px;background:linear-gradient(140deg,color-mix(in srgb,var(--sc-solid) 35%,#171121),#14101e);box-shadow:inset 0 1px 9px #aa67e522}
@media(prefers-reduced-motion:reduce){.reference-studio .dial-lit-cell{filter:none}}
/* Compact construction card and substantial beveled instrument rings. */
.reference-studio .song-dial[data-dial-mode=beat] .dial-heading{margin-bottom:4px}
.reference-studio .song-dial[data-dial-mode=beat] .dial-overview{padding:2px 10px;min-height:44px}
.reference-studio .song-dial[data-dial-mode=beat] .dial-time-controls{margin:0}
.reference-studio .song-dial[data-dial-mode=beat]>.dial-hint{display:none}
.reference-studio .song-dial[data-dial-mode=beat] .dial-local-transport{margin:0 0 8px;gap:8px}
.reference-studio .dial-action-card{padding:8px;border:1px solid #55366d;border-radius:16px;background:linear-gradient(130deg,#1c142b,#10111e);margin-bottom:10px}
.reference-studio .song-dial[data-dial-mode=beat] .dial-action-card .dial-section-controls{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:8px;margin:0;padding:0;border:0;background:none}
.reference-studio .dial-action-card .field{margin:0}
.reference-studio .dial-action-card select{min-height:44px;height:44px;padding:8px;font-size:14px}
.reference-studio .dial-build-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px}
.reference-studio .dial-build-actions button{min-width:0;min-height:56px;padding:5px 3px;font-size:12px;line-height:1.15;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-color:#604474}
.reference-studio .dial-build-actions button svg{width:18px;height:18px}
.reference-studio .dial-writing-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.reference-studio .dial-writing-actions button{min-height:48px;padding:8px;font-size:14px}
.reference-studio .song-dial[data-dial-mode=lyrics] .dial-lyric-reading{margin-top:8px}
.reference-studio .song-dial[data-dial-mode=lyrics] .dial-lyric-reading>.dial-hint{display:none}
.reference-studio .song-dial[data-dial-mode=lyrics] #dialLyricDrum{height:144px}
.reference-studio .song-dial .dial-lit-cell{filter:drop-shadow(0 0 3px #b991ed88)}
.reference-studio .song-dial .dial-empty-cell{fill:#17182a;stroke:#625578}
.reference-studio .song-dial .dial-outside-cell{opacity:.65}
@media(prefers-reduced-motion:reduce){.reference-studio .song-dial .dial-lit-cell{filter:none}}

.reference-studio .dial-action-card .field>span.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.reference-studio .song-dial[data-dial-mode=beat] .dial-overview button{min-height:40px}

.reference-studio .song-dial[data-dial-mode=beat] .dial-time-controls{grid-template-columns:minmax(0,1fr) 48px auto 48px minmax(0,1fr);gap:8px;min-height:48px}
.reference-studio .song-dial[data-dial-mode=beat] #dialPlay,.reference-studio .song-dial[data-dial-mode=beat] #dialStop{width:48px;height:48px;min-width:48px;min-height:48px;padding:11px;border-radius:50%}
.reference-studio .song-dial[data-dial-mode=beat] #dialPlay svg,.reference-studio .song-dial[data-dial-mode=beat] #dialStop svg{width:22px;height:22px}
.reference-studio .song-dial[data-dial-mode=beat] .dial-time-controls .text-button:not(#dialStop){padding-inline:4px}
/* Playback-only is already announced on the drum and its accessible name. */
.reference-studio .song-dial[data-dial-mode=lyrics]>.dial-hint{display:none}

.reference-studio #dialEarlier svg,.reference-studio #dialLater svg{display:none}
@media(max-width:360px){.reference-studio #dialEarlier svg,.reference-studio #dialLater svg{display:block;width:22px;height:22px}.reference-studio #dialEarlier span,.reference-studio #dialLater span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.reference-studio #dialEarlier,.reference-studio #dialLater{min-width:44px;display:grid;place-items:center}}
.reference-studio .dial-action-card{padding:6px}
.reference-studio .dial-build-actions{margin-top:6px}
.reference-studio .dial-build-actions button{min-height:52px}
/* Text enlargement reflows construction actions instead of squeezing labels. */
.reference-studio .dial-build-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,3.8em),1fr))}