/* The transport owns the highest application layer, including native popovers. */
.studio-transport.floating-player,.player-orb.reopen-player{z-index:2147483647;inset:auto;margin:0;box-sizing:border-box}
.studio-transport.floating-player[hidden],.player-orb.reopen-player[hidden]{display:none!important}
.player-orb.reopen-player{overflow:visible;transition:background-color .12s,border-color .12s;user-select:none}
.player-orb.reopen-player .orb-ring{width:100%;height:100%;pointer-events:none}
.player-orb .orb-symbol{display:grid;place-items:center;pointer-events:none}
.studio-transport.is-dragging,.player-orb.is-dragging{will-change:transform;transition:none;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.studio-transport.floating-player::backdrop,.player-orb.reopen-player::backdrop{background:transparent;pointer-events:none}
.studio-transport.floating-player{border-radius:20px;overflow:auto;overscroll-behavior:contain;color:var(--text);background:var(--spectre-menu,var(--panel));max-width:100vw;text-align:start}
.studio-transport .transport-heading{cursor:grab;touch-action:none;user-select:none;width:100%;max-width:none;margin:0;padding:14px 18px;gap:8px;background:var(--spectre-native,var(--panel))}
.studio-transport .transport-heading:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:16px 16px 0 0}
.studio-transport.is-dragging .transport-heading{cursor:grabbing}
.studio-transport .transport-heading>div{min-width:0;gap:2px}
.studio-transport .transport-heading strong{font-weight:600;line-height:1.5}
.studio-transport #playerSubtitle{color:var(--muted);font-size:.72rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.5}
.studio-transport .transport-icon{flex-shrink:0;cursor:pointer;transition:background-color .12s,border-color .12s,color .12s;transform:none}
.studio-transport .transport-icon:hover:not(:disabled){color:var(--text);background:color-mix(in srgb,var(--accent) 14%,var(--panel));border-color:color-mix(in srgb,var(--accent) 35%,transparent);transform:none}
.studio-transport .transport-play{background:var(--accent);color:var(--ink);border-color:transparent}
.studio-transport .transport-play:hover:not(:disabled),.studio-transport .transport-play:active:not(:disabled){background:var(--accent);color:var(--ink);border-color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent);transform:none}
.studio-transport .transport-icon:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.studio-transport .transport-icon:disabled{opacity:.32;cursor:default;background:transparent;border-color:transparent}
.studio-transport .transport-body{min-width:0}
.studio-transport .transport-volume{margin:0;min-width:0;max-width:180px}
.studio-transport .transport-volume input{min-width:0}
.studio-transport .transport-volume .transport-icon{width:34px;height:34px;min-height:34px;padding:7px}
.studio-transport .transport-volume svg{display:block}
.studio-transport .transport-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.studio-transport .transport-tool{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted);font-size:.73rem;line-height:1.4;box-shadow:none;transform:none}
.studio-transport .transport-tool svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.studio-transport .transport-tool[aria-pressed=true],.studio-transport .transport-tool[aria-expanded=true]{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel));border-color:var(--accent)}
.studio-transport .transport-tool:hover:not(:disabled){color:var(--text);border-color:var(--accent)}
.studio-transport .transport-tool:focus-visible,.studio-transport .listening-line:focus-visible,.studio-transport .transport-transcript:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.studio-transport .transport-tool:disabled{opacity:.4;cursor:default}
.studio-transport .transport-speed{display:flex;align-items:center;gap:7px;font-size:.73rem;color:var(--muted);margin:0}
.studio-transport .transport-speed select{width:auto;min-height:36px;padding:6px 26px 6px 8px;font-size:.73rem;margin:0}
.studio-transport #playerLyricsToggle{margin-inline-start:auto}
.studio-transport .transport-lyrics{border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 85%,var(--field));padding:12px;margin-bottom:14px;min-width:0}
.studio-transport .transport-lyrics[hidden]{display:none}
.studio-transport .transport-lyrics-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.8rem}
.studio-transport .transport-follow{display:flex;align-items:center;gap:6px;font-size:.73rem;color:var(--muted);margin:0}
.studio-transport .transport-follow input{width:16px;height:16px;min-height:0;margin:0;accent-color:var(--accent)}
.studio-transport .transport-lyrics-note{margin:8px 0;font-size:.69rem;line-height:1.5;color:var(--muted)}
.studio-transport .transport-transcript{max-height:220px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;padding:4px;min-width:0}
.studio-transport .transport-transcript::-webkit-scrollbar{display:none}
.studio-transport .transport-transcript:empty{display:none}
/* Reading text, with the same word states as the public listening page. */
.studio-transport button.listening-line,.studio-transport button.listening-line:hover,.studio-transport button.listening-line:active{display:block;width:100%;text-align:start;white-space:pre-wrap;overflow-wrap:anywhere;border:0;border-radius:0;background:transparent;color:var(--text);padding:9px 0;margin:0;min-height:40px;font:inherit;font-size:1rem;font-weight:400;line-height:1.8;letter-spacing:-.015em;box-shadow:none;transform:none;transition:none}
.studio-transport .listening-word{opacity:.46;text-shadow:none;background:transparent;box-shadow:none;border-radius:0}
.studio-transport .listening-word[data-state=past]{opacity:.8}
.studio-transport .listening-word[data-state=current]{opacity:1;color:var(--text);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px;text-decoration-thickness:2px}
.studio-transport .transport-details{border-color:color-mix(in srgb,var(--line) 55%,transparent)}
.studio-transport .transport-details summary{font-weight:500;cursor:pointer}
.studio-transport .transport-details dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;line-height:1.5;margin:0 0 14px}
.studio-transport .transport-fact{display:grid;align-content:start;gap:4px;min-width:0;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 45%,transparent)}
.studio-transport .transport-fact dt{font-size:.69rem;line-height:1.5;font-weight:400;color:var(--muted)}
.studio-transport .transport-details dd{margin:0;overflow-wrap:anywhere;min-width:0;color:var(--text)}
.studio-transport .transport-description{grid-column:1/-1;padding-top:0;padding-bottom:12px}
.studio-transport .transport-prompt{display:flex;align-items:center;gap:12px;width:100%;min-width:0;padding:12px 14px;margin:0 0 16px;border:1px solid var(--line);border-radius:12px;background:var(--field);color:var(--text);text-align:start;box-shadow:none;transform:none}
.studio-transport .transport-prompt[hidden]{display:none}
.studio-transport .transport-prompt>span{display:grid;gap:4px;min-width:0;flex:1}
.studio-transport .transport-prompt strong{font-size:.78rem;font-weight:500;white-space:normal}
.studio-transport .transport-prompt small{font-size:.7rem;color:var(--muted);line-height:1.5}
.studio-transport .transport-prompt svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none;color:var(--accent)}
.studio-transport .transport-prompt:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--field));transform:none}
.studio-transport .transport-prompt:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.studio-transport .transport-details ol{padding:0}
.studio-transport .transport-details li{min-width:0}
.studio-transport .transport-details li button{white-space:normal;overflow-wrap:anywhere}

/* Compact mode stays on the bottom content edge; controls retain their DOM/audio. */
.studio-transport.floating-player[data-mode=compact]{border-radius:16px}
.studio-transport[data-mode=compact] .transport-heading{cursor:default;touch-action:auto;padding:6px 16px;border-bottom-color:color-mix(in srgb,var(--line) 45%,transparent)}
.studio-transport[data-mode=compact] .transport-heading small,.studio-transport[data-mode=compact] #playerSubtitle,.studio-transport[data-mode=compact] .transport-details,.studio-transport[data-mode=compact] .transport-tools,.studio-transport[data-mode=compact] .transport-lyrics{display:none}
.studio-transport[data-mode=compact] .transport-heading strong{font-size:.82rem}
.studio-transport[data-mode=compact] .transport-heading .transport-icon{width:32px;height:32px;min-height:32px;padding:7px}
.studio-transport[data-mode=compact] .transport-body{display:grid;grid-template-columns:auto minmax(0,1fr) 120px;column-gap:24px;row-gap:2px;padding:10px 18px 12px;align-items:center}
.studio-transport[data-mode=compact] #playerWaveform{grid-column:2;grid-row:1;height:32px}
.studio-transport[data-mode=compact] .transport-time{grid-column:2;grid-row:2;margin:0;font-size:.63rem}
.studio-transport[data-mode=compact] .transport-controls{display:contents}
.studio-transport[data-mode=compact] .transport-buttons{grid-column:1;grid-row:1/3;gap:4px}
.studio-transport[data-mode=compact] .transport-volume{grid-column:3;grid-row:1/3;width:100%;max-width:none;gap:8px}
.studio-transport[data-mode=compact] .transport-volume input{width:88px;max-width:100%}
.studio-transport[data-mode=compact] .transport-buttons .transport-icon{width:34px;height:34px;min-height:34px;padding:8px}
.studio-transport[data-mode=compact] .transport-buttons .transport-play{width:42px;height:42px;min-height:42px}
@media(max-width:760px){
  .studio-transport .transport-heading{padding:10px 12px;gap:4px}
  .studio-transport .transport-heading>.transport-icon{width:34px;height:34px;min-height:34px;padding:8px}
  .studio-transport .transport-heading strong{font-size:.85rem}
  .studio-transport .transport-volume{max-width:115px;gap:2px}
  .studio-transport .transport-tools{gap:6px}
  .studio-transport .transport-tool{padding:6px 8px}
  .studio-transport .transport-transcript{max-height:180px}
  .studio-transport .transport-details dl{gap:0 16px}
  .studio-transport[data-mode=compact] .transport-heading{padding:6px 10px}
  .studio-transport[data-mode=compact] .transport-body{grid-template-columns:minmax(0,1fr) 96px;gap:4px 10px;padding:8px 12px 10px}
  .studio-transport[data-mode=compact] .transport-buttons{grid-column:1;grid-row:1;gap:2px}
  .studio-transport[data-mode=compact] .transport-volume{grid-column:2;grid-row:1}
  .studio-transport[data-mode=compact] .transport-volume{gap:2px}
  .studio-transport[data-mode=compact] .transport-volume input{width:60px}
  .studio-transport[data-mode=compact] #playerWaveform{grid-column:1/-1;grid-row:2;height:24px}
  .studio-transport[data-mode=compact] .transport-time{grid-column:1/-1;grid-row:3}
}
.studio-dialog.player-prompt-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(760px,calc(100vw - 40px));max-width:calc(100vw - 40px);max-height:calc(100dvh - 64px);padding:0;gap:0;margin:auto;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--spectre-menu,var(--panel));color:var(--text);box-shadow:0 24px 90px #0006}
.player-prompt-dialog::backdrop{background:#060912a8;backdrop-filter:blur(6px)}
.player-prompt-dialog .player-prompt-heading{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:start;justify-content:space-between;gap:20px;position:static;width:auto;max-width:none;height:auto;margin:0;padding:24px 28px 20px;border-bottom:1px solid var(--line);background:transparent;text-align:start}
.player-prompt-heading>div{min-width:0}
.player-prompt-dialog .player-prompt-heading h2{margin:0;font-size:1.2rem;font-weight:600;line-height:1.4;letter-spacing:-.02em}
.player-prompt-dialog .player-prompt-heading p{margin:6px 0 0;font-size:.8rem;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
.player-prompt-dialog .player-prompt-dismiss{display:grid;place-items:center;width:36px;height:36px;min-height:36px;flex:none;padding:8px;margin:0;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);box-shadow:none}
.player-prompt-dismiss svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.player-prompt-dialog .player-prompt-body{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:24px 28px 30px;text-align:start}
.player-prompt-copy{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.94rem;line-height:1.9;letter-spacing:.005em;font-weight:400;max-width:70ch;user-select:text}
.player-prompt-dialog .player-prompt-footer{position:static;display:flex;justify-content:flex-end;gap:12px;margin:0;padding:16px 28px;width:auto;max-width:none;border-top:1px solid var(--line);background:transparent}
.player-prompt-dialog .player-prompt-footer button{min-height:40px;min-width:88px;padding:8px 18px;font-size:.8rem;margin:0}
.player-prompt-dialog :is(button,.player-prompt-body):focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
@media(max-width:540px){
  .studio-dialog.player-prompt-dialog[open]{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:16px}
  .player-prompt-dialog .player-prompt-heading{padding:18px 18px 16px;gap:12px}
  .player-prompt-dialog .player-prompt-heading h2{font-size:1.05rem}
  .player-prompt-dialog .player-prompt-body{padding:18px 18px 22px}
  .player-prompt-copy{font-size:.875rem;line-height:1.85}
  .player-prompt-dialog .player-prompt-footer{padding:12px 18px}
}
@media(pointer:coarse){.player-prompt-dialog .player-prompt-dismiss,.player-prompt-dialog .player-prompt-footer button{min-width:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.studio-transport .transport-icon{transition:none}}
:root[data-motion=off] .studio-transport .transport-icon{transition:none}
@media(forced-colors:active){.studio-transport .transport-play,.studio-transport .transport-icon:focus-visible{border:1px solid ButtonText}}