/* Transport and operational pages share the studio's semantic color tokens. */
.studio-transport.floating-player{position:fixed;display:block;z-index:55;max-width:calc(100vw - 24px);max-height:50dvh;overflow:auto;padding:0;border-radius:22px;border:1px solid var(--ui-border,var(--line));background:var(--panel);box-shadow:0 20px 70px #0005!important;isolation:isolate}
.studio-transport .transport-heading{position:sticky;top:0;display:flex;flex-direction:row;flex-wrap:nowrap;text-align:start;align-items:center;gap:12px;padding:16px 20px;background:var(--panel);border-bottom:1px solid var(--ui-border,var(--line));z-index:2;height:auto}
.transport-heading>div{display:grid;gap:4px;min-width:0;flex:1}.transport-heading small{font-size:.67rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.transport-heading strong{font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.transport-body{padding:18px 22px}.studio-transport .transport-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:40px;padding:10px;border:1px solid transparent;background:transparent;color:var(--text);border-radius:50%;box-shadow:none}.transport-icon svg,.transport-volume svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.studio-transport .transport-icon:hover{background:color-mix(in srgb,var(--accent) 12%,var(--panel));border-color:var(--ui-border)}.studio-transport .transport-play{width:52px;height:52px;background:var(--accent);color:var(--accent-ink,#161020)}#playerMove{cursor:grab;touch-action:none}#playerMove:active{cursor:grabbing}
.studio-transport #playerWaveform{display:block;grid-column:auto;grid-row:auto;position:relative;height:84px;opacity:1;cursor:crosshair;border-radius:8px;overflow:hidden;touch-action:pan-y}.transport-wave-base,.transport-wave-played{position:absolute;inset:0;pointer-events:none}.transport-wave-base{color:color-mix(in srgb,var(--muted) 34%,transparent)}.transport-wave-played{color:var(--accent);clip-path:inset(0 calc(100% - var(--played,0%)) 0 0)}.studio-transport #playerWaveform svg{height:100%;width:100%;fill:currentColor;display:block}.transport-wave:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.transport-wave-loading{position:absolute;inset:0;display:none;align-items:center;justify-content:space-between;gap:4px;pointer-events:none}.transport-wave-loading i{height:var(--height);flex:1;max-width:5px;border-radius:6px;background:var(--accent);opacity:.45}.studio-transport[data-state=loading] .transport-wave-loading{display:flex}.studio-transport[data-state=loading] .transport-wave-base,.studio-transport[data-state=loading] .transport-wave-played{opacity:.14}
.transport-time{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.73rem;color:var(--muted);font-variant-numeric:tabular-nums}.transport-time span{color:var(--accent)}.transport-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0}.transport-buttons{display:flex;gap:5px;align-items:center}.transport-volume{display:flex;align-items:center;gap:8px;max-width:150px;min-width:90px}.transport-volume input{padding:0;min-height:32px;accent-color:var(--accent);width:100%}.transport-details{border-top:1px solid var(--ui-border,var(--line));padding:0}.transport-details summary{padding:14px 0;cursor:pointer;font-size:.8rem}.transport-details dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;font-size:.78rem;margin:0 0 16px}.transport-details dt{color:var(--muted)}.transport-details dd{margin:0;overflow-wrap:anywhere}.transport-details ol{list-style:none;margin:0;padding:0 0 12px}.transport-details li button{width:100%;text-align:start;padding:10px;background:transparent;color:var(--text);border:0;border-radius:6px;font-size:.8rem}.transport-details li button[aria-current=true]{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}
.reopen-player.player-orb{position:fixed;z-index:55;width:64px;height:64px;min-height:64px;padding:0;display:grid;place-items:center;border:1px solid var(--ui-border,var(--line));border-radius:50%;background:var(--panel);color:var(--accent);box-shadow:0 8px 32px #0005;touch-action:none;cursor:grab}.player-orb:active{cursor:grabbing}.player-orb .orb-ring{position:absolute;inset:0;width:64px;height:64px;transform:rotate(-90deg);fill:none;stroke:var(--ui-border,var(--line));stroke-width:2}.player-orb .orb-progress{stroke:var(--accent);stroke-width:3;stroke-linecap:round}.orb-symbol>svg{height:24px;width:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.player-orb[data-state=playing] .orb-symbol>svg{fill:currentColor;stroke-width:1}.orb-loading{display:flex;align-items:center;gap:4px;height:24px}.orb-loading i{height:18px;width:3px;border-radius:4px;background:var(--accent)}
.generation-progress{padding:18px 20px;border-radius:14px;border:1px solid var(--ui-border,var(--line));background:color-mix(in srgb,var(--accent) 4%,var(--field));width:100%;min-width:0}.generation-status{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.generation-status strong{font-size:.85rem}.generation-status time,.generation-percent{font-size:.73rem;color:var(--muted);font-variant-numeric:tabular-nums}.generation-wave{height:58px;display:flex;gap:4px;align-items:center;justify-content:space-between;margin:16px 0}.generation-wave i{flex:1;max-width:7px;height:var(--height);background:var(--accent);border-radius:5px;opacity:.3}.generation-wave i[data-complete]{opacity:1}.generation-stages{display:flex;list-style:none;margin:0;padding:0;gap:10px;font-size:.68rem;color:var(--muted)}.generation-stages li{flex:1;padding-top:9px;border-top:2px solid var(--ui-border,var(--line))}.generation-stages [aria-current],.generation-stages [data-complete]{color:var(--accent);border-color:var(--accent)}.generation-progress>p{margin:14px 0 0;line-height:1.6;font-size:.75rem}.job-row:has(.generation-progress){display:flex;flex-wrap:wrap;align-items:center}.job-row>.generation-progress{flex-basis:100%}.job-row>strong{flex:1}.job-row>p{flex-basis:100%;margin:0}.job-row>button{margin-top:8px}.generation-progress[data-state=uncertain]{border-color:color-mix(in srgb,var(--warning,#d7ac62) 60%,var(--line))}
#writingBrief{min-height:180px;resize:vertical;line-height:1.7}
.console-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.console-heading h2{margin:0 0 8px}.console-heading p{max-width:75ch;margin:0;font-size:.84rem}.console-tabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--ui-border,var(--line));margin-bottom:24px;padding-bottom:8px}.console-tabs>button{border:0;background:transparent;color:var(--muted);padding:10px 16px;min-height:42px;border-radius:9px;font-size:.8rem}.console-tabs>button[aria-selected=true]{background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent)}.console-filters,.events-filters{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin:20px 0}.console-filters>label,.events-filters>label{display:grid;gap:7px;min-width:130px;flex:1;font-size:.73rem;color:var(--muted)}.console-filters input,.console-filters select,.events-filters input,.events-filters select{width:100%;min-width:0}.console-filters>.check{display:flex;align-items:center;flex:initial;min-height:42px}.console-filters>.check input{width:auto}.console-filters>button,.events-filters>button{min-height:42px;align-self:end}
.console-metrics,.usage-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}.console-metrics>div,.usage-totals>div{display:grid;gap:10px;padding:20px;background:var(--field);border:1px solid var(--ui-border,var(--line));border-radius:14px}.console-metrics span,.usage-totals span{font-size:.73rem;color:var(--muted)}.console-metrics strong,.usage-totals strong{font-size:1.55rem;font-weight:550;font-variant-numeric:tabular-nums}.usage-totals{grid-template-columns:repeat(3,minmax(0,1fr))}.console-table-wrap,.usage-table-scroll{overflow:auto;border:1px solid var(--ui-border,var(--line));border-radius:12px}.console-table,.usage-matrix{border-collapse:collapse;width:100%;font-size:.79rem}.console-table th,.usage-matrix th{font-size:.67rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--field);padding:14px 16px;text-align:start;white-space:nowrap}.console-table td,.usage-matrix td{padding:17px 16px;border-top:1px solid var(--ui-border,var(--line));vertical-align:top}.console-table td:nth-last-child(-n+4){font-variant-numeric:tabular-nums;white-space:nowrap}.console-table td:nth-child(2){min-width:190px}.console-table summary{cursor:pointer;font-weight:550}.console-table details p{max-width:35ch;overflow-wrap:anywhere;font-size:.73rem;color:var(--muted);line-height:1.6}.console-table tbody tr:hover,.usage-matrix tbody tr:hover{background:color-mix(in srgb,var(--accent) 4%,transparent)}.console-status{display:inline-block;padding:4px 8px;border-radius:6px;font-size:.7rem;background:var(--field);color:var(--muted)}.console-status[data-state=ready]{color:var(--success,#69ac91)}.console-status[data-state=running],.console-status[data-state=queued]{color:var(--accent)}.console-status[data-state=failed]{color:var(--danger,#e98383)}.billing-console.workspace-grid{display:block}.billing-console>[role=tabpanel]{min-width:0}.generation-usage{border:1px solid var(--ui-border,var(--line));border-radius:18px;padding:24px;background:var(--panel)}#usageStatus{font-size:.78rem;color:var(--muted)}#usageMore{margin-top:18px}.usage-prices{padding:28px}.usage-prices>details>summary{font-size:1rem;margin-bottom:18px}.usage-prices>p{max-width:85ch;color:var(--muted);font-size:.82rem;line-height:1.6}.usage-matrix caption{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.usage-matrix tr[data-enabled=false]{color:var(--muted)}.usage-matrix td:nth-child(3){font-weight:550;white-space:nowrap}
#accountEventsPage.account-events{width:100%;max-height:none;overflow:visible;padding:28px;border-color:var(--ui-border,var(--line));border-radius:18px}.account-events>p{color:var(--muted);font-size:.83rem;max-width:85ch;line-height:1.7}.events-advanced{flex-basis:100%;border-top:1px solid var(--ui-border,var(--line));padding-top:12px}.events-advanced summary{cursor:pointer;font-size:.76rem;color:var(--muted);padding:8px 0}.events-advanced label{display:inline-grid;gap:6px;width:calc(33.333% - 14px);margin:12px 12px 0 0;font-size:.73rem}.events-advanced label[hidden]{display:none}.event-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}.event-heading h3{font-weight:550}.event-heading time{white-space:nowrap;color:var(--muted);font-size:.75rem!important}.account-events #eventsList li{padding:20px 18px 20px 24px;border-inline-start:3px solid var(--accent);border-radius:0;background:var(--field);margin-bottom:10px;border-top:0}.account-events #eventsList li[data-category=security]{border-inline-start-color:var(--muted)}.account-events #eventsList li[data-category=credits]{border-inline-start-color:var(--success,#69ac91)}.event-credit:empty{display:none}.event-credit{font-size:.78rem;color:var(--accent);margin:10px 0}.account-events #eventsList summary{font-size:.74rem;color:var(--muted);cursor:pointer;margin-top:10px}.account-events #eventsList dl{font-size:.75rem}.account-events #eventsNotice{font-size:.78rem;color:var(--muted);margin:20px 0}
@keyframes studio-signal{0%,100%{transform:scaleY(.42);opacity:.35}50%{transform:scaleY(1);opacity:.85}}
@media(prefers-reduced-motion:no-preference){.generation-wave i,.transport-wave-loading i,.orb-loading i{animation:studio-signal 1.3s ease-in-out infinite;animation-delay:calc(var(--bar,0)*-47ms)}.orb-loading i:nth-child(2){animation-delay:-.4s}.orb-loading i:nth-child(3){animation-delay:-.8s}}
:root[data-motion=reduced] :is(.generation-wave i,.transport-wave-loading i,.orb-loading i),:root[data-motion=off] :is(.generation-wave i,.transport-wave-loading i,.orb-loading i){animation:none}
@media(max-width:760px){.console-heading{flex-direction:column;gap:12px}.console-metrics,.usage-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.console-metrics>div,.usage-totals>div{padding:16px}.console-metrics strong,.usage-totals strong{font-size:1.25rem}.generation-usage,.usage-prices,#accountEventsPage.account-events{padding:18px}.console-tabs>button{padding:10px 12px}.console-filters>label,.events-filters>label{min-width:120px;max-width:100%}.events-advanced label{width:100%}.event-heading{flex-direction:column;gap:8px}.transport-body{padding:14px 16px}.studio-transport .transport-heading{padding:12px}.transport-controls{gap:5px}.transport-buttons{gap:0}.transport-volume{min-width:65px;max-width:100px}.transport-volume svg{display:none}.generation-stages{gap:6px;font-size:.61rem}.generation-progress{padding:14px}.generation-wave{gap:3px}.console-table td,.console-table th{padding:13px 12px}}
@media(forced-colors:active){.player-orb,.studio-transport{border:2px solid CanvasText}.transport-wave-base,.transport-wave-played{color:CanvasText}.console-tabs>button[aria-selected=true]{outline:2px solid Highlight}.generation-wave i{background:Highlight}}
@media print{.studio-transport,.player-orb{display:none!important}.console-table-wrap{overflow:visible}}

.generation-details{border-top:1px solid var(--ui-border,var(--line));padding-top:10px;margin-top:14px}.generation-details summary{cursor:pointer;color:var(--muted);font-size:.73rem}.generation-details p{font-size:.74rem;overflow-wrap:anywhere}.generation-brief{white-space:pre-wrap;max-height:160px;overflow:auto;line-height:1.7}

@media(max-width:480px){.usage-totals{grid-template-columns:1fr}.usage-totals>div{display:flex;align-items:center;justify-content:space-between;gap:18px}.usage-totals strong{font-size:1rem;text-align:end;max-width:60%}}

.brand-intro-preferences{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border,#34394b)}
.brand-intro-preferences .checkbox{display:flex;align-items:center;gap:.65rem}.brand-intro-preferences .checkbox input{width:1.15rem;height:1.15rem;flex:0 0 auto}.brand-intro-preferences p{max-width:65ch;line-height:1.6}