/* Files-to-video assistant only. Keep editor canvas, media and billing untouched. */
#manualVideoSetup, body:has(#manualVideoSetup:not([hidden])) {
  --manual-edge: color-mix(in srgb, var(--sia-sidebar-active-line) 20%, var(--sia-line));
  --manual-control-edge: color-mix(in srgb, var(--sia-sidebar-active-line) 35%, var(--sia-line));
  --manual-control-fill: linear-gradient(color-mix(in srgb, var(--sia-surface) 65%, transparent), color-mix(in srgb, var(--sia-surface) 65%, transparent)), var(--sia-sidebar-active);
  --manual-glow: inset 0 1px 0 rgba(121,215,210,.035), 0 0 12px rgba(67,189,184,.035);
}
#manualVideoSetup {
  background: var(--sia-sidebar-bg) !important;
  border-color: var(--manual-edge) !important;
  border-radius: 24px;
  box-shadow: var(--manual-glow) !important;
  container: automatic-editor / inline-size;
  min-width: 0;
}
#manualVideoSetup .creation-mode-hero { padding: 28px 24px 24px; }
#manualVideoSetup .creation-mode-hero h2 { color: var(--sia-heading); font-size: clamp(26px, 3vw, 34px); line-height: 1.2; }
#manualVideoSetup .creation-mode-eyebrow { color: var(--sia-sidebar-accent); font-size: 12px; }
#manualVideoSetup :is(.creation-mode-icon, .manual-video-upload-icon, .manual-video-drop-icon, .manual-video-media-dropzone-icon, .manual-video-ready-icon) {
  background: var(--manual-control-fill) !important; border: 1px solid var(--manual-control-edge) !important;
  border-radius: 14px; box-shadow: var(--manual-glow); color: var(--sia-sidebar-accent) !important;
}
#manualVideoSetup .manual-video-form { gap: 24px; padding: 8px 32px 32px; }
#manualVideoSetup :is(.manual-video-wizard-panel, .manual-video-wizard-actions) { max-width: 980px; min-width: 0; }
#manualVideoSetup .manual-video-wizard-question > strong { color: var(--sia-heading); font-size: 20px; line-height: 1.35; }
#manualVideoSetup :is(.manual-video-wizard-question > span, .manual-video-bulk-action-copy > div > span, .manual-video-subtitles-head p, .manual-video-media-review-head p, .manual-video-ready-summary p, .manual-video-detected-scenes, .manual-video-resources-help, .manual-video-analysis-stage > p) { color: var(--sia-muted); font-size: 15px; line-height: 1.55; }
#manualVideoSetup :is(.manual-video-bulk-action, .manual-video-early-media, .manual-video-optional-settings, .manual-video-subtitles, .manual-video-media-review, .manual-video-analysis-summary, .manual-video-ready-summary, .manual-video-progress) {
  background: var(--sia-sidebar-bg) !important; border-color: var(--manual-edge) !important;
  border-radius: 18px; box-shadow: var(--manual-glow) !important; min-width: 0;
}
#manualVideoSetup :is(.manual-video-bulk-action, .manual-video-subtitles, .manual-video-media-review) { padding: 20px; }
#manualVideoSetup :is(.manual-video-bulk-action-copy strong, .manual-video-early-media-head strong, .manual-video-subtitles-head strong, .manual-video-media-review-head strong, .manual-video-analysis-summary strong, .manual-video-ready-summary strong) { color: var(--sia-heading); font-size: 18px; line-height: 1.4; }
#manualVideoSetup :is(.manual-video-audio-dropzone, .manual-video-media-dropzone) { background: var(--sia-surface) !important; border: 1px dashed var(--manual-control-edge) !important; border-radius: 16px; min-width: 0; }
#manualVideoSetup :is(.manual-video-audio-dropzone, .manual-video-media-dropzone).is-dragover { background: var(--sia-sidebar-active) !important; border-color: var(--sia-sidebar-accent) !important; box-shadow: var(--sia-sidebar-glow); }
#manualVideoSetup :is(.manual-video-audio-dropzone strong, .manual-video-media-dropzone strong) { color: var(--sia-heading); font-size: 16px; }
#manualVideoSetup :is(.manual-video-audio-dropzone > span:not(.manual-video-drop-icon), .manual-video-media-dropzone > span:not(.manual-video-media-dropzone-icon)) { color: var(--sia-muted); font-size: 13px; line-height: 1.5; }
#manualVideoSetup :is(.manual-video-field label, .manual-video-subtitle-fonts > span) { color: var(--sia-heading); font-size: 14px; }
#manualVideoSetup :is(.manual-video-field-requirement, .manual-video-file-summary, .manual-video-scene-count, .manual-video-resource-summary, .manual-video-analysis-summary > div > span, .manual-video-progress-head, .manual-review-pagination span, .manual-video-scene-editor-head span, .manual-analysis-progress-meta, .manual-analysis-progress > p) { font-size: 13px; line-height: 1.5; }
#manualVideoSetup :is(.manual-video-field input, .manual-video-field textarea, .manual-video-scene-editor textarea, .project-select-trigger, .scene-media-assignment-control select) { background: var(--sia-surface) !important; border: 1px solid var(--manual-control-edge) !important; border-radius: 14px; color: var(--sia-heading); font-size: 16px; min-height: 48px; }
#manualVideoSetup .manual-video-scene-editor textarea { line-height: 1.6; padding: 12px; }
#manualVideoSetup .manual-video-early-media-head p { color: var(--sia-muted); font-size: 15px; line-height: 1.55; }
#manualVideoSetup .project-select-menu { background: var(--sia-sidebar-bg) !important; border-color: var(--manual-control-edge) !important; border-radius: 14px; }
#manualVideoSetup .project-select-option { color: var(--sia-text) !important; font-size: 14px; min-height: 44px; }
#manualVideoSetup .project-select-option:is(:hover, .is-active) { background: var(--manual-control-fill) !important; color: var(--sia-sidebar-accent) !important; }
#manualVideoSetup :is(input, textarea)::placeholder { color: var(--sia-muted); opacity: 1; }
#manualVideoSetup :is(.manual-video-field input, .manual-video-field textarea, .manual-video-scene-editor textarea):focus { border-color: var(--sia-sidebar-accent) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--sia-sidebar-accent) 12%, transparent); }
#manualVideoSetup :is(.button, .manual-video-scene-action, .manual-video-subtitles-toggle button, .subtitle-font-option, .manual-video-wizard-summary-list button, .manual-video-clear-resources) { border-radius: 12px; font-size: 14px; min-height: 44px; }
#manualVideoSetup :is(.button.primary, .manual-video-wizard-actions .button) { min-height: 48px; }
#manualVideoSetup :is(.button.secondary, .manual-video-scene-action, .manual-video-subtitles-toggle button, .subtitle-font-option, .manual-video-wizard-summary-list button, .manual-video-audio-action-button:not(.is-delete), .manual-media-library button:not(.manual-media-remove)) { background: var(--manual-control-fill) !important; border-color: var(--manual-control-edge) !important; color: var(--sia-text) !important; }
#manualVideoSetup .button.primary:not(:disabled) { background: linear-gradient(110deg, #0b7178, #0c666f) !important; border-color: var(--sia-sidebar-active-line) !important; box-shadow: var(--manual-glow); color: #fff !important; }
html[data-theme="dark"] #manualVideoSetup .button.primary:not(:disabled) { background: linear-gradient(110deg, #235b62, #24636b) !important; color: #f2f6f8 !important; }
#manualVideoSetup :is(.button, .manual-video-scene-action, .subtitle-font-option):hover:not(:disabled) { border-color: var(--sia-sidebar-active-line) !important; box-shadow: var(--sia-sidebar-glow); }
#manualVideoSetup :is(button, a, summary, select, input, textarea):focus-visible { outline: 2px solid var(--sia-sidebar-accent); outline-offset: 3px; }
#manualVideoSetup :is(button, input, select, textarea):disabled { cursor: not-allowed; }
#manualVideoSetup :is(.manual-video-subtitle-style.is-selected, .manual-video-subtitles-toggle button.is-selected, .subtitle-font-option.active, .manual-video-step.is-active, .manual-video-analysis-step.is-active, .manual-video-ready-summary.is-ready) { background: var(--sia-sidebar-active) !important; border-color: var(--sia-sidebar-active-line) !important; box-shadow: var(--manual-glow); color: var(--sia-sidebar-accent) !important; }
/* Subtitle swatches are rendered content; preserve their own fonts and colors. */
#manualVideoSetup .manual-video-subtitle-style { background: var(--sia-surface) !important; border-color: var(--manual-control-edge); border-radius: 14px; }
#manualVideoSetup .manual-video-subtitle-style > strong { color: var(--sia-heading); font-size: 13px; }
#manualVideoSetup .manual-video-subtitle-styles { border-color: var(--manual-edge); }
#manualVideoSetup .manual-video-subtitle-styles > span { font-size: 14px; }
#manualVideoSetup .manual-video-step { border-color: var(--manual-edge); font-size: 14px; }
#manualVideoSetup .manual-wizard-icon { background: var(--sia-surface); border-color: var(--manual-control-edge); border-radius: 16px; }
#manualVideoSetup .manual-wizard-label { font-size: 13px; }
#manualVideoSetup .manual-wizard-milestones > :is(.is-active, .is-complete) { color: var(--sia-sidebar-accent); }
#manualVideoSetup .manual-wizard-milestones > :is(.is-active, .is-complete) .manual-wizard-icon { background: var(--sia-sidebar-active); border-color: var(--sia-sidebar-active-line); box-shadow: var(--manual-glow); color: var(--sia-sidebar-accent); }
#manualVideoSetup .manual-video-wizard-progress-track { background: var(--sia-line); }
#manualVideoSetup :is(.manual-video-progress-track, .manual-analysis-progress-track) { background: var(--sia-line); }
#manualVideoSetup :is(.manual-video-progress-bar, .manual-analysis-progress-fill, .manual-video-wizard-progress-track > span) { background: var(--sia-teal); }
#manualVideoSetup :is(.manual-video-actions, .manual-audio-queue, .manual-pro-duration, .manual-media-library, .manual-video-media-review-body, .manual-video-resource-summary) { border-color: var(--manual-edge); }
#manualVideoSetup :is(.manual-video-audio-name, .manual-media-details strong) { font-size: 14px; }
#manualVideoSetup :is(.manual-media-details small, .manual-audio-details small, .manual-media-pager > span, .manual-audio-queue-head > span, .manual-pro-duration p, .manual-pro-duration-scale b) { font-size: 12px; line-height: 1.5; }
#manualVideoSetup .manual-pro-duration-scale { font-size: 12px; }
#manualVideoSetup .manual-pro-duration-head { flex-wrap: wrap; }
#manualVideoSetup .manual-pro-duration-head > div { flex: 1 1 240px; }
#manualVideoSetup :is(.manual-audio-order, .manual-media-thumbnail) { background: var(--manual-control-fill); color: var(--sia-sidebar-accent); }
#manualVideoSetup :is(.manual-video-audio-action-button.is-delete, .manual-media-library .manual-media-remove, .manual-video-clear-resources) { background: var(--sia-danger-soft) !important; border-color: var(--sia-danger) !important; color: var(--sia-danger) !important; }
#manualVideoSetup :is(.manual-video-error, .manual-video-audio-upgrade.is-blocking) { border-radius: 14px; font-size: 14px; line-height: 1.55; padding: 14px 16px; }
#manualVideoSetup .manual-video-error { background: var(--sia-danger-soft) !important; border: 1px solid color-mix(in srgb, var(--sia-danger) 35%, var(--sia-line)); color: var(--sia-danger) !important; }
#manualVideoSetup #manualVideoAudioSummary.is-error { background: var(--sia-danger-soft); border: 1px solid color-mix(in srgb, var(--sia-danger) 35%, var(--sia-line)); border-radius: 12px; color: var(--sia-danger) !important; display: block; padding: 10px 12px; }
#manualVideoSetup .manual-video-audio-upgrade { background: var(--sia-surface-soft) !important; border-color: var(--manual-control-edge); font-size: 14px; }
#manualVideoSetup .manual-video-audio-upgrade-copy strong { font-size: 14px; }
#manualVideoSetup .manual-video-wizard-summary-list > div { border-color: var(--manual-edge); gap: 12px; min-width: 0; }
#manualVideoSetup .manual-video-wizard-summary-list { background: var(--sia-surface-soft) !important; border-color: var(--manual-edge); }
#manualVideoSetup .manual-video-wizard-summary-list :is(dt, dd) { font-size: 15px; line-height: 1.5; overflow-wrap: anywhere; }
#manualVideoSetup .manual-video-media-review-head { grid-template-columns: minmax(0,1fr) auto 20px; }
#manualVideoSetup :is(.scene-image-batch-scenes, .scene-media-match-row, .scene-image-batch-tools) { background: var(--sia-surface) !important; border-color: var(--manual-edge); min-width: 0; }
#manualVideoSetup .scene-media-match-file { min-width: 0; overflow-wrap: anywhere; }
#manualVideoSetup .scene-media-match-file :is(strong, label, .scene-media-assignment) { font-size: 13px; }
#manualVideoSetup :is(.scene-media-match-meta, .scene-media-match-meta span, .scene-media-assignment > span) { font-size: 12px; line-height: 1.5; }
#manualVideoSetup .scene-image-batch-tools-copy strong { font-size: 14px; }
#manualVideoSetup .scene-image-batch-tools-copy > span { font-size: 13px; line-height: 1.5; }
#manualVideoSetup .manual-video-scene-editor-head strong { font-size: 14px; }
#manualVideoSetup .manual-video-media-review .scene-media-match-row { grid-template-columns: 24px 96px minmax(130px,.7fr) minmax(210px,1fr); }
#manualVideoSetup .manual-video-analysis-overlay { background: var(--sia-sidebar-bg) !important; border-radius: inherit; padding: 32px 24px; }
#manualVideoSetup:has(> #manualVideoAnalysisOverlay:not([hidden])) > :is(.creation-mode-hero, .manual-video-steps, .manual-video-phase) { display: none !important; }
#manualVideoSetup #manualVideoAnalysisOverlay:not([hidden]) { inset: auto; min-height: 560px; position: relative; }
#manualVideoSetup .manual-video-analysis-core { background: var(--manual-control-fill) !important; border-color: var(--manual-control-edge); box-shadow: var(--manual-glow); color: var(--sia-sidebar-accent); }
#manualVideoSetup .manual-video-analysis-stage h2 { color: var(--sia-heading); font-size: clamp(26px, 3vw, 34px); }
#manualVideoSetup .manual-video-analysis-step { background: var(--sia-surface); border-color: var(--manual-control-edge); font-size: 13px; min-width: 0; }
body:has(#manualVideoSetup:not([hidden])) .title-icon { background: var(--manual-control-fill) !important; border-color: var(--manual-control-edge) !important; box-shadow: var(--manual-glow); color: var(--sia-sidebar-accent); }
/* Trial exhaustion remains the existing dialog and never changes eligibility. */
body:has(#manualVideoSetup:not([hidden])) .manual-trial-upgrade-dialog { background: var(--sia-sidebar-bg) !important; border-color: var(--manual-edge) !important; border-radius: 24px; display: flex; flex-direction: column; max-height: calc(100dvh - 32px); width: min(560px, calc(100vw - 32px)); }
body:has(#manualVideoSetup:not([hidden])) .manual-trial-upgrade-body { overflow-y: auto; min-height: 0; }
body:has(#manualVideoSetup:not([hidden])) .manual-trial-upgrade-dialog :is(p, li) { color: var(--sia-muted); font-size: 15px; line-height: 1.55; }
body:has(#manualVideoSetup:not([hidden])) .manual-trial-upgrade-dialog h2 { font-size: 22px; }
body:has(#manualVideoSetup:not([hidden])) .manual-trial-upgrade-dialog .button { min-height: 48px; font-size: 14px; }
body:has(#manualVideoSetup:not([hidden])) .manual-trial-upgrade-close { height: 44px; width: 44px; flex: 0 0 44px; }
body:has(#manualVideoSetup:not([hidden])) :is(.manual-trial-upgrade-icon, .manual-trial-upgrade-estimate) { background: var(--manual-control-fill) !important; border-color: var(--manual-control-edge) !important; color: var(--sia-sidebar-accent); }
body:has(#manualVideoSetup:not([hidden])) :is(.manual-trial-upgrade-head, .manual-trial-upgrade-actions) { border-color: var(--manual-edge); }
body:has(#manualVideoSetup:not([hidden])) .manual-trial-upgrade-dialog :is(button, a):focus-visible { outline: 2px solid var(--sia-sidebar-accent); outline-offset: 3px; }
body:has(#manualVideoSetup:not([hidden])):has(#manualTrialUpgradeModal:not([hidden])) .floating-theme-toggle { display: none !important; }
@container automatic-editor (max-width: 820px) {
  #manualVideoSetup .manual-video-bulk-action.manual-video-audio-action { display: grid; grid-template-columns: minmax(0,1fr); }
  #manualVideoSetup .manual-video-audio-dropzone { width: 100%; }
  #manualVideoSetup .manual-video-media-review .scene-media-match-row { grid-template-columns: 24px 96px minmax(0,1fr); }
  #manualVideoSetup .manual-video-media-review .manual-video-scene-editor { grid-column: 2 / -1; }
  #manualVideoSetup .manual-video-fields { grid-template-columns: minmax(0,1fr); }
  #manualVideoSetup .manual-video-early-media-actions { grid-template-columns: minmax(0,1fr); }
}
@container automatic-editor (max-width: 540px) {
  #manualVideoSetup .manual-video-form { padding: 8px 20px 24px; }
  #manualVideoSetup .creation-mode-hero { padding: 24px 20px; }
  #manualVideoSetup :is(.manual-video-bulk-action, .manual-video-subtitles, .manual-video-media-review) { padding: 16px; }
  #manualVideoSetup :is(.manual-video-bulk-action, .manual-video-bulk-action-copy, .manual-video-subtitles-head) { align-items: stretch; flex-direction: column; }
  #manualVideoSetup .manual-video-bulk-action .button { min-width: 0; width: 100%; }
  #manualVideoSetup .manual-video-wizard-summary-list > div { grid-template-columns: minmax(0,1fr) auto; }
  #manualVideoSetup .manual-video-wizard-summary-list dt { grid-column: 1 / -1; }
  #manualVideoSetup .manual-video-actions { display: grid; grid-template-columns: minmax(0,1fr); }
  #manualVideoSetup .manual-video-actions .button { min-width: 0; width: 100%; }
  #manualVideoSetup .manual-video-subtitle-style-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #manualVideoSetup .manual-video-steps { grid-template-columns: minmax(0,1fr); margin: 0 20px 24px; }
  #manualVideoSetup .manual-video-scene-editor-head { align-items: flex-start; flex-direction: column; gap: 4px; }
  #manualVideoSetup .manual-video-media-review .scene-media-match-row { grid-template-columns: 24px minmax(0,1fr); }
  #manualVideoSetup .manual-video-media-review :is(.scene-media-match-file, .manual-video-scene-editor) { grid-column: 1 / -1; }
  #manualVideoSetup .manual-video-subtitles-toggle { align-self: stretch; }
  #manualVideoSetup .manual-video-subtitles-toggle button { flex: 1; }
  #manualVideoSetup .manual-video-analysis-steps { grid-template-columns: minmax(0,1fr); }
  #manualVideoSetup .manual-video-media-review-head { grid-template-columns: minmax(0,1fr) 20px; }
  #manualVideoSetup .manual-video-media-review-head .scene-image-batch-count { grid-row: 2; }
}
@media (max-width: 900px) {
  body:has(#manualVideoSetup:not([hidden])) .brand { padding-right: 60px !important; width: 100%; }
  body:has(#manualVideoSetup:not([hidden])) .brand-name { font-size: clamp(1.3rem, 6.65vw, 1.62rem) !important; }
  body:has(#manualVideoSetup:not([hidden])) .floating-theme-toggle { bottom: auto; right: 16px; top: 17px; z-index: 41; }
}
@media (prefers-reduced-motion: reduce) {
  #manualVideoSetup *, #manualVideoSetup *::before, #manualVideoSetup *::after { animation: none !important; transition: none !important; }
}

/* Compact automatic-editor header, visible only for the files assistant. */
.automatic-editor-eyebrow, .automatic-editor-header-art { display: none; }
body:has(#manualVideoSetup:not([hidden])) .topbar { isolation: isolate; min-height: 160px; padding: 14px 0 24px; position: relative; }
body:has(#manualVideoSetup:not([hidden])) .topbar .title-row { align-items: center; gap: 24px; min-width: 0; position: relative; }
body:has(#manualVideoSetup:not([hidden])) .topbar .title-icon {
  background: radial-gradient(ellipse at 0 0, color-mix(in srgb, var(--sia-sidebar-accent) 22%, transparent), transparent 65%), var(--manual-control-fill) !important;
  border-color: var(--sia-sidebar-active-line) !important; border-radius: 22px;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--sia-sidebar-accent) 24%, transparent), 0 0 22px color-mix(in srgb, var(--sia-teal) 12%, transparent);
  flex: 0 0 88px; height: 88px; width: 88px;
}
body:has(#manualVideoSetup:not([hidden])) .topbar .title-icon svg { height: 40px; width: 40px; }
body:has(#manualVideoSetup:not([hidden])) .automatic-editor-eyebrow {
  align-items: center; background: var(--sia-surface-soft); border: 1px solid var(--sia-sidebar-active-line); border-radius: 999px;
  box-shadow: 0 0 14px color-mix(in srgb, var(--sia-teal) 8%, transparent); color: var(--sia-sidebar-accent); display: inline-flex; gap: 8px;
  font-size: 12px; font-weight: 800; letter-spacing: .12em; line-height: 1.4; margin-bottom: 8px; max-width: 100%; padding: 5px 12px; text-transform: uppercase;
}
.automatic-editor-eyebrow svg { fill: currentColor; height: 16px; width: 16px; }
body:has(#manualVideoSetup:not([hidden])) #pageTitle { font-size: clamp(32px, 3.5vw, 48px); line-height: 1.1; }
body:has(#manualVideoSetup:not([hidden])) #pageLead { font-size: 15px; line-height: 1.55; margin-top: 8px; max-width: 680px; }
body:has(#manualVideoSetup:not([hidden])) .automatic-editor-header-art {
  color: var(--sia-sidebar-accent); display: block; height: 100%; inset: 0 0 auto auto; max-width: 900px; overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, #000 30%, #000 75%, transparent), linear-gradient(0deg, transparent, #000 25%, #000 75%, transparent);
  mask-composite: intersect; pointer-events: none; position: absolute; width: 76%; z-index: -1;
}
.automatic-editor-header-art svg { display: block; height: 100%; width: 100%; }

/* Duration offers retain their real destinations, with each approved plan identity. */
#manualVideoSetup .manual-pro-duration-head > div { flex: 0 1 auto; min-width: 0; }
#manualVideoSetup .manual-pro-duration-actions { align-items: center; }
#manualVideoSetup #manualVideoAudioUpgradeLink[data-target-plan="pro"] { --manual-plan-accent: #28e4df; --manual-plan-ink: #087c7e; --manual-plan-logo: url("/static/plan-pro.svg"); }
#manualVideoSetup #manualVideoAudioUpgradeLink[data-target-plan="ultimate"] { --manual-plan-accent: #ac7cff; --manual-plan-ink: #7047bb; --manual-plan-logo: url("/static/plan-ultimate.svg"); }
html[data-theme="dark"] #manualVideoSetup #manualVideoAudioUpgradeLink[data-target-plan] { --manual-plan-ink: var(--manual-plan-accent); }
#manualVideoSetup #manualVideoAudioUpgradeLink[data-target-plan] {
  align-items: center; background: color-mix(in srgb, var(--manual-plan-accent) 10%, var(--sia-surface)) !important;
  border: 1px solid color-mix(in srgb, var(--manual-plan-accent) 65%, var(--sia-line)) !important; border-radius: 12px; color: var(--manual-plan-ink) !important;
  display: inline-flex; gap: 8px; justify-content: center; min-height: 48px; padding: 8px 12px; white-space: normal;
}
#manualVideoSetup #manualVideoAudioUpgradeLink[data-target-plan]::before { background: var(--manual-plan-logo) center / contain no-repeat; content: ""; flex: 0 0 28px; height: 28px; width: 28px; }
#manualVideoSetup #manualVideoAudioUpgradeLink[data-target-plan]:focus-visible { outline-color: var(--manual-plan-ink); }
#manualVideoSetup #manualVideoAudioUpgradeLink[hidden] { display: none !important; }
#manualVideoSetup #manualProDurationLink { --manual-plan-accent: #28e4df; --manual-plan-ink: #087c7e; }
#manualVideoSetup #manualUltimateDurationLink { --manual-plan-accent: #ac7cff; --manual-plan-ink: #7047bb; }
html[data-theme="dark"] #manualVideoSetup :is(#manualProDurationLink, #manualUltimateDurationLink) { --manual-plan-ink: var(--manual-plan-accent); }
#manualVideoSetup :is(#manualProDurationLink, #manualUltimateDurationLink) {
  background: linear-gradient(115deg, color-mix(in srgb, var(--manual-plan-accent) 12%, transparent), transparent), var(--sia-surface) !important;
  border-color: color-mix(in srgb, var(--manual-plan-accent) 65%, var(--sia-line)) !important; color: var(--manual-plan-ink) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--manual-plan-accent) 15%, transparent), 0 0 14px color-mix(in srgb, var(--manual-plan-accent) 8%, transparent);
  min-height: 48px; padding: 8px 16px; white-space: normal;
}
#manualVideoSetup :is(#manualProDurationLink, #manualUltimateDurationLink):hover { border-color: var(--manual-plan-accent) !important; box-shadow: 0 0 18px color-mix(in srgb, var(--manual-plan-accent) 18%, transparent); }
#manualVideoSetup :is(#manualProDurationLink, #manualUltimateDurationLink):focus-visible { outline-color: var(--manual-plan-ink); }
#manualVideoSetup .manual-pro-duration-actions .manual-duration-button-icon { flex: 0 0 28px; height: 28px; object-fit: contain; width: 28px; }
#manualVideoProDurationOffer .manual-duration-track .manual-duration-basic { background: #41a7ff; border-color: #41a7ff; }
#manualVideoProDurationOffer .manual-duration-track .manual-duration-pro { background: color-mix(in srgb, #28e4df 12%, var(--sia-surface)); border-color: #28e4df; }
#manualVideoProDurationOffer[data-current-plan="pro"] .manual-duration-track .manual-duration-pro { background: #28e4df; border-color: #28e4df; }
#manualVideoProDurationOffer .manual-duration-track .manual-duration-ultimate { background: color-mix(in srgb, #ac7cff 12%, var(--sia-surface)); border-color: #ac7cff; box-shadow: 0 0 10px color-mix(in srgb, #ac7cff 12%, transparent); }
#manualVideoProDurationOffer .manual-pro-duration-scale > span:nth-last-child(2) b { color: #087c7e; }
#manualVideoProDurationOffer .manual-pro-duration-scale > span:last-child b { color: #7047bb; }
#manualVideoProDurationOffer .manual-pro-duration-scale > span:last-child { color: #7047bb; }
html[data-theme="dark"] #manualVideoProDurationOffer .manual-pro-duration-scale > span:nth-last-child(2) b { color: #28e4df; }
html[data-theme="dark"] #manualVideoProDurationOffer .manual-pro-duration-scale > span:last-child b { color: #ac7cff; }
html[data-theme="dark"] #manualVideoProDurationOffer .manual-pro-duration-scale > span:last-child { color: #ac7cff; }
#manualVideoProDurationOffer .manual-pro-duration-scale > span:not(#manualDurationBasicMarker) b { align-items: center; display: inline-flex; gap: 4px; }
#manualVideoProDurationOffer .manual-pro-duration-scale > span:nth-last-child(2) b::before { background: url("/static/plan-pro.svg") center / contain no-repeat; content: ""; height: 18px; width: 18px; }
#manualVideoProDurationOffer .manual-pro-duration-scale > span:last-child b::before { background: url("/static/plan-ultimate.svg") center / contain no-repeat; content: ""; height: 18px; width: 18px; }
@container automatic-editor (max-width: 820px) {
  #manualVideoSetup .manual-pro-duration-head { align-items: stretch; flex-direction: column; gap: 16px; }
}
@container automatic-editor (max-width: 540px) {
  #manualVideoSetup .manual-pro-duration-actions { display: grid; grid-template-columns: minmax(0,1fr); }
  #manualVideoSetup .manual-pro-duration-actions .button { height: auto; width: 100%; }
}
@media (max-width: 600px) {
  body:has(#manualVideoSetup:not([hidden])) .topbar { min-height: 0; margin-bottom: 12px; padding: 8px 0; }
  body:has(#manualVideoSetup:not([hidden])) .topbar .title-row { align-items: flex-start; gap: 16px; }
  body:has(#manualVideoSetup:not([hidden])) .topbar .title-icon { border-radius: 18px; flex-basis: 64px; height: 64px; width: 64px; }
  body:has(#manualVideoSetup:not([hidden])) .topbar .title-icon svg { height: 32px; width: 32px; }
  body:has(#manualVideoSetup:not([hidden])) .automatic-editor-eyebrow { font-size: 11px; letter-spacing: .06em; }
  body:has(#manualVideoSetup:not([hidden])) .automatic-editor-header-art { opacity: .6; width: 100%; }
  body:has(#manualVideoSetup:not([hidden])) #pageTitle { font-size: 30px; }
  body:has(#manualVideoSetup:not([hidden])) #pageLead { font-size: 14px; line-height: 1.45; margin-top: 6px; }
  body:has(#manualVideoSetup:not([hidden])) #detailView > .detail-head { margin-bottom: 8px; }
  #manualVideoSetup .creation-mode-hero { padding: 16px 20px 8px; }
  #manualVideoSetup .creation-mode-hero :is(.creation-mode-icon, .creation-mode-eyebrow) { display: none; }
  #manualVideoSetup .creation-mode-hero h2 { font-size: 22px; line-height: 1.25; }
  #manualVideoSetup:has(#manualVideoForm:not([hidden])) .creation-mode-hero { display: none; }
  #manualVideoSetup .manual-video-form { gap: 12px; }
  #manualVideoSetup .manual-video-wizard-progress { margin-bottom: 0; }
  #manualVideoSetup .manual-wizard-label { font-size: 12px; }
  #manualVideoSetup .manual-video-wizard-question { margin-bottom: 12px; }
  #manualVideoSetup .manual-video-audio-action { gap: 12px; }
  #manualVideoSetup .manual-video-audio-action .manual-video-bulk-action-copy { align-items: center; display: grid; gap: 8px 12px; grid-template-columns: 40px minmax(0,1fr); }
  #manualVideoSetup .manual-video-audio-action .manual-video-bulk-action-copy > div { display: contents; }
  #manualVideoSetup :is(#manualVideoAudioLimitText, #manualVideoAudioSummary) { grid-column: 1 / -1; }
  #manualVideoSetup #manualVideoAudioLimitText { font-size: 14px; line-height: 1.45; }
  #manualVideoSetup .manual-video-audio-action .manual-video-upload-icon { height: 40px; width: 40px; }
  #manualVideoSetup .manual-video-audio-dropzone { gap: 8px; min-height: 0; padding: 12px; }
  #manualVideoSetup .manual-video-audio-dropzone .manual-video-drop-icon { display: none; }
  #manualVideoSetup .manual-video-audio-dropzone .button { margin-top: 0; order: -1; }
}