/* Day mode for the product studio and account pages. Keep authored video and
   native preview pixels independent from the surrounding application theme. */
html[data-ui-theme="light"] body.site-page {
  --site-ink: #27272b;
  --site-muted: #6b6b76;
  --site-line: #e7e6eb;
  --site-paper: #fcfbfc;
  --site-surface: #ffffff;
  --ws-bg: #fcfbfc;
  --ws-ink: #27272b;
  --ws-muted: #6b6b76;
  --ws-line: #e7e6eb;
  --pricing-border: #e7e6eb;
  --ink: var(--site-ink);
  --muted: var(--site-muted);
  --accent: #35323c;
  color-scheme: light;
  background: var(--site-paper);
  color: var(--site-ink);
}
html[data-ui-theme="light"] body.site-page ::selection { background: #e7e0f5; color: #27272b; }
html[data-ui-theme="light"] body.site-page :is(button, a, input, textarea, select, summary):focus-visible { outline-color: #9281b5; }
html[data-ui-theme="light"] body.site-page .site-skip { background: #27272b; color: #fff; }
html[data-ui-theme="light"] body.site-page :is(.site-nav, .pricing-nav) { background: rgb(252 251 252 / 90%); border-color: var(--site-line); }
html[data-ui-theme="light"] body.site-page .site-brand img { filter: brightness(.17); }
html[data-ui-theme="light"] body.site-page .site-brand span { color: var(--site-ink); }
html[data-ui-theme="light"] body.site-page .site-nav a:not(.site-brand):not(.site-button) { color: var(--site-muted); }
html[data-ui-theme="light"] body.site-page .site-nav a:not(.site-brand):not(.site-button):is(:hover, [aria-current="page"]) { color: var(--site-ink); }
html[data-ui-theme="light"] body.site-page .site-button {
  background: #fff !important; border-color: #dedde4 !important; color: #35323c !important;
  box-shadow: 0 1px 2px #25233104 !important;
}
html[data-ui-theme="light"] body.site-page .site-button:hover:not(:disabled) { background: #f4f2f7 !important; border-color: #c5bfce !important; }
html[data-ui-theme="light"] body.site-page .site-button.site-primary { background: #2c2a30 !important; border-color: #2c2a30 !important; color: #fff !important; }
html[data-ui-theme="light"] body.site-page .site-button.site-primary:hover:not(:disabled) { background: #45404d !important; border-color: #45404d !important; color: #fff !important; }
html[data-ui-theme="light"] body.site-page .site-button:disabled { background: #f0eef2 !important; border-color: #e4e1e8 !important; color: #92909a !important; box-shadow: none !important; }
html[data-ui-theme="light"] body.site-page .auth-account { background: #fff !important; border-color: var(--site-line) !important; color: #5e5968 !important; }
html[data-ui-theme="light"] body.site-page .auth-account button { color: #5e5968 !important; }
html[data-ui-theme="light"] body.site-page .auth-account button:hover { color: #302a39 !important; }
html[data-ui-theme="light"] body.site-page .site-footer { color: var(--site-muted); border-color: var(--site-line); }
html[data-ui-theme="light"] body.site-page .site-footer a:hover { color: var(--site-ink); }
html[data-ui-theme="light"] body.site-page .app-language-toggle { background: #efedf2; border-color: #e5e1e9; color: #77717f; box-shadow: none; }
html[data-ui-theme="light"] body.site-page .app-language-toggle:hover { border-color: #c7bfd2; box-shadow: none; }
html[data-ui-theme="light"] body.site-page .app-language-thumb { background: #fff; border-color: #e3dfe9; box-shadow: 0 1px 3px #3327460d; }
html[data-ui-theme="light"] body.site-page .app-language-toggle[data-locale="zh"] [data-lang="zh"],
html[data-ui-theme="light"] body.site-page .app-language-toggle[data-locale="en"] [data-lang="en"] { color: #35303d; text-shadow: none; }

/* Workspace, help and legal pages share the same quiet card surfaces. */
html[data-ui-theme="light"] body.site-page :is(.workspace-heading p, .workspace-step, .workspace-note, .workspace-card p, .workspace-empty, .help-index) { color: var(--site-muted); }
html[data-ui-theme="light"] body.site-page :is(.workspace-card h2, .workspace-card strong, .workspace-stats strong) { color: var(--site-ink); }
html[data-ui-theme="light"] body.site-page .workspace-tabs { background: #f0edf3; border-color: #e6e2eb; }
html[data-ui-theme="light"] body.site-page .workspace-tabs a { color: #6c6675; }
html[data-ui-theme="light"] body.site-page .workspace-tabs a:hover { color: #302a39; background: #e7e2ed; }
html[data-ui-theme="light"] body.site-page .workspace-tabs a.active,
html[data-ui-theme="light"] body.site-page .workspace-tabs a[aria-current="page"] { background: #fff; color: #2c2932; box-shadow: 0 1px 4px #30203e0a; }
html[data-ui-theme="light"] body.site-page :is(.workspace-tool-link, .locale-switch) { color: #62586e; border-color: #ded9e5; background: #fff; }
html[data-ui-theme="light"] body.site-page :is(.workspace-tool-link, .locale-switch):hover { color: #302a39; background: #f1edf6; }
html[data-ui-theme="light"] body.site-page .workspace-card { color: var(--site-ink); background: #fff; border-color: var(--site-line); box-shadow: 0 3px 15px #2d203b04; }
html[data-ui-theme="light"] body.site-page .workspace-form label { color: #57515f; }
html[data-ui-theme="light"] body.site-page .workspace-form :is(input:not([type="checkbox"]), textarea, select) { color-scheme: light; color: #302c36; background: #fcfbfd; border-color: #dcd7e2; }
html[data-ui-theme="light"] body.site-page .workspace-form :is(input, textarea, select):hover:not(:disabled) { border-color: #b7adca; }
html[data-ui-theme="light"] body.site-page .workspace-form :is(input, textarea, select):focus { background: #fff; border-color: #a592c1; box-shadow: 0 0 0 3px #bca9d51c; }
html[data-ui-theme="light"] body.site-page .workspace-form :is(input, textarea)::placeholder { color: #89818f; }
html[data-ui-theme="light"] body.site-page .workspace-form :is(input, textarea, select):disabled { color: #918a99; background: #f1eef4; border-color: #e4e0e9; }
html[data-ui-theme="light"] body.site-page .workspace-form input[type="checkbox"] { accent-color: #726086; }
html[data-ui-theme="light"] body.site-page .workspace-form option { color: #302c36; background: #fff; }
html[data-ui-theme="light"] body.site-page .workspace-form input::file-selector-button { background: #f0edf4; color: #4d4359; border-color: #d8d0e2; }
html[data-ui-theme="light"] body.site-page .workspace-form input:is(:-webkit-autofill, :-webkit-autofill:hover, :-webkit-autofill:focus) { -webkit-text-fill-color: #302c36; caret-color: #302c36; -webkit-box-shadow: 0 0 0 100px #fcfbfd inset; box-shadow: 0 0 0 100px #fcfbfd inset; }
html[data-ui-theme="light"] body.site-page .workspace-table { color: #514a59; }
html[data-ui-theme="light"] body.site-page .workspace-table :is(th, td) { border-color: var(--site-line); }
html[data-ui-theme="light"] body.site-page .workspace-table :is(th, small) { color: var(--site-muted); }
html[data-ui-theme="light"] body.site-page .workspace-table a { color: #5c4677; }
html[data-ui-theme="light"] body.site-page .workspace-table button { border-color: #ded7e7; color: #52465e; background: #fff; }
html[data-ui-theme="light"] body.site-page .workspace-table button:hover:not(:disabled) { color: #302639; background: #f0eaf6; }
html[data-ui-theme="light"] body.site-page .workspace-table button:disabled { color: #99919f; }
html[data-ui-theme="light"] body.site-page .workspace-table progress { accent-color: #867197; }
html[data-ui-theme="light"] body.site-page .workspace-json { background: #f8f6fb; color: #62576d; border-color: #e2dbea; }
html[data-ui-theme="light"] body.site-page #workspace-message { color: #62596e; }
html[data-ui-theme="light"] body.site-page #workspace-message.error { color: #aa393f; }
html[data-ui-theme="light"] body.site-page .workspace-danger { border-color: #ebced0; }
html[data-ui-theme="light"] body.site-page .workspace-danger .site-button { color: #ad3f45 !important; border-color: #dfb2b6 !important; }
html[data-ui-theme="light"] body.site-page .workspace-danger .site-button:hover:not(:disabled) { background: #fceff0 !important; }
html[data-ui-theme="light"] body.site-page dialog.workspace-card { color-scheme: light; color: #302a39; background: #fff; border-color: #ded7e7; box-shadow: 0 24px 90px #39294924; }
html[data-ui-theme="light"] body.site-page dialog.workspace-card::backdrop { background: #24202d55; }
html[data-ui-theme="light"] body.site-page dialog.workspace-card .workspace-actions button { color: #51435e; border-color: #d8cfe2; background: #fff; }
html[data-ui-theme="light"] body.site-page dialog.workspace-card .workspace-actions button:hover { background: #f1ebf7; }
html[data-ui-theme="light"] body.site-page dialog.workspace-card .workspace-actions button:not([type="button"]) { color: #ad3f45; border-color: #dfb2b6; }
html[data-ui-theme="light"] body.site-page .workspace-floating-nav { color: #655a70; background: #fffffff2; border-color: #e0d9e9; box-shadow: 0 3px 15px #2d203b0a; }
html[data-ui-theme="light"] body.site-page .workspace-floating-nav :is(a, button) { color: #655a70; }
html[data-ui-theme="light"] body.site-page .workspace-floating-nav :is(a, button):hover { color: #302739; background: #f0ebf6; }

/* Authentication uses a tiny wash of color around a white form, keeping its
   existing segmented-control motion and responsive geometry. */
html[data-ui-theme="light"] body.site-page.auth-page { background: radial-gradient(ellipse at 12% 54%, #f2edf855, transparent 43%), radial-gradient(ellipse at 83% 72%, #fff0e755, transparent 37%), #fcfbfc; }
html[data-ui-theme="light"] body.site-page .auth-nav { border-color: var(--site-line); }
html[data-ui-theme="light"] body.site-page :is(.auth-pricing-link, .auth-story > p) { color: var(--site-muted); }
html[data-ui-theme="light"] body.site-page .auth-pricing-link:hover { color: var(--site-ink); }
html[data-ui-theme="light"] body.site-page .auth-card { background: #fff; border-color: #e4e0e9; box-shadow: 0 8px 40px #36234506; }
html[data-ui-theme="light"] body.site-page .auth-tabs { background: #f2eff5; border-color: #e8e2ee; }
html[data-ui-theme="light"] body.site-page .auth-tabs-thumb { background: #fff; box-shadow: 0 1px 5px #3a294414; }
html[data-ui-theme="light"] body.site-page .auth-tabs button { color: #776e81; }
html[data-ui-theme="light"] body.site-page .auth-tabs button[aria-pressed="true"] { background: #fff; color: #342a3e; }
html[data-ui-theme="light"] body.site-page .auth-tabs button:hover:not([aria-pressed="true"]) { color: #342a3e; background: #eae4f1; }
html[data-ui-theme="light"] body.site-page .auth-tabs.is-motion-ready button[aria-pressed="true"] { background: transparent; }
html[data-ui-theme="light"] body.site-page .auth-card h2 { color: var(--site-ink); }
html[data-ui-theme="light"] body.site-page .auth-card :is(#auth-description, .password-hint, .auth-note, .link-button, .back-link) { color: var(--site-muted); }
html[data-ui-theme="light"] body.site-page .auth-card :is(.link-button, .back-link):hover { color: #42324f; }
html[data-ui-theme="light"] body.site-page .auth-card label { color: #5d5467; }
html[data-ui-theme="light"] body.site-page .auth-card input { color-scheme: light; color: #322c39; background: #fdfcfe; border-color: #ddd5e5; }
html[data-ui-theme="light"] body.site-page .auth-card input::placeholder { color: #8b8294; }
html[data-ui-theme="light"] body.site-page .auth-card input:hover { border-color: #beb1cc; }
html[data-ui-theme="light"] body.site-page .auth-card input:focus { background: #fff; border-color: #a28bb9; box-shadow: 0 0 0 3px #c8b8dd26; }
html[data-ui-theme="light"] body.site-page .auth-card input:disabled { color: #948a9e; background: #f1edf6; }
html[data-ui-theme="light"] body.site-page .auth-card input:is(:-webkit-autofill, :-webkit-autofill:hover, :-webkit-autofill:focus) { -webkit-text-fill-color: #322c39; caret-color: #322c39; -webkit-box-shadow: 0 0 0 100px #fdfcfe inset; box-shadow: 0 0 0 100px #fdfcfe inset; }
html[data-ui-theme="light"] body.site-page .auth-card input:autofill { color: #322c39; background: #fdfcfe; }
html[data-ui-theme="light"] body.site-page .auth-card :is(input, button, a):focus-visible { outline-color: #9281b5; }
html[data-ui-theme="light"] body.site-page .auth-card #auth-message { color: #62516f; background: #f6f2fa; border-color: #e3d9ec; }
html[data-ui-theme="light"] body.site-page .auth-card #auth-message.error { color: #a83942; background: #fff1f2; border-color: #ebc1c5; }

/* Billing keeps the monochrome primary action; only the recommended plan and
   pricing introduction receive a restrained lavender highlight. */
html[data-ui-theme="light"] body.site-page .pricing-intro { background: radial-gradient(ellipse at 50% 25%, #f0eaf74d, transparent 65%); }
html[data-ui-theme="light"] body.site-page .pricing-period { background: #f0edf4; border-color: #e4dfeb; }
html[data-ui-theme="light"] body.site-page .pricing-period-thumb { background: #fff; box-shadow: 0 1px 5px #3a294414; }
html[data-ui-theme="light"] body.site-page .pricing-period button { color: #776d81; }
html[data-ui-theme="light"] body.site-page .pricing-period button[aria-pressed="true"] { color: #332a3d; background: #fff; }
html[data-ui-theme="light"] body.site-page .pricing-period button:hover:not([aria-pressed="true"]):not(:disabled) { color: #332a3d; background: #e7e0ef; }
html[data-ui-theme="light"] body.site-page .pricing-period.is-motion-ready button[aria-pressed="true"] { background: transparent; }
html[data-ui-theme="light"] body.site-page :is(.pricing-wallet, .free-plan, .plan-card, .pricing-rates, .pricing-rules) { box-shadow: 0 3px 15px #2d203b04; }
html[data-ui-theme="light"] body.site-page :is(.pricing-wallet strong, .plan-credit strong, .plan-example strong, .plan-video-count, .pricing-rules strong) { color: var(--site-ink); }
html[data-ui-theme="light"] body.site-page :is(.plan-example, .plan-card ul, .rate-row strong, .ledger-row > span) { color: #5f5669; }
html[data-ui-theme="light"] body.site-page .plan-card li::before { color: #8a799d; }
html[data-ui-theme="light"] body.site-page .plan-card.recommended { background: linear-gradient(155deg, #faf7ff, #fff 50%); border-color: #cbbddb; }
html[data-ui-theme="light"] body.site-page .plan-badge { color: #fff; background: #39313f; }
html[data-ui-theme="light"] body.site-page .pricing-message.error { color: #ae3f45; }
@media (hover: hover) and (pointer: fine) {
  html[data-ui-theme="light"] body.site-page .plan-card:hover { border-color: #c9bfd5; }
  html[data-ui-theme="light"] body.site-page .plan-card.recommended:hover { border-color: #a28ab9; }
}

/* Product editor tokens deliberately affect tool chrome only. The dark artwork
   in #native-preview, #scene-preview and #product-video keeps its own palette. */
html[data-ui-theme="light"] body.product-app:not(.is-landing) {
  --ui-bg: #f8f7fa; --ui-canvas: #f0eef4; --ui-surface: #fff; --ui-raised: #f4f1f7;
  --ui-hover: #eee9f4; --ui-border: #dfd9e6; --ui-divider: #e9e4ee;
  --ui-text: #2e2935; --ui-secondary: #63596f; --ui-muted: #81758e; --ui-disabled: #a69cab;
  --ui-accent: #8c789f; --ui-primary: #302b36; --ui-primary-hover: #49404f;
  --ui-primary-border: #302b36; --ui-primary-fill: #302b36; --ui-primary-hover-fill: #49404f; --ui-on-primary: #fff;
  --ui-selected: #eee7f5; --ui-selected-border: #b8a5cc; --ui-focus: #9a84b1; --ui-scrollbar: #d1c7dd;
  --product-control-fill: #fff; --product-control-hover: #f2edf7; --product-control-line: #dcd2e5; --product-control-focus: #9a84b1;
  --bg: #f8f7fa; --surface: #fff; --raised: #f4f1f7; --ink: #2e2935; --muted: #81758e; --line: #dfd9e6; --purple: #8c789f;
  --text: #2e2935;
  color-scheme: light; color: var(--ui-text); background: var(--ui-bg);
}
html[data-ui-theme="light"] body.product-app:not(.is-landing) .app-header { background: #ffffffed; border-color: var(--ui-divider); }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .brand-symbol { filter: brightness(.17); }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .start-view::before { background: radial-gradient(ellipse, #e6dced50, transparent 68%); }
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(.create-card, .assets-panel, .inspector, .project-item) { background: #fff; border-color: var(--ui-border); box-shadow: 0 2px 12px #30203e04; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(.project-kicker, .entry-reply, .empty-assets, .asset-info p, .inspector label, .setup-grid label, #source-form label, #source-form p, .source-card a, .source-card small, .source-card p) { color: var(--ui-muted); }
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(.asset-card, .empty-assets, .source-card, .pending-card) { background: #faf8fc; border-color: var(--ui-border); }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .asset-card .asset-visual { background: #eee9f4; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .asset-card.kind-logo img { background: #f5f2f8; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .asset-kind { background: #f3edf9e8; color: #62506f; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) #preview-stage { background: var(--ui-canvas); border-color: var(--ui-border); }
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(#inspector-panel, #source-form, .setup-grid, #revision-form, dialog) :is(input, textarea, select):not(:where(#native-preview *, #scene-preview *, #product-video *, #preview-stage *)) { color-scheme: light; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(#workspace, #start-view, dialog) :is(button, a, input, textarea, select, summary):not(:where(#native-preview *, #scene-preview *, #product-video *, #preview-stage *)):focus-visible { outline-color: var(--ui-focus); }
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(.app-header, #workspace, #start-view, dialog)::selection,
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(.app-header, #workspace, #start-view, dialog) :not(:where(#native-preview *, #scene-preview *, #product-video *, #preview-stage *))::selection { background: #e7dced; color: #30283a; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(#workspace, #start-view, #source-dialog) :is(.project-actions, .asset-actions, .motion-settings-fields, .studio-buttons, .studio-files, .scene-actions, .revision-feedback, .update-banner, #source-form, #scene-fields) > .secondary-button:hover:not(:disabled),
html[data-ui-theme="light"] body.product-app:not(.is-landing) #workspace .preview-toolbar > .product-video-reload:hover { border-color: #bca9cf; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(#render-button, #create-button, #revision-button) { --ui-primary-fill: #302b36; --ui-primary-hover-fill: #49404f; --ui-primary-border: #302b36; color: #fff !important; background: #302b36 !important; border-color: #302b36 !important; box-shadow: 0 2px 5px #30203e12; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(#render-button, #create-button, #revision-button):hover:not(:disabled) { background: #49404f !important; border-color: #49404f !important; box-shadow: 0 3px 9px #30203e1a; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(#render-button, #create-button, #revision-button):disabled { background: #e5dfeb !important; color: #978ba2 !important; border-color: #e0d8e7 !important; box-shadow: none; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(.app-header > nav, .project-actions, .chat-tools) > .quiet-button:hover:not(:disabled),
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(.product-layout-actions > button, .product-layout-menu > summary, .product-panel-menu > summary):hover,
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(.product-panel-tools, .asset-actions) > .icon-button:hover:not(:disabled),
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(#close-projects, #close-source, #cancel-task, #start-upload):hover:not(:disabled),
html[data-ui-theme="light"] body.product-app:not(.is-landing) #asset-list .asset-info > button:hover:not(:disabled),
html[data-ui-theme="light"] body.product-app:not(.is-landing) #scene-fields .scene-actions > button:hover:not(:disabled) { border-color: #d3c7df; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .asset-actions > .icon-button,
html[data-ui-theme="light"] body.product-app:not(.is-landing) #scene-fields .scene-actions > button { background: #faf7fd; border-color: #dfd4e8; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .product-layout-actions > button[aria-pressed="true"] { color: #554262; background: #eee6f6; border-color: #cebbdf; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) #scene-fields .scene-actions > button.danger { color: #ac4149; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) #scene-fields .scene-actions > button.danger:hover:not(:disabled) { color: #9c303a; background: #ffedf0; border-color: #e2afb9; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(.product-layout-menu-list, .product-panel-menu-list, .studio-select-popover) { color: var(--ui-text); background: #fff; border-color: #ddd2e8; box-shadow: 0 12px 32px #30203e18; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(.product-layout-menu, .product-panel-menu)[open] > summary { border-color: #d3c7df; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(.product-layout-menu-list, .product-panel-menu-list) > button:hover:not(:disabled) { background: #f0e9f7; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .studio-select-trigger { background: #fff; border-color: #dcd2e5; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .studio-select-trigger:hover:not(:disabled) { background: #f7f3fb; border-color: #bca9cf; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .studio-select-trigger[aria-expanded="true"] { border-color: #b09ac6; box-shadow: 0 0 0 2px #bca9d525; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .studio-select-option.is-active:not([aria-disabled="true"]) { box-shadow: inset 0 0 0 1px #bca9d536; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) #workspace .preview-toolbar > .segmented { background: #eee8f3; border-color: #e1d8e9; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) #workspace .preview-toolbar > .segmented > button.active { background: #fff; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) #workspace .preview-toolbar > .segmented::before { background: #fff; border-color: #e1d6eb; box-shadow: 0 1px 4px #30203e0a; }
@supports selector(:has(*)) {
  html[data-ui-theme="light"] body.product-app:not(.is-landing) #workspace .preview-toolbar > .segmented > button.active { background: transparent; }
}
html[data-ui-theme="light"] body.product-app:not(.is-landing) #scene-strip > .scene-card { background: #fff; border-color: #dfd5e8; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) #scene-strip > .scene-card:hover:not(:disabled) { background: #f9f5fd; border-color: #bca9cf; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) #scene-strip > .scene-card.active,
html[data-ui-theme="light"] body.product-app:not(.is-landing) #scene-strip > .scene-card.active:hover { background: #f1e9f8; border-color: #b49acb; box-shadow: inset 0 0 0 1px #bca9d526; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) #scene-strip > .scene-card::after { background: #a08ab5; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) #scene-strip > .scene-card .scene-thumb { color: #7a668b; background: linear-gradient(125deg, #eee4f8, #f4eee9); }
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(#inspector-panel, #source-form, .setup-grid) :is(input:not([type="range"]):not([type="color"]):not([type="checkbox"]), textarea, select),
html[data-ui-theme="light"] body.product-app:not(.is-landing) dialog :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), select, textarea) { color: var(--ui-text); background: #fcfafd; border-color: #dcd2e5; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(#inspector-panel, #source-form, .setup-grid, dialog) :is(input, textarea, select):hover:not(:disabled) { border-color: #bca9cf; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(#inspector-panel, #source-form, .setup-grid, dialog) :is(input, textarea, select):focus { color: var(--ui-text); background: #fff; border-color: #ab92c3; box-shadow: 0 0 0 2px #bca9d525; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(#inspector-panel, #source-form, .setup-grid, dialog) :is(input, textarea, select)::placeholder { color: #91839d; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(#revision-form, #create-form) { background: #fff; border-color: #ddd2e8; box-shadow: 0 2px 14px #30203e05; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(#revision-form, #create-form):focus-within { background: #fff; border-color: #b09ac6; box-shadow: 0 0 0 2px #bca9d525; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(.motion-settings, .project-settings, .focus-settings, .studio-details, .brand-settings) { border-color: var(--ui-divider); }
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(.revision-feedback, .review-scores b) { color: #3b7760; background: #edf8f2; border-color: #c4e2d2; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .review-scores b { background: transparent; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .revision-feedback.error { color: #a8404b; background: #fff0f3; border-color: #e9bec8; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(.save-status.dirty, .preview-caption .stale) { color: #9d6b25; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .update-banner { color: #976726; background: #fff6e7; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) dialog { color-scheme: light; color: var(--ui-text) !important; background: #fff !important; border-color: #dcd2e5 !important; box-shadow: 0 24px 90px #30203e24; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) dialog::backdrop { background: #24202d55; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(.toast, .import-queue-status) { color: #554462 !important; background: #fff !important; border-color: #d5c6e2 !important; box-shadow: 0 8px 30px #30203e1a; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .toast.error { color: #a23844 !important; background: #fff1f3 !important; border-color: #e5b3bf !important; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(.billing-balance, .billing-trial-shortcut) { color: #63516f; background: #fffffff5; border-color: #ded2e7; box-shadow: 0 3px 12px #30203e0a; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .billing-balance strong { color: #6c4b87; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .billing-model-route { color: #3b7760; background: #edf8f2; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .billing-confirm { background: #302b36; border-color: #302b36; color: #fff; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .billing-confirm:disabled { color: #978ba2; background: #e5dfeb; border-color: #e0d8e7; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .file-drop-overlay { background: #ede7f3c9; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .file-drop-card { background: #fff; border-color: #b59bce; box-shadow: 0 24px 90px #30203e1a; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .pending-card button { background: #fffffff2; color: #51405e; box-shadow: 0 1px 4px #30203e20; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .working-orb { background: conic-gradient(from 45deg, #d3c1e6, #ede6f4, #efd8ca, #d3c1e6); box-shadow: 0 4px 24px #bca9d526; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(.workspace-floating-nav, .project-item-icon) { background: #fff; border-color: #ddd2e8; box-shadow: 0 3px 14px #30203e0a; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .workspace-floating-nav a:hover { background: #f0e9f7; }

/* The shared music browser lives in its own dialog rather than in video art. */
html[data-ui-theme="light"] body.product-app:not(.is-landing) .music-library-panel { color: #3d3346; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(.music-library-heading [data-count], .music-library-track small, .music-library-license, .music-library-empty, .music-library-row-actions a) { color: #80708d; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .music-library-panel input[type="search"] { color: #3d3346; background: #fcfafd; border-color: #dcd2e5; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .music-library-groups button { color: #7a668b; background: #f1ebf7; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .music-library-groups button[aria-pressed="true"] { color: #5a3e70; border-color: #b79dcd; background: #eae0f3; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .music-library-row { background: #f9f5fc; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .music-play-symbol { background: #e8ddf3; color: #71518b; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .music-library-wave { fill: #c7b7d6; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .music-library-preview[aria-pressed="true"] .music-library-wave { fill: #9472af; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .music-library-row-actions button { color: #846099; }
html[data-ui-theme="light"] body.product-app:not(.is-landing) .music-library-dialog-header button { color: #73617f; }

@media (forced-colors: active) {
  html[data-ui-theme="light"] body.product-app:not(.is-landing) :is(.scene-card.active, .studio-select-trigger:focus-visible) { border-color: Highlight; }
  html[data-ui-theme="light"] body.site-page :is(button, a, input, textarea, select, summary):focus-visible { outline-color: Highlight; }
}