@import url('/theme-aliases.css?v=1.0.40');
:root{--canvas:#fff;--surface:#fff;--surface-subtle:#f6f5fa;--surface-hover:#eeebf5;--surface-pressed:#e6e0f0;--border:#dedbe7;--border-strong:#b4acc6;--text:#252030;--text-secondary:#554c65;--text-muted:#716780;--accent:#7045c7;--accent-text:#6232b9;--accent-soft:#f0eafa;--accent-border:#bba4e7;--on-accent:#fff;--success:#166a45;--success-soft:#e7f6ee;--danger:#b12e48;--danger-soft:#fff0f2;--warning:#885400;--warning-soft:#fff5df;--shadow-rgb:26 14 47;--overlay-light-rgb:255 255 255;--lime:var(--accent);--bg:var(--canvas);--panel:var(--surface);--line:var(--border);--muted:var(--text-muted);--white:var(--text);--red:var(--danger);--chart-primary:#7045c7;--chart-secondary:#12816a;--chart-neutral:#8c829d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--space:8px;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--motion-fast:140ms;--motion-normal:200ms;--motion-dialog:240ms;color-scheme:light}
:root[data-theme=dark]{--canvas:#14121b;--surface:#1d1a26;--surface-subtle:#25212f;--surface-hover:#302a3e;--surface-pressed:#3a324b;--border:#3c344b;--border-strong:#695b80;--text:#f3effa;--text-secondary:#d0c6df;--text-muted:#b4a8c6;--accent:#b79af3;--accent-text:#cab3ff;--accent-soft:#30243f;--accent-border:#7d5cac;--on-accent:#21142f;--success:#91dbb2;--success-soft:#1d352d;--danger:#ffa5b5;--danger-soft:#3f232e;--warning:#f0cc82;--warning-soft:#3b3122;--shadow-rgb:0 0 0;--overlay-light-rgb:255 255 255;--chart-primary:#b79af3;--chart-secondary:#91dbb2;--chart-neutral:#aa9dbb;color-scheme:dark}
html[data-theme],html[data-theme] body{background:var(--canvas);color:var(--text)}
html[data-theme] body{--lime:var(--accent);--line:var(--border);--muted:var(--text-muted);--red:var(--danger);--bg:var(--canvas);--panel:var(--surface);font:14px/1.5 var(--sans,Inter,system-ui,sans-serif)}
html[data-theme] .app-shell{background:var(--canvas);color:var(--text)}
html[data-theme] .studio-rail{background:var(--surface-subtle);border-color:var(--border)}
html[data-theme] .topbar,html[data-theme] .workspace-startup{background:var(--canvas);color:var(--text)}
html[data-theme] .panel,html[data-theme] dialog,html[data-theme] .remix-feature-panel,html[data-theme] .account-routing-card{background:var(--surface);color:var(--text);border-color:var(--border);border-radius:var(--radius-lg)}
html[data-theme] .button-primary,html[data-theme] #remixGenerate,html[data-theme] #createScheduleAction{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent)}
html[data-theme] .button-outline,html[data-theme] .button-quiet,html[data-theme] .icon-button{background:var(--surface);color:var(--text-secondary);border-color:var(--border)}
html[data-theme] .select-field,html[data-theme] input:not([type=checkbox]):not([type=radio]):not([type=range]),html[data-theme] select,html[data-theme] textarea{background:var(--surface);color:var(--text);border-color:var(--border);border-radius:var(--radius-sm);font-size:14px;min-width:0}
html[data-theme] input[type=checkbox],html[data-theme] input[type=radio]{accent-color:var(--accent)}
html[data-theme] .studio-rail-link.active,html[data-theme] .media-item.active,html[data-theme] .studio-effect:has(input:checked),html[data-theme] [aria-selected=true]{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-text)}
html[data-theme] .creation-step-copy,html[data-theme] .settings-hint,html[data-theme] .folder-import-note,html[data-theme] .studio-effect small{color:var(--text-muted);font-size:12px;line-height:1.6}
html[data-theme] .comparison{background:var(--surface-subtle);border-color:var(--border)}
html[data-theme] .stage-label{background:var(--surface);color:var(--text-secondary);border-color:var(--border)}
html[data-theme] .calendar-day{background:var(--surface);border-color:var(--border);color:var(--text)}
html[data-theme] .calendar-day.today,html[data-theme] .studio-day-selected{background:var(--accent-soft);border-color:var(--accent)}
html[data-theme] ::selection{background:var(--accent-soft);color:var(--accent-text)}
html[data-theme] :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
html[data-theme] .button:disabled{opacity:.5;cursor:not-allowed}
.button,.icon-button,.media-item,.result-card,.studio-rail-link{transition:background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease,transform var(--motion-fast) var(--ease-out)}
@media(hover:hover) and (pointer:fine){.button:not(:disabled):hover,.icon-button:not(:disabled):hover{border-color:var(--accent-border)}.result-card:hover{border-color:var(--accent-border)}}
.button:not(:disabled):active,.icon-button:not(:disabled):active{transform:scale(.98)}
html[data-theme] dialog{opacity:0;transform:translateY(6px) scale(.98);transition:opacity var(--motion-dialog) var(--ease-out),transform var(--motion-dialog) var(--ease-out),display var(--motion-dialog) allow-discrete,overlay var(--motion-dialog) allow-discrete}
html[data-theme] dialog[open]{opacity:1;transform:translateY(0) scale(1)}
html[data-theme] dialog::backdrop{background:rgb(var(--shadow-rgb)/.38);transition:background-color var(--motion-dialog) var(--ease-out),display var(--motion-dialog) allow-discrete,overlay var(--motion-dialog) allow-discrete}
@starting-style{html[data-theme] dialog[open]{opacity:0;transform:translateY(6px) scale(.98)}html[data-theme] dialog[open]::backdrop{background:rgb(var(--shadow-rgb)/0)}}
html[data-theme] .theme-preferences{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px;margin-bottom:24px}
.theme-preferences select{min-width:150px}.theme-preferences h2{margin:0 0 4px;font-size:16px}.theme-preferences p{margin:0;color:var(--text-muted)}
.v3-offline{position:sticky;top:0;z-index:40;padding:8px 16px;background:var(--warning-soft);color:var(--warning);text-align:center}
@media(prefers-reduced-motion:reduce){:root{--motion-fast:0ms;--motion-normal:0ms;--motion-dialog:0ms}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.button:active,.icon-button:active{transform:none!important}}
/* Source assignment is a separate selection from including a source in a render. */
html[data-theme]{--panel-2:var(--surface-subtle);--lime-dark:var(--accent-text)}
.v3-sources-region{display:flex;flex-direction:column;gap:16px;min-width:0}
.v3-source-board{padding:20px;min-width:0}
.v3-source-board header{display:flex;align-items:start;justify-content:space-between;gap:12px}
.v3-source-board h2{font-size:20px;margin:0 0 8px}.v3-source-board p{color:var(--text-secondary)}
.v3-source-tools,.v3-source-bulk,.v3-routing-groups{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.v3-source-tools>*{flex:1;min-width:140px}.v3-source-bulk .button{padding:8px 12px;font-size:12px}
.v3-source-list{display:flex;flex-direction:column;gap:8px;max-height:540px;overflow:auto;scrollbar-gutter:stable}
.v3-source-row{display:grid;grid-template-columns:20px 36px minmax(90px,1fr) 68px;gap:10px;align-items:center;padding:12px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-sm)}
.v3-source-row video{width:36px;height:48px;object-fit:cover;border-radius:4px;background:var(--surface-pressed)}
.v3-source-name{background:none;border:0;color:var(--text);text-align:left;min-width:0;overflow-wrap:anywhere;cursor:pointer;padding:0;font:inherit}
.v3-source-name small{display:block;font-size:11px;color:var(--text-muted);margin-top:4px}
.v3-source-row .field-label{font-size:10px}.v3-source-row input[type=number]{width:100%;padding:6px}
.v3-route-badge{grid-column:3/5;font-size:11px;color:var(--accent-text);overflow-wrap:anywhere}
.v3-route-group{background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:8px;padding:8px 12px;color:var(--accent-text);font:inherit;font-size:12px}
.v3-route-group.is-drop-target{outline:2px solid var(--accent);outline-offset:2px}
.v3-draft-status{font-size:11px;min-height:18px}.v3-plan-confirm{max-width:560px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:28px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:16px}.v3-plan-confirm h2{font-size:24px}.v3-plan-confirm footer{display:flex;justify-content:end;gap:12px;flex-wrap:wrap;margin-top:24px}
#createScheduleAction{width:100%;margin-top:8px;white-space:normal;min-height:44px}
@media(max-width:767px){.v3-source-board{padding:16px}.theme-preferences{flex-wrap:wrap}.v3-source-row{gap:8px;grid-template-columns:20px 30px minmax(70px,1fr) 58px}.v3-plan-confirm{padding:20px}.v3-plan-confirm footer>.button{width:100%}}
html[data-theme=light] .vayro-shell,html[data-theme=light] body{--text:#252030;--panel-2:var(--surface-subtle);--lime-dark:var(--accent-text)}
html[data-theme=dark] .vayro-shell,html[data-theme=dark] body{--text:#f3effa;--panel-2:var(--surface-subtle);--lime-dark:var(--accent-text)}
html[data-theme] :is(h1,h2,h3,h4){color:var(--text)}
html[data-theme] .studio-rail-link span{background:transparent}
html[data-theme] .studio-rail{background:var(--surface-subtle);backdrop-filter:none}
.v3-source-management{margin-top:16px;border-top:1px solid var(--border);padding-top:12px}.v3-source-management summary{font-size:12px;color:var(--text-secondary);cursor:pointer}.v3-source-management .media-list{margin-top:12px;max-height:300px}
html[data-theme] .vayro-shell .workspace.remix-studio{grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:start}
.v3-sources-region{grid-column:1/-1;display:grid;grid-template-columns:240px minmax(0,1fr);align-items:start}
.v3-sources-region>.sidebar{width:auto;min-width:0}.v3-source-list{max-height:320px}.v3-source-row{grid-template-columns:20px 36px minmax(100px,1fr) 80px minmax(120px,160px)}.v3-route-badge{grid-column:auto}
@media(max-width:980px){html[data-theme] .vayro-shell .workspace.remix-studio{grid-template-columns:minmax(0,1fr)}.v3-sources-region{grid-template-columns:minmax(0,1fr)}.v3-source-row{grid-template-columns:20px 30px minmax(70px,1fr) 60px}.v3-route-badge{grid-column:3/5}.v3-source-list{max-height:360px}}
html[data-theme] .v3-source-row input,html[data-theme] .v3-source-tools input,html[data-theme] .v3-source-tools select,html[data-theme] .v3-source-bulk select{background:var(--surface)!important;color:var(--text)!important}
html[data-theme] input::placeholder,html[data-theme] textarea::placeholder{color:var(--text-muted);opacity:1}
html[data-theme] .vayro-shell .workspace.remix-studio .v3-sources-region{grid-row:1;grid-column:1/-1}
html[data-theme] .vayro-shell .workspace.remix-studio .preview-panel{grid-row:2;grid-column:1}
html[data-theme] .vayro-shell .workspace.remix-studio .settings-column{grid-row:2;grid-column:2}
html[data-theme] #createScheduleAction{background:var(--surface);color:var(--accent-text);border-color:var(--accent-border)}
@media(max-width:980px){html[data-theme] .vayro-shell .workspace.remix-studio .preview-panel{grid-row:2;grid-column:1}html[data-theme] .vayro-shell .workspace.remix-studio .settings-column{grid-row:3;grid-column:1}}
.v3-home{max-width:1200px;padding:40px 32px;margin:auto}.v3-home h1{font-size:32px;line-height:1.2;letter-spacing:-.03em}.v3-home>p{max-width:65ch;color:var(--text-secondary)}.v3-home-flow{list-style:none;counter-reset:steps;padding:0;display:grid;gap:0;margin-top:32px}.v3-home-flow li{counter-increment:steps;display:grid;grid-template-columns:40px 1fr auto;gap:6px 16px;padding:24px 0;border-top:1px solid var(--border);align-items:center}.v3-home-flow li:before{content:counter(steps);grid-row:1/3;font-size:24px;color:var(--accent-text)}.v3-home-flow h2{font-size:20px;margin:0}.v3-home-flow p{grid-column:2;max-width:65ch;color:var(--text-secondary);margin:0}.v3-home-flow button{grid-column:3;grid-row:1/3}@media(max-width:720px){.v3-home{padding:24px 16px}.v3-home-flow li{grid-template-columns:30px 1fr}.v3-home-flow button{grid-column:2;grid-row:auto;justify-self:start;margin-top:12px}}
/* Replace the incumbent ID-scoped creation grid, not a second overlay. */
html[data-theme] body.creation-flow #editorView.workspace{grid-template-columns:minmax(0,1fr) minmax(320px,380px);max-width:1600px}
html[data-theme] body.creation-flow #editorView .v3-sources-region{grid-column:1/-1;grid-row:1}
html[data-theme] body.creation-flow #editorView .preview-panel{grid-column:1;grid-row:2}
html[data-theme] body.creation-flow #editorView .settings-column{grid-column:2;grid-row:2}
html[data-theme] body.creation-flow #editorView .series-launch-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;position:static;padding:16px;border-top:1px solid var(--border)}
html[data-theme] body.creation-flow #editorView .series-launch-bar>#remixGenerate,html[data-theme] body.creation-flow #editorView .series-launch-bar>#createScheduleAction{flex:1 1 180px;width:auto;min-width:0;margin:0;min-height:44px;white-space:normal}
html[data-theme] body.creation-flow #editorView .series-launch-bar>:not(button){flex-basis:100%}
html[data-theme] #editorView input:not([type=checkbox]):not([type=radio]):not([type=range]),html[data-theme] #editorView select{background:var(--surface)!important;color:var(--text)!important}
@media(max-width:980px){html[data-theme] body.creation-flow #editorView.workspace{grid-template-columns:minmax(0,1fr)}html[data-theme] body.creation-flow #editorView .settings-column{grid-row:2;grid-column:1}html[data-theme] body.creation-flow #editorView .preview-panel{grid-row:3;grid-column:1}}
.v3-source-schedules.source-mode>label{display:none}.v3-source-schedules.source-mode [data-use]{display:none}.v3-source-schedules.source-mode .account-routing-controls>label:has([data-count]){display:none}.v3-source-schedules.source-mode .account-routing-summary{color:var(--text-muted)}
html[data-theme] body.vayro-shell dialog.v3-plan-confirm:modal{width:min(560px,calc(100vw - 32px));max-width:560px;max-height:calc(100dvh - 32px);margin:auto;padding:28px;overflow:auto}
html[data-theme] body.vayro-shell dialog.v3-plan-confirm p,html[data-theme] body.vayro-shell dialog.v3-plan-confirm small{color:var(--text-secondary)}
html[data-theme] body.vayro-shell dialog.v3-plan-confirm footer{position:static;background:var(--surface)}
@media(max-width:600px){html[data-theme] body.vayro-shell dialog.v3-plan-confirm:modal{padding:20px}}
html[data-theme] body.creation-flow #remixFeaturePanel{display:flex;flex-direction:column;gap:20px}
html[data-theme] body.creation-flow #remixFeaturePanel>.creation-step{grid-column:auto;grid-row:auto;width:100%;min-width:0;margin:0}
html[data-theme] body.creation-flow #remixFeaturePanel .series-launch-bar{height:auto;min-height:0}
html[data-theme] body.creation-flow #remixFeaturePanel .series-launch-bar>#remixGenerate,html[data-theme] body.creation-flow #remixFeaturePanel .series-launch-bar>#createScheduleAction{height:auto;min-height:44px;aspect-ratio:auto;padding:12px 16px;align-self:stretch}
html[data-theme] .creation-intro>.eyebrow,html[data-theme] .sidebar>.section-head .eyebrow,html[data-theme] .preview-panel>.section-head .eyebrow,html[data-theme] #remixFeaturePanel>.section-head .eyebrow{display:none}
@media(max-width:980px){html[data-theme] body.creation-flow #remixFeaturePanel .series-launch-bar>#remixGenerate,html[data-theme] body.creation-flow #remixFeaturePanel .series-launch-bar>#createScheduleAction{flex:0 0 100%;width:100%;height:auto;min-height:44px;max-height:none;aspect-ratio:auto}}