/* Shared appearance layer. Loaded last so every workspace can opt into the
   same persistent dark / light / system preference without changing layout. */

.theme-toggle {
  position: relative;
  flex: none;
}
.theme-toggle .ui-icon { width: 17px; height: 17px; }
.theme-choice-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}
.theme-choice {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 14px;
  color: var(--text);
  background: var(--panel-2);
  text-align: left;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}
.theme-choice:hover { transform: translateY(-2px); border-color: var(--border-2); }
.theme-choice[aria-checked="true"] {
  border-color: var(--cyan);
  background: color-mix(in srgb, var(--cyan) 8%, var(--panel));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--cyan) 13%, transparent);
}
.theme-choice strong { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 13px; }
.theme-choice strong::after { content: ""; width: 8px; height: 8px; border: 1px solid var(--text-3); border-radius: 50%; }
.theme-choice[aria-checked="true"] strong::after { border-color: var(--cyan); background: var(--cyan); box-shadow: 0 0 0 3px color-mix(in srgb, var(--cyan) 16%, transparent); }
.theme-choice small { color: var(--text-3); line-height: 1.55; }
.theme-preview {
  position: relative;
  display: grid;
  grid-template-columns: 25% 1fr;
  grid-template-rows: 16px 1fr;
  height: 84px;
  overflow: hidden;
  border: 1px solid rgba(127, 143, 164, .28);
  border-radius: 10px;
  background: #f5f7fb;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6);
}
.theme-preview::before { content: ""; grid-column: 1 / -1; background: #ffffff; border-bottom: 1px solid #dfe5ed; }
.theme-preview::after { content: ""; grid-row: 2; background: #eef2f7; border-right: 1px solid #dfe5ed; }
.theme-preview i { position: absolute; left: 34%; right: 8%; top: 29px; height: 13px; border-radius: 4px; background: #ffffff; border: 1px solid #dfe5ed; box-shadow: 0 21px 0 #fff, 0 21px 0 1px #dfe5ed; }
.theme-preview-dark { background: #0a1019; border-color: #34445a; box-shadow: none; }
.theme-preview-dark::before { background: #080d15; border-color: #29384d; }
.theme-preview-dark::after { background: #0d1521; border-color: #29384d; }
.theme-preview-dark i { background: #151f2d; border-color: #31445c; box-shadow: 0 21px 0 #151f2d, 0 21px 0 1px #31445c; }
.theme-preview-system { background: linear-gradient(90deg, #0a1019 0 50%, #f5f7fb 50%); }
.theme-preview-system::before { background: linear-gradient(90deg, #080d15 0 50%, #fff 50%); }
.theme-preview-system::after { background: linear-gradient(90deg, #0d1521 0 50%, #eef2f7 50%); }
.theme-preview-system i { background: linear-gradient(90deg, #151f2d 0 23%, #fff 23%); border-color: #788699; box-shadow: 0 21px 0 0 rgba(127,143,164,.24); }

@media (max-width: 720px) {
  .theme-choice-grid { grid-template-columns: 1fr; }
  .theme-choice { grid-template-columns: 112px 1fr; align-items: center; }
  .theme-choice strong, .theme-choice small { grid-column: 2; }
  .theme-choice .theme-preview { grid-row: 1 / span 2; }
}

html[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f6fa;
  --bg-deep: #ffffff;
  --panel: #ffffff;
  --panel-2: #f4f7fb;
  --card: #ffffff;
  --card-hover: #edf2f7;
  --border: #dce3ec;
  --border-2: #c5d0de;
  --text: #172235;
  --text-2: #536277;
  --text-3: #7a899c;
  --pink: #d91b83;
  --pink-2: #e7439c;
  --purple: #6f48d9;
  --cyan: #087ea4;
  --lime: #3b7c1f;
  --grad: linear-gradient(110deg, #e32791, #7651df 55%, #1689ad);
  --grad-soft: linear-gradient(110deg, rgba(227,39,145,.1), rgba(22,137,173,.08));
  --glow: 0 9px 26px rgba(85, 76, 161, .18);
  --shadow: 0 18px 48px rgba(31, 45, 65, .13);
  --site-line: rgba(43, 75, 104, .16);
  --site-panel: rgba(255,255,255,.92);
  --site-panel-strong: #ffffff;
  --editorial-line: rgba(56, 72, 96, .15);
  --editorial-muted: #66758a;
  --section-line: rgba(65, 83, 108, .15);
  --section-muted: #68778c;
  --wb-ink: #eef3f8;
  --wb-panel: rgba(255,255,255,.82);
  --wb-panel-strong: rgba(255,255,255,.96);
  --wb-line: rgba(50, 88, 116, .16);
  --wb-line-bright: rgba(11, 126, 163, .42);
  --wb-silver: #17283b;
  --wb-muted: #60758a;
  --wb-cyan: #0b789e;
  --wb-violet: #6f59c7;
  --wb-pink: #c82d86;
  --wb-green: #327b43;
  --wb-shadow: 0 24px 70px rgba(36, 53, 73, .14);
  --hall-ink: #17253a;
  --hall-muted: #617188;
  --hall-line: rgba(68, 91, 123, .17);
  --hall-cyan: #087ea4;
  --hall-violet: #6f59c7;
  --hall-pink: #cf338f;
  --sk-line: rgba(52, 69, 92, .14);
  --sk-line-strong: rgba(52, 69, 92, .26);
  --sk-glass: linear-gradient(160deg, rgba(255,255,255,.92), rgba(244,247,251,.96));
  --pxa-cyan: #087ea4;
  --pxa-pink: #cc2c88;
  --pxa-purple: #6c54c8;
  --pxa-lime: #3b7c1f;
  --pxa-bg0: rgba(255,255,255,.96);
  --pxa-bg1: rgba(247,249,252,.98);
  --pxa-line: rgba(12, 117, 151, .2);
  --silver-bg: #f2f5f9;
  --silver-bg-2: #ffffff;
  --silver-panel: rgba(255,255,255,.88);
  --silver-panel-2: rgba(246,248,251,.96);
  --silver-line: rgba(57, 74, 97, .16);
  --silver-line-hi: rgba(42, 66, 96, .34);
  --silver-text: #172235;
  --silver-muted: #617084;
  --silver-dim: #8793a2;
  --silver-white: #223149;
  --silver-blue: #426fa8;
  --silver-violet: #6e5ac7;
  --silver-green: #217955;
  --silver-glow: rgba(72, 103, 145, .16);
  --silver-shadow: 0 28px 70px rgba(41, 56, 75, .14);
  --shop-bg: #f2f5f9;
  --shop-panel: #ffffff;
  --shop-panel2: #f4f7fb;
  --shop-line: #dce3ec;
  --shop-line2: #c6d1df;
  --shop-text: #172235;
  --shop-text2: #617084;
  --orbit-bg: #f4f7fb;
  --orbit-panel: rgba(255,255,255,.84);
  --orbit-panel-hi: rgba(255,255,255,.96);
  --orbit-line: rgba(62, 83, 113, .18);
  --orbit-cyan: #087ea4;
  --orbit-lilac: #6955bf;
  --orbit-ink: #172235;
  --bg-2: #f4f7fb;
  --card: #ffffff;
  --violet: #6f48d9;
  --hair: rgba(45, 73, 101, .17);
  --hair-strong: rgba(11, 126, 164, .38);
  --text-4: #8a97a7;
  --gold: #886200;
}

html[data-theme="light"],
html[data-theme="light"] body {
  background: #f4f6fa;
  color: var(--text);
}
html[data-theme="light"] body {
  background-image:
    radial-gradient(900px 620px at 88% -8%, rgba(91, 121, 170, .09), transparent 68%),
    radial-gradient(720px 580px at -12% 105%, rgba(117, 91, 171, .07), transparent 70%),
    linear-gradient(135deg, #f8fafc 0%, #eef2f7 52%, #f7f9fb 100%);
}
html[data-theme="light"] body::before { opacity: .016; }
html[data-theme="light"] ::selection { background: rgba(213, 42, 133, .2); color: #172235; }
html[data-theme="light"] ::-webkit-scrollbar-thumb { background: #cbd4df; }
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: #adb9c8; }

/* Main shell */
html[data-theme="light"] .topbar {
  background: rgba(255,255,255,.9);
  border-bottom-color: rgba(59, 79, 104, .14);
  box-shadow: 0 10px 30px rgba(35, 50, 68, .08);
  backdrop-filter: blur(20px) saturate(1.08);
}
html[data-theme="light"] .topbar::after { opacity: .18; }
html[data-theme="light"] .topbar .logo .name {
  color: #1b293c;
  background: none;
  -webkit-text-fill-color: #1b293c;
  text-shadow: none;
}
html[data-theme="light"] .topbar .brand-caption,
html[data-theme="light"] .topbar .crumb { color: #718095; }
html[data-theme="light"] .topbar :is(.app-link,.invite-entry,.membership-entry,.help-toggle,.comm-toggle,.lang-toggle,.theme-toggle) { color: #526176; }
html[data-theme="light"] .rail {
  background: rgba(249,250,252,.94);
  border-right-color: rgba(59, 79, 104, .14);
  box-shadow: 12px 0 30px rgba(35, 50, 68, .05);
}
html[data-theme="light"] .rail-item { color: #6e7c8f; }
html[data-theme="light"] .rail-item:hover { color: #087ea4; background: rgba(8,126,164,.07); }
html[data-theme="light"] .rail-item.active {
  color: #172235;
  background: linear-gradient(135deg, rgba(8,126,164,.12), rgba(111,72,217,.1));
  border-color: rgba(8,126,164,.38);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.66), 0 8px 22px rgba(44,76,111,.09);
}
html[data-theme="light"] .rail-brand { color: #203149; }
html[data-theme="light"] .rail-brand > span { color: #2f8d9a; text-shadow: none; }
html[data-theme="light"] .rail-brand small { color: #75859a; }
html[data-theme="light"] .mobile-dock,
html[data-theme="light"] .user-menu,
html[data-theme="light"] .help-menu,
html[data-theme="light"] .help-popover,
html[data-theme="light"] .comm-popover {
  background: rgba(255,255,255,.96);
  border-color: var(--border);
  box-shadow: var(--shadow);
}
html[data-theme="light"] .page,
html[data-theme="light"] .page-wrap { background: #f4f6fa; }
html[data-theme="light"] .credits-pill { background: rgba(36, 128, 87, .07); border-color: rgba(36,128,87,.2); color: #287a52; }
html[data-theme="light"] .avatar { box-shadow: 0 0 0 2px #fff, 0 5px 16px rgba(41,55,75,.16); }
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select { color: var(--text); background: #fff; }
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder { color: #8a97a8; }
html[data-theme="light"] .btn-ghost,
html[data-theme="light"] .chip,
html[data-theme="light"] .icon-btn:hover { background: #f5f7fa; }

/* Shared surfaces, dialogs and settings */
html[data-theme="light"] :is(.card-block,.modal,.auth-card,.provider-node,.advanced-settings-card,.work-card,.feature-card,.mode-card,.model-card,.prompt-card,.output-card,.result-card,.changelog-item,.admin-console-card) {
  color: var(--text);
  background: rgba(255,255,255,.94);
  border-color: var(--border);
  box-shadow: 0 14px 38px rgba(38, 53, 72, .09);
}
html[data-theme="light"] .modal-mask { background: rgba(63, 75, 91, .3); }
html[data-theme="light"] .uc-overlay { background: rgba(74, 86, 101, .34); }
html[data-theme="light"] .uc-dialog {
  background: linear-gradient(160deg, rgba(255,255,255,.99), rgba(244,247,251,.99));
  border-color: rgba(53, 79, 108, .22);
  box-shadow: 0 38px 100px rgba(38, 51, 69, .22);
}
html[data-theme="light"] .uc-side { background: linear-gradient(180deg, #f8fafc, #eef2f7); border-right-color: var(--border); }
html[data-theme="light"] .uc-main { background: radial-gradient(circle at 84% 7%, rgba(112,86,197,.05), transparent 28%), #f7f9fc; }
html[data-theme="light"] .uc-head { background: rgba(255,255,255,.72); border-bottom-color: var(--border); }
html[data-theme="light"] .uc-head h1,
html[data-theme="light"] .uc-name { color: #172235; text-shadow: none; }
html[data-theme="light"] .uc-eyebrow { color: #087ea4; }
html[data-theme="light"] .uc-nav button { color: #5d6d81; }
html[data-theme="light"] .uc-field-desc,
html[data-theme="light"] .uc-avatar-hint,
html[data-theme="light"] .set-row .meta span { color: #68788c; }
html[data-theme="light"] .set-row .meta b { color: #203047; }
html[data-theme="light"] .uc-body .card-block,
html[data-theme="light"] .uc-body .advanced-settings-card { background: rgba(255,255,255,.96); border-color: var(--border); }
html[data-theme="light"] .uc-hero { background: linear-gradient(120deg, rgba(8,126,164,.08), rgba(111,89,199,.055) 54%, rgba(200,45,134,.045)); }
html[data-theme="light"] .uc-nav button.active { color: #173249; background: linear-gradient(90deg, rgba(8,126,164,.12), rgba(8,126,164,.025)); }
html[data-theme="light"] .uc-meter { background: #e8edf3; box-shadow: inset 0 1px 3px rgba(33,46,63,.12); }
html[data-theme="light"] .uc-stat,
html[data-theme="light"] .av-opt { background: #f5f8fb; }
html[data-theme="light"] .provider-field input,
html[data-theme="light"] .settings-value-input { background: #fff; }

/* Home */
html[data-theme="light"] .home-blacksite,
html[data-theme="light"] .home-blacksite .home-community { background: #f4f6fa; }
html[data-theme="light"] .home-hero { background: #edf2f7; }
html[data-theme="light"] .home-hero-shade {
  background: linear-gradient(90deg, rgba(244,247,251,.97) 0%, rgba(244,247,251,.87) 44%, rgba(244,247,251,.28) 73%, rgba(244,247,251,.1));
}
html[data-theme="light"] .home-hero-scan { opacity: .12; mix-blend-mode: multiply; }
html[data-theme="light"] .home-hero h1,
html[data-theme="light"] .home-hero h1 span,
html[data-theme="light"] .home-command b,
html[data-theme="light"] .home-telemetry dd { color: #172235; }
html[data-theme="light"] .home-hero-copy > p,
html[data-theme="light"] .home-command small { color: #5e6d81; }
html[data-theme="light"] .home-command-primary { background: #dfeef4; box-shadow: inset 0 0 0 1px rgba(8,126,164,.12), 0 12px 28px rgba(38,57,78,.1); }
html[data-theme="light"] .home-command-primary:hover { background: #d4e8ef; }
html[data-theme="light"] .home-command-secondary { background: rgba(255,255,255,.76); }
html[data-theme="light"] .home-command-secondary:hover { background: #fff; }
html[data-theme="light"] .home-telemetry { background: rgba(255,255,255,.62); border-color: rgba(55,83,111,.14); }
html[data-theme="light"] .home-hud-frame { border-color: rgba(30,92,120,.28); background: rgba(255,255,255,.18); }
html[data-theme="light"] .home-hud-label { color: #203247; }
html[data-theme="light"] .home-hud-label small { color: #65798d; }
html[data-theme="light"] .home-blacksite .creation-offer { background: #fff; border-color: var(--editorial-line); box-shadow: 0 18px 44px rgba(37,51,69,.1); }
html[data-theme="light"] .home-blacksite .offer-free { background: #eff8f3; }
html[data-theme="light"] .home-blacksite .creation-offer::before { background: linear-gradient(90deg, rgba(255,255,255,.98), rgba(255,255,255,.87) 48%, rgba(255,255,255,.18)); }
html[data-theme="light"] .home-blacksite .offer-free::before { background: linear-gradient(90deg, rgba(239,248,243,.98), rgba(239,248,243,.87) 48%, rgba(239,248,243,.18)); }
html[data-theme="light"] .home-blacksite .offer-content h3,
html[data-theme="light"] .home-blacksite .offer-label,
html[data-theme="light"] .home-blacksite .hub-tools > :is(a,button) > b { color: #1b283a; }
html[data-theme="light"] .home-blacksite :is(.offer-content p,.offer-kicker,.offer-benefits,.hub-tools > a > span,.hub-tools > button > span,.plugin-intro p,.plugin-points li > div > span) { color: #617084; }
html[data-theme="light"] .home-blacksite .hub-tools > :is(a,button),
html[data-theme="light"] .home-blacksite .plugin-band,
html[data-theme="light"] .home-blacksite .hub-membership { background: #fff; border-color: var(--editorial-line); }
html[data-theme="light"] .home-blacksite .hub-tools > :is(a,button):hover { background: #f8fafc; }
html[data-theme="light"] .home-blacksite .skills-hub .plugin-band { background: #fcf8ef; }
html[data-theme="light"] .home-blacksite .site-footer { background: #eef2f7; border-color: var(--border); }

/* Create, assets and changelog workspaces */
html[data-theme="light"] .page:has(.create-layout),
html[data-theme="light"] .page:has(.archive-page),
html[data-theme="light"] .page:has(.changelog-page) { background: #eef2f7; }
html[data-theme="light"] .create-layout {
  --text: #172235;
  --text-2: #536277;
  --text-3: #7a899c;
  --border: #d7e0e9;
  --border-2: #c4cfdb;
  --panel: rgba(255,255,255,.94);
  --panel-2: rgba(246,248,251,.96);
  --bg-deep: rgba(240,244,248,.82);
  background: linear-gradient(145deg, #edf2f7, #f8fafc);
}
html[data-theme="light"] .create-layout :is(.side-panel,.canvas,.panel-foot,.canvas-toolbar) { background: rgba(255,255,255,.82); border-color: var(--border); }
html[data-theme="light"] .create-layout :is(.mode-card,.model-card,.prompt-card,.output-card,.ref-box,.frame-slot) { background: rgba(255,255,255,.92); border-color: var(--border); }
html[data-theme="light"] .create-layout .prompt-card textarea { background: #fff; border-color: var(--border); }
html[data-theme="light"] .assets-page .archive-toolbar,
html[data-theme="light"] .assets-page .archive-search { background: rgba(255,255,255,.9); border-color: var(--border); }
html[data-theme="light"] .changelog-sub,
html[data-theme="light"] .changelog-items li { color: #5f7084; }
html[data-theme="light"] .changelog-version,
html[data-theme="light"] .changelog-title { color: #1a2b3e; }
html[data-theme="light"] .changelog-item.latest { background: linear-gradient(145deg, #eef8fb, #fff); }

/* Plaza, plugin catalog, skills and admin */
html[data-theme="light"] .plaza-page,
html[data-theme="light"] .plz-wrap,
html[data-theme="light"] .skills-page { color: var(--text); background: #f4f6fa; }
html[data-theme="light"] .plz-wrap {
  --hall-ink: #17253a;
  --hall-muted: #617188;
  --hall-line: rgba(68,91,123,.17);
  background: radial-gradient(70% 48% at 82% 2%, rgba(88,86,214,.08), transparent 72%), linear-gradient(145deg, #f7f9fc, #eef2f7);
}
html[data-theme="light"] .plz-hall-canvas { opacity: .16; mix-blend-mode: multiply; }
html[data-theme="light"] :is(.plz-head,.plz-feature,.plz-hall-context,.plz-ocard,.plz-card,.plz-wrap .plz-ocard,.plz-wrap .plz-card,.skills-page .sk-card,.skills-modal) {
  color: var(--text);
  background: rgba(255,255,255,.94);
  border-color: var(--section-line);
  box-shadow: 0 14px 34px rgba(38,52,70,.08);
}
html[data-theme="light"] .plz-feature p,
html[data-theme="light"] .plz-context-cell small,
html[data-theme="light"] .plz-wrap .plz-oc-desc,
html[data-theme="light"] .skills-page .sk-summary { color: #627287; }
html[data-theme="light"] .plz-context-cell b,
html[data-theme="light"] .plz-oc-name { color: #1d2b3d; }
html[data-theme="light"] .plz-wrap .plz-tab.active { background: #ded7f2; color: #352e4b; }
html[data-theme="light"] .skills-page .sk-cover,
html[data-theme="light"] .plz-oc-cover { background: #e7ecf2; border-color: var(--border); }
html[data-theme="light"] .adm-page,
html[data-theme="light"] .adm-main { background: #f4f6fa; color: var(--text); }
html[data-theme="light"] .adm-side { background: #fff; border-color: var(--border); }
html[data-theme="light"] .adm-head { background: rgba(255,255,255,.9); border-color: var(--border); }
html[data-theme="light"] .adm-nav button.active { background: rgba(8,126,164,.09); color: #173247; }

/* Infinite canvas and TV production */
html[data-theme="light"] :is(.cv-root,.img-picker-pop,.cv-lightbox,.cv-asset-modal,.cv-mask-modal,.prompt-tool-pop,.note-color-pop,.cv-editor-overlay,.cv-cmp2,.cv-angle-pop,.cv-tvs-float,.cv-itk-wrap,.cv-compose,.cv-sb-play,.cv-tvs-set) {
  --sv-line: rgba(54, 73, 98, .16);
  --sv-line-hi: rgba(45, 67, 96, .33);
  --sv-text: #18273b;
  --sv-muted: #647388;
  --sv-dim: #8894a4;
  --sv-blue: #31669e;
  --sv-green: #287951;
  --sv-red: #b84455;
  --sv-gold: #896700;
  --sv-panel-hi: rgba(255,255,255,.96);
  --sv-panel-lo: rgba(244,247,250,.94);
  --border: var(--sv-line);
  --border-2: var(--sv-line-hi);
  --bg-deep: rgba(239,243,248,.9);
  --panel: rgba(255,255,255,.94);
  --panel-2: rgba(245,247,250,.96);
  --card: rgba(255,255,255,.96);
  --card-hover: rgba(49,102,158,.08);
  --text: #18273b;
  --text-2: #58687d;
  --text-3: #738196;
  --cyan: #31669e;
  --pink: #5b4bad;
  --lime: #287951;
}
html[data-theme="light"] .cv-root .cv-board {
  background-color: #edf2f7;
  background-image:
    radial-gradient(1100px 700px at 88% -8%, rgba(81,112,159,.09), transparent 62%),
    radial-gradient(900px 620px at -10% 106%, rgba(111,87,165,.07), transparent 62%),
    radial-gradient(rgba(69,88,113,.1) 1px, transparent 1px);
}
html[data-theme="light"] .cv-root .cv-topbar .cv-panel,
html[data-theme="light"] .cv-root .node,
html[data-theme="light"] .cv-asset-modal,
html[data-theme="light"] .cv-mask-modal { background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(244,247,250,.95)); border-color: var(--sv-line); box-shadow: 0 16px 38px rgba(39,53,72,.12); }
html[data-theme="light"] :is(.tvs-wrap,.cv-tvs-float) { --panel: #ffffff; --panel-2: #f3f6f9; --text: #172235; --text-2: #59697d; --border: #d8e0e9; }
html[data-theme="light"] .tv-chat-page { color: var(--text); background: #f4f6fa; }
html[data-theme="light"] .tv-chat-stage { --panel: #fff; --panel-2: #f3f6f9; --border: #d9e1ea; background: #fff; border-color: #d9e1ea; box-shadow: 0 18px 50px rgba(40,53,70,.1); }
html[data-theme="light"] .tv-chat-stage .tvs-agent-form { background: #f7f9fb; }
html[data-theme="light"] .tv-cinema-hero { background: #e9eef4; border-color: #cfd8e3; box-shadow: 0 25px 65px rgba(40,53,70,.14); }
html[data-theme="light"] .tv-cinema-hero::before { background: linear-gradient(90deg, rgba(244,247,251,.92), rgba(244,247,251,.58) 45%, rgba(244,247,251,.15)), linear-gradient(0deg, rgba(244,247,251,.96), rgba(244,247,251,.25) 60%, transparent); }
html[data-theme="light"] .tv-chat-page .tv-cinema-intro h1 { color: #172235; }
html[data-theme="light"] .tv-cinema-intro p,
html[data-theme="light"] .tv-composer-label,
html[data-theme="light"] .tv-cinema-process { color: #58677a; }
html[data-theme="light"] .tv-chat-page .tv-chat-start { background: rgba(255,255,255,.88); border-color: rgba(91,78,167,.28); box-shadow: 0 20px 55px rgba(45,56,75,.14); }
html[data-theme="light"] .tv-chat-page .tv-chat-start textarea { color: #172235; }
html[data-theme="light"] .tv-chat-page .tv-chat-inspiration button,
html[data-theme="light"] .tv-chat-page .tv-chat-recent a { background: #fff; border-color: #d7dee7; color: #172235; box-shadow: 0 10px 24px rgba(40,53,70,.08); }

/* Agent, lightbox and overlays */
html[data-theme="light"] .pxa-shell,
html[data-theme="light"] .pxa-panel,
html[data-theme="light"] .pxa-window { color: var(--text); background: rgba(255,255,255,.96); border-color: var(--pxa-line); }
html[data-theme="light"] .lightbox { background: rgba(67, 76, 88, .82); }
html[data-theme="light"] .lightbox .lb-side { color: var(--text); background: #f8fafc; border-color: var(--border); }
html[data-theme="light"] .lightbox :is(.prompt-box,.meta-grid .mg,.cmt-main) { background: #fff; border-color: var(--border); color: #4f6175; }
html[data-theme="light"] .lightbox .meta-grid .mg .v { color: #1d2c3d; }

/* Independent Silver Point studio */
html[data-theme="light"] .studio {
  color: var(--silver-text);
  background: transparent;
}
html[data-theme="light"] .studio::before { opacity: .32; background-image: linear-gradient(rgba(45,63,87,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(45,63,87,.03) 1px, transparent 1px); }
html[data-theme="light"] .studio::after { opacity: .16; }
html[data-theme="light"] .shop-topbar { background: rgba(255,255,255,.82); border-color: var(--silver-line); box-shadow: 0 12px 34px rgba(39,53,72,.09); }
html[data-theme="light"] .shop-logo .sign { color: #1b293c; text-shadow: none; }
html[data-theme="light"] .shop-logo .open-sign { color: #fff; background: linear-gradient(120deg, #49627f, #25384e); box-shadow: 0 0 18px rgba(67,89,115,.16); }
html[data-theme="light"] .mode-tabs,
html[data-theme="light"] .shop-chip,
html[data-theme="light"] .shop-back { background: rgba(255,255,255,.76); border-color: var(--silver-line); color: var(--silver-muted); }
html[data-theme="light"] .shop-chip svg { color: #30445c; }
html[data-theme="light"] .shop-chip.clickable:hover,
html[data-theme="light"] .shop-back:hover { color: #172235; background: #fff; }
html[data-theme="light"] .shop-side { background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(241,245,249,.9)); border-color: var(--silver-line); box-shadow: 18px 0 48px rgba(40,53,70,.07); }
html[data-theme="light"] .shop-main { background: transparent; }
html[data-theme="light"] .shop-main::before { opacity: .22; }
html[data-theme="light"] .hero-eyebrow,
html[data-theme="light"] .hero-subtitle { color: #617084; }
html[data-theme="light"] .studio .hero-copy h1.shop-greeting {
  color: #172235;
  background: none;
  -webkit-text-fill-color: #172235;
  text-shadow: none;
}
html[data-theme="light"] .studio .shop-greeting .grad {
  background: linear-gradient(105deg, #087ea4, #6b51c5 58%, #c82d86);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
html[data-theme="light"] .studio .hero-copy p.hero-subtitle { color: #617084; }
html[data-theme="light"] .shop-side-head,
html[data-theme="light"] .side-orbit-card strong,
html[data-theme="light"] .shop-history summary { color: #233249; }
html[data-theme="light"] .metric,
html[data-theme="light"] .side-orbit-card,
html[data-theme="light"] .composer,
html[data-theme="light"] .result-card,
html[data-theme="light"] .recent-item,
html[data-theme="light"] .prompt-suggestion { background: rgba(255,255,255,.9); border-color: var(--silver-line); color: var(--silver-text); box-shadow: 0 12px 34px rgba(40,53,70,.08); }
html[data-theme="light"] .composer textarea { color: #172235; }
html[data-theme="light"] .cbtn,
html[data-theme="light"] .cost-chip,
html[data-theme="light"] .pop { background: #fff; border-color: var(--silver-line); color: var(--silver-text); }
html[data-theme="light"] .pop { box-shadow: 0 22px 55px rgba(39,53,72,.16); }
html[data-theme="light"] .img-cell { background: #e8edf3; border-color: var(--silver-line); }

/* Standalone product, share and legal pages */
html[data-theme="light"] body::after { opacity: .04; mix-blend-mode: multiply; }
html[data-theme="light"] .top { background: rgba(255,255,255,.9); border-color: var(--border, var(--hair)); }
html[data-theme="light"] .card,
html[data-theme="light"] .legal-main .card { background: #fff; border-color: var(--border); box-shadow: 0 14px 36px rgba(37,51,69,.09); }
html[data-theme="light"] .stage,
html[data-theme="light"] .prompt-box,
html[data-theme="light"] .share-page .chip { background: #f1f4f8; }
html[data-theme="light"] .legal-top { background: rgba(255,255,255,.92); border-color: var(--border); }
html[data-theme="light"] .legal-main,
html[data-theme="light"] .legal-doc { color: var(--text); }
html[data-theme="light"] .legal-main .meta,
html[data-theme="light"] .legal-doc .meta { color: var(--text-2); }

@media (prefers-reduced-motion: reduce) {
  .theme-choice { transition: none; }
}