.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))}
/* The face browses time; only the grooved edge browses sound rings. */
.dial-stage{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:2px;align-items:stretch;position:relative}
#songDialSurface{position:relative;min-width:0;touch-action:pan-y!important;overflow:hidden}
#dialArtwork{pointer-events:none}
#dialRingLabels{position:absolute;inset:0;pointer-events:none}
.dial-ring-name{position:absolute;left:0;width:20%;min-width:52px;max-width:105px;padding:3px;border:1px solid var(--ring-color);border-radius:7px;background:linear-gradient(115deg,#111322,#252139);color:#fff;pointer-events:auto;line-height:1.1;overflow-wrap:normal;box-shadow:inset 0 1px 6px #ffffff12;transform:skewY(8deg);font-size:clamp(11px,3.1vw,16px)}
.dial-ring-name span,.dial-ring-name small{display:block;transform:skewY(-8deg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dial-ring-name small{font-size:10px;color:#eedcff;min-height:11px}
.dial-ring-name.is-editing{border:2px solid #e3b4ff;background:linear-gradient(110deg,#532579,#201036);box-shadow:0 0 12px #b846ff99,inset 0 0 12px #b846ff55}
.dial-ring-name:focus-visible{outline:3px solid white;outline-offset:-4px}
.dial-ring-body.is-editing{filter:drop-shadow(0 0 5px #cf7cff)}
.dial-stack-edge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0}
.dial-stack-edge input{writing-mode:vertical-lr;direction:ltr;width:44px;height:180px;margin:0;accent-color:#c565ff;cursor:ns-resize;background:repeating-linear-gradient(0deg,#aaa2 0 1px,#141421 1px 5px);border-radius:14px;touch-action:none}
.dial-stack-edge span{font-size:10px;text-align:center;line-height:1.2;color:#c9b8db}
.dial-ring-context{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:48px;margin:5px 0}
.dial-ring-context[hidden]{display:none}
.dial-ring-context details{margin-left:auto}.dial-ring-context button,.dial-ring-context summary{min-height:44px}
.song-dial[data-dial-mode=beat] .dial-time-controls{position:sticky;top:0;z-index:3;background:#10101dec;border-radius:14px;padding:3px}
#dialReading{min-width:0}.dial-lyric-options{margin:0 0 8px}.dial-lyric-options summary{min-height:44px;display:flex;align-items:center}
#dialLyricDrum #notebookText{width:100%;min-height:190px;height:100%;margin:0;padding:18px 20px;resize:none;border:0;border-radius:18px;background:linear-gradient(90deg,#130d2a,#211137 50%,#130d2a);color:#f7edff;font:600 22px/1.7 system-ui;box-sizing:border-box;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:inset 0 0 18px #a237ff44}
#dialLyricDrum #notebookText[hidden],.dial-writing-actions [hidden]{display:none!important}
#dialLyricLines p{margin:0;padding:12px 18px;font-size:22px;line-height:1.4;overflow-wrap:anywhere}
.dial-lyric-reading.is-editing .dial-lyric-barrel{border-color:#ce7aff;box-shadow:0 0 12px #b14dff66}
.dial-writing-actions{display:flex;flex-wrap:wrap;gap:8px}.dial-writing-actions button{flex:1 1 120px;min-height:52px}
#lyricSaveStatus{min-height:1.5em;font-size:12px;margin:8px 0}.dial-lyric-reading .studio-caption{font-size:11px;line-height:1.4}
@media(prefers-reduced-motion:reduce){.dial-ring-name,.dial-ring-body{transition:none!important}}
.dial-stack-edge input{-webkit-appearance:none;appearance:none;background:transparent}
.dial-stack-edge input::-webkit-slider-runnable-track{width:10px;border:1px solid #625377;border-radius:12px;background:repeating-linear-gradient(0deg,#b8a7c655 0 1px,#171223 1px 5px);box-shadow:inset 2px 0 3px #000,0 0 7px #9d35e522}
.dial-stack-edge input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:36px;margin-left:-7px;border-radius:9px;border:1px solid #edccff;background:linear-gradient(90deg,#8030c1,#d88dff,#8030c1);box-shadow:0 0 10px #b346ff99}
.dial-stack-edge input:focus-visible{outline:2px solid #f4ddff;border-radius:12px}
.dial-stack-edge input:disabled{opacity:.65}
.dial-lyric-barrel,#dialLyricDrum{height:180px!important}
.dial-lyric-reading.is-editing #dialLyricDrum{padding:0!important;overflow:hidden}
.dial-lyric-reading.is-editing #notebookText{height:180px!important;min-height:180px!important;padding:12px 16px;line-height:1.45;border-radius:20px}
.song-dial .dial-writing-actions button{min-height:52px!important}
.dial-lyric-reading #dialFollow{min-height:44px;max-width:100%;padding:8px 16px;border:1px solid #a75de866;border-radius:22px}
/* Keep the reading/edit action footprint stable when Save/Cancel replace Edit. */
.dial-lyric-reading .dial-writing-actions{min-height:112px;align-content:flex-start}
.dial-lyric-reading #lyricSaveStatus{min-height:3.2em}
.song-dial[data-dial-mode=beat] .dial-time-controls{display:grid;grid-template-columns:44px 48px minmax(28px,1fr) 44px 52px 44px;gap:2px;align-items:center}
.song-dial[data-dial-mode=beat] .dial-time-controls :is(#dialEarlier,#dialLater) span{display:none}
.song-dial[data-dial-mode=beat] .dial-time-controls button{min-width:0;min-height:48px;padding:5px}
.song-dial[data-dial-mode=beat] #dialLoop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid var(--sc-border);border-radius:13px;font-size:10px;line-height:1.2}
.song-dial[data-dial-mode=beat] #dialLoop svg{width:21px;height:21px}
.song-dial[data-dial-mode=beat] #dialLoop[aria-pressed=true]{color:var(--sc-text);background:color-mix(in srgb,var(--sc-solid) 35%,var(--sc-panel));border-color:var(--sc-solid);box-shadow:0 0 12px color-mix(in srgb,var(--sc-solid) 50%,transparent)}
#dialArtwork{pointer-events:auto}.song-dial[data-dial-mode=beat] [data-dial-ring]{pointer-events:visiblePainted;cursor:crosshair}
.song-dial[data-dial-mode=lyrics] .dial-local-transport{position:static;width:auto;display:flex;flex-direction:row;justify-content:center;margin:6px 0;gap:10px}
.song-dial[data-dial-mode=lyrics] #songDialSurface{width:100%;margin:0}
.song-dial[data-dial-mode=lyrics] #dialLoop{min-width:56px;min-height:48px;border:1px solid var(--sc-border);border-radius:14px;font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.song-dial #dialLoop[aria-pressed=true]{border-color:var(--sc-solid);background:color-mix(in srgb,var(--sc-solid) 35%,var(--sc-panel));box-shadow:0 0 12px color-mix(in srgb,var(--sc-solid) 50%,transparent)}
.song-dial[data-dial-mode=lyrics] .dial-linked-badge{white-space:normal;overflow-wrap:anywhere;line-height:1.35;min-height:44px;display:inline-flex;align-items:center;max-width:100%;box-sizing:border-box}
.song-dial[data-dial-mode=beat] [data-dial-future=true]{fill:color-mix(in srgb,var(--sc-solid) 15%,transparent);stroke:var(--sc-solid);stroke-dasharray:2 2;opacity:.65}
#dialDraftStatus{flex-basis:100%;min-height:1.5em;font-size:12px;line-height:1.4;color:var(--sc-secondary)}#dialDoneRing svg{width:18px;height:18px;vertical-align:middle}

/* Right rail owns musical time; sound browsing stays separate and never seeks. */
.dial-time-edge button{width:44px;min-height:44px;padding:4px;font-size:22px;line-height:1;border:1px solid var(--sc-border);border-radius:12px}
.dial-time-edge input{height:150px;writing-mode:vertical-lr;direction:ltr}
.dial-ring-browse{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:12px;min-height:44px}.dial-ring-browse[hidden]{display:none}.dial-ring-browse button{min-width:44px;min-height:44px}
.dial-clock{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;min-width:66px}
.studio-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.studio-takes.is-embedded{margin:16px 0 0}.studio-takes.is-embedded>h2{font-size:22px}.studio-takes.is-embedded .take-primary-actions{justify-content:center}

/* Clear the former side-player slot so the time rail has its own unobstructed hit area. */
.reference-studio .song-dial:is([data-dial-mode=lyrics],[data-dial-mode=takes]) #songDialSurface{width:100%;margin:0}
.reference-studio .song-dial:is([data-dial-mode=lyrics],[data-dial-mode=takes]) .dial-local-transport{position:static;inset:auto;width:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;margin:6px 0;gap:10px}
.reference-studio .song-dial:is([data-dial-mode=lyrics],[data-dial-mode=takes]) .dial-local-transport button{flex:0 0 auto}

.dial-section-strip{margin:8px 0;padding:10px;border:1px solid var(--sc-border);border-radius:16px;background:var(--sc-panel);min-width:0}.dial-section-strip-head{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:8px}.dial-section-scroll{overflow-x:auto;max-width:100%;scrollbar-width:thin;scrollbar-color:var(--sc-solid) transparent}#dialSectionTrack{position:relative;display:flex;gap:0;padding:4px 0 8px;box-sizing:border-box}#dialSectionTrack button{min-width:0;min-height:56px;padding:8px 4px;border:1px solid var(--sc-border);border-radius:10px;background:transparent;color:var(--sc-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;overflow-wrap:anywhere}#dialSectionTrack button[aria-current=true]{border-color:var(--sc-solid);background:color-mix(in srgb,var(--sc-solid) 30%,var(--sc-panel));box-shadow:inset 0 0 10px color-mix(in srgb,var(--sc-solid) 30%,transparent)}#dialSectionTrack button:focus-visible{outline:2px solid white;outline-offset:-3px}#dialSectionTrack button span{font-size:11px;color:var(--sc-secondary)}#dialStripPlayhead{position:absolute;top:0;bottom:4px;width:2px;background:white;box-shadow:0 0 6px #fff;pointer-events:none;transform:translateX(-1px)}#dialStripPlayhead:before{content:'';position:absolute;top:0;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid white}.dial-section-strip>small{display:block;text-align:center;font-size:11px;color:var(--sc-secondary);margin-top:4px}

.dial-section-insert{display:grid;grid-template-columns:1fr minmax(0,1fr) 1fr;gap:6px;align-items:center}.dial-section-insert strong{text-align:center;font-size:14px;overflow-wrap:anywhere}.dial-section-insert button{min-height:48px;padding:8px;font-size:12px}.dial-section-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.dial-section-actions button{min-height:44px;flex:1 1 auto;font-size:12px}.dial-section-context{padding:10px}

/* Astra's focused material/layout correction; geometry and musical hit identities stay unchanged. */
.dial-ring-name.is-editing{border:1px solid var(--ring-color)!important;background:color-mix(in srgb,var(--ring-color) 18%,#100d19)!important;box-shadow:0 0 4px color-mix(in srgb,var(--ring-color) 75%,transparent),0 0 12px color-mix(in srgb,var(--ring-color) 23%,transparent)!important}
.dial-ring-body.is-editing{filter:drop-shadow(0 0 3px currentColor) drop-shadow(0 0 11px color-mix(in srgb,currentColor 20%,transparent))}
.dial-lit-cell{opacity:1;filter:drop-shadow(0 0 2px currentColor)}
.reference-studio .song-dial:is([data-dial-mode=lyrics],[data-dial-mode=takes]) .dial-time-edge input{height:100px}.reference-studio .song-dial:is([data-dial-mode=lyrics],[data-dial-mode=takes]) .dial-time-edge>span{display:none}
.reference-studio #dialLyricDrum{height:240px;box-sizing:border-box;padding:12px 18px;scroll-padding-block:12px;mask-image:none;background:linear-gradient(90deg,#5b258e77 0,#160e24 7%,#1a1029 50%,#160e24 93%,#5b258e77 100%);box-shadow:inset 4px 0 5px #c279f877,inset -4px 0 5px #c279f877,0 0 12px #9e48db33}
.reference-studio #dialLyricDrum p{font-size:21px;line-height:1.45;margin:10px 0;opacity:.82;color:#ddcfee}.reference-studio #dialLyricDrum p.dial-current-line{opacity:1;color:#fff}
.reference-studio #dialLyricDrum #notebookText{height:214px;min-height:214px;font-size:21px;line-height:1.45;padding:12px;border-radius:30px;box-shadow:none;background:transparent;color:#fff}
.dial-lyric-barrel:after{border-color:#ce83ff77;background:linear-gradient(90deg,#a14fe508,#a14fe51f,#a14fe508);pointer-events:none}.dial-lyric-barrel:focus-within:after{border-color:#e1b1ff;box-shadow:0 0 8px #c568e444;transition:border-color .15s,box-shadow .15s}
.reference-studio[data-studio-screen=lyrics] .studio-takes.is-embedded>.take-primary-actions{margin:8px 0 12px;min-height:108px}
.reference-studio[data-studio-screen=lyrics] .studio-takes.is-embedded .take-input-choices{gap:8px}.reference-studio[data-studio-screen=lyrics] .studio-takes.is-embedded .take-input-choices .studio-card{padding:10px}
@media(prefers-reduced-motion:reduce){.dial-lyric-barrel:after{transition:none!important}}

.reference-studio #dialSectionTrack button[aria-current=true]{border-color:var(--sc-solid)!important;background:color-mix(in srgb,var(--sc-solid) 28%,var(--sc-panel))!important;box-shadow:inset 0 0 8px color-mix(in srgb,var(--sc-solid) 25%,transparent),0 0 4px color-mix(in srgb,var(--sc-solid) 35%,transparent)!important}

/* Match the earlier rule's specificity; never strand a single transport action. */
.reference-studio .song-dial[data-dial-mode=beat] .dial-time-controls{grid-template-columns:44px 48px minmax(88px,1fr) 48px minmax(60px,auto) 44px;gap:4px;grid-template-areas:"earlier play clock stop loop later"}
.reference-studio .song-dial[data-dial-mode=beat] .dial-time-controls #dialEarlier{grid-area:earlier}.reference-studio .song-dial[data-dial-mode=beat] .dial-time-controls #dialPlay{grid-area:play}.reference-studio .song-dial[data-dial-mode=beat] .dial-time-controls #dialClock{grid-area:clock}.reference-studio .song-dial[data-dial-mode=beat] .dial-time-controls #dialStop{grid-area:stop}.reference-studio .song-dial[data-dial-mode=beat] .dial-time-controls #dialLoop{grid-area:loop}.reference-studio .song-dial[data-dial-mode=beat] .dial-time-controls #dialLater{grid-area:later}
.reference-studio .song-dial[data-dial-mode=beat] .dial-time-controls button{min-width:44px;min-height:48px;justify-self:stretch;padding-inline:4px}
@media(max-width:440px){.reference-studio .song-dial[data-dial-mode=beat] .dial-time-controls{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"earlier clock later" "play stop loop";gap:4px;min-height:100px}.reference-studio .song-dial[data-dial-mode=beat] .dial-time-controls #dialClock{min-width:0;font-size:16px}.reference-studio .song-dial[data-dial-mode=beat] .dial-time-controls #dialLoop{display:flex;flex-direction:row;gap:6px;align-items:center;justify-content:center;min-width:44px}}
@media(max-width:440px){.reference-studio .song-dial[data-dial-mode=beat] .dial-time-controls :is(#dialPlay,#dialStop){justify-self:center}}