/* Light theme: GENERATED by tools/make_light_css.py from app.css (then the hand-tuned rules at the end).
   Do not edit by hand; change the script or light-extra.css and run it again. */

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f7f7f8; --panel: #ffffff; --card: #ffffff; --card2: #f3f3f5; --field: #ffffff;
  --line: #e4e4e7; --line2: #d4d4d8; --text: #18181b; --muted: #52525b; --dim: #82828c;
  --brand: #7c3aed; --brand2: #db2777; --ok: #047857; --err: #dc2626; --warn: #b45309;
}

:where(:root[data-theme="light"]) a { color: #220495; }
:where(:root[data-theme="light"]) ::-webkit-scrollbar-thumb { background: #e3e3e3; }
:where(:root[data-theme="light"]) .btn { background: #f5f5f5; }
:where(:root[data-theme="light"]) .btn:hover { background: #ececec; border-color: #c4c4c4; }
:where(:root[data-theme="light"]) .btn.ghost:hover { background: #f0f0f0; }
:where(:root[data-theme="light"]) .btn.danger { color: #940505; border-color: rgba(146,7,7,.35); }
:where(:root[data-theme="light"]) .btn.on { background: #e3e3e3; border-color: #bdbdbd; }
:where(:root[data-theme="light"]) .ctl { border: 1px solid #dbdbdb; }
:where(:root[data-theme="light"]) .ctl:focus, :where(:root[data-theme="light"]) textarea.ctl:focus { border-color: #a7a7a7; }
:where(:root[data-theme="light"]) input[type="file"].ctl::file-selector-button:hover { border-color: #a7a7a7; }
:where(:root[data-theme="light"]) .seg { background: #f3f3f3; }
:where(:root[data-theme="light"]) .seg button.on { background: #dcdcdc; color: #18181b; }
:where(:root[data-theme="light"]) .switch { background: #dcdcdc; }
:where(:root[data-theme="light"]) .chip { background: #f4f4f4; }
:where(:root[data-theme="light"]) .chip:hover { border-color: #bdbdbd; }
:where(:root[data-theme="light"]) .chip.on { color: #18181b; }
:where(:root[data-theme="light"]) .badge.ok { border-color: rgba(22,131,88,.35); }
:where(:root[data-theme="light"]) .badge.brand { color: #220495; border-color: rgba(50,8,145,.45); }
:where(:root[data-theme="light"]) .spin { border: 2px solid #aeaeae; border-top-color: #220495; }
:where(:root[data-theme="light"]) .topbar { background: #ffffff; }
:where(:root[data-theme="light"]) .proj-name:hover { background: #f3f3f3; }
:where(:root[data-theme="light"]) .tab.on { color: #18181b; }
:where(:root[data-theme="light"]) .right { background: #fdfdfd; }
:where(:root[data-theme="light"]) .setup { background: #f8f8f8; }
:where(:root[data-theme="light"]) .opt-row { background: #fbfbfb; }
:where(:root[data-theme="light"]) .setup-summary { background: #f8f8f8; }
:where(:root[data-theme="light"]) .msg.user .bubble { background: #ebebeb; }
:where(:root[data-theme="light"]) .part-text code { background: #ececec; }
:where(:root[data-theme="light"]) .part-text pre { background: #ffffff; }
:where(:root[data-theme="light"]) .part-text blockquote { border-left: 3px solid #c4c4c4; }
:where(:root[data-theme="light"]) .part-think .tt { border-left: 2px solid #dbdbdb; }
:where(:root[data-theme="light"]) .part-tool { background: #f6f6f6; }
:where(:root[data-theme="light"]) .part-tool .ic { background: #ececec; color: #220495; }
:where(:root[data-theme="light"]) .part-error { color: #960303; border: 1px solid rgba(146,7,7,.3); }
:where(:root[data-theme="light"]) .typing i { background: #d0d0d0; }
:where(:root[data-theme="light"]) .composer { background: #f7f7f7; }
:where(:root[data-theme="light"]) .composer:focus-within { border-color: #bdbdbd; }
:where(:root[data-theme="light"]) .composer textarea::placeholder { color: #9e9e9e; }
:where(:root[data-theme="light"]) .send { background: #cccccc; color: #2c2c2c; }
:where(:root[data-theme="light"]) .att { background: #ececec; }
:where(:root[data-theme="light"]) .empty .ic { color: #b4b4b4; }
:where(:root[data-theme="light"]) .empty h4 { color: #3a3a3a; }
:where(:root[data-theme="light"]) .bible .log { color: #353535; }
:where(:root[data-theme="light"]) .ep:hover { border-color: #d2d2d2; }
:where(:root[data-theme="light"]) .ep.open .ep-body { border-top-color: rgba(50,8,145,.35); }
:where(:root[data-theme="light"]) .ep-num { background: #e9e9e9; color: #2c2c2c; }
:where(:root[data-theme="light"]) .hook { background: #f1f1f1; }
:where(:root[data-theme="light"]) .hook.cl { background: linear-gradient(135deg, rgba(236,72,153,.1), #f1f1f1); }
:where(:root[data-theme="light"]) .hook.op { background: linear-gradient(135deg, rgba(139,92,246,.12), #f1f1f1); }
:where(:root[data-theme="light"]) .hook.em { background: linear-gradient(135deg, rgba(251,146,60,.13), #f1f1f1); }
:where(:root[data-theme="light"]) .hook.em b { color: #974e02; }
:where(:root[data-theme="light"]) .scene-emo { color: #974e02; }
:where(:root[data-theme="light"]) .ep-sum { color: #3a3a3a; }
:where(:root[data-theme="light"]) .scene { border-top: 1px dashed #e0e0e0; }
:where(:root[data-theme="light"]) .scene p { color: #3a3a3a; }
:where(:root[data-theme="light"]) .script { background: #ffffff; color: #212121; }
:where(:root[data-theme="light"]) .script .sh { background: #f8f8f8; }
:where(:root[data-theme="light"]) .script .cue { color: #18181b; }
:where(:root[data-theme="light"]) .script .par { color: #616161; }
:where(:root[data-theme="light"]) .script .tr { color: #220495; }
:where(:root[data-theme="light"]) .script-notes { color: #3a3a3a; background: #fefefe; }
:where(:root[data-theme="light"]) .script hr { border-top: 1px dashed #dbdbdb; }
:where(:root[data-theme="light"]) .no-script { border: 1px dashed #d2d2d2; }
:where(:root[data-theme="light"]) .chain-ep .node { background: #f9f9f9; }
:where(:root[data-theme="light"]) .card:hover { border-color: #d2d2d2; }
:where(:root[data-theme="light"]) .card.variant { border-left: 3px solid rgba(50,8,145,.5); }
:where(:root[data-theme="light"]) .avatar { color: #18181b; text-shadow: 0 1px 4px rgba(0,0,0,0.14); }
:where(:root[data-theme="light"]) .card-top .meta span { background: #f0f0f0; }
:where(:root[data-theme="light"]) .variant-of b { color: #2a0693; }
:where(:root[data-theme="light"]) .card-acts { background: #fbfbfb; }
:where(:root[data-theme="light"]) .kv { color: #393939; }
:where(:root[data-theme="light"]) .prompt-box { background: #fefefe; border: 1px dashed #d8d8d8; color: #616161; }
:where(:root[data-theme="light"]) .modal { background: #f7f7f7; box-shadow: 0 24px 60px rgba(0,0,0,0.175); }
:where(:root[data-theme="light"]) .menu { background: #f3f3f3; box-shadow: 0 14px 40px rgba(0,0,0,0.175); }
:where(:root[data-theme="light"]) .menu button:hover { background: #e8e8e8; }
:where(:root[data-theme="light"]) .menu button.danger { color: #940505; }
:where(:root[data-theme="light"]) .menu button.sel { background: #ebebeb; }
:where(:root[data-theme="light"]) .toast { background: #ebebeb; border: 1px solid #cecece; box-shadow: 0 10px 30px rgba(0,0,0,0.14); }
:where(:root[data-theme="light"]) .toast.err { border-color: rgba(146,7,7,.5); color: #960303; }
:where(:root[data-theme="light"]) .board { background: #ffffff; }
:where(:root[data-theme="light"]) .progress { background: #ececec; }
:where(:root[data-theme="light"]) .board-col { background: #fefefe; }
:where(:root[data-theme="light"]) .bcard:hover { border-color: #c4c4c4; }
:where(:root[data-theme="light"]) .home-head { background: rgba(255,255,255,.9); }
:where(:root[data-theme="light"]) .pcard:hover { border-color: #c4c4c4; }
:where(:root[data-theme="light"]) .pnew { border: 1px dashed #c4c4c4; }
:where(:root[data-theme="light"]) .pnew:hover { color: #18181b; }
:where(:root[data-theme="light"]) .pnew .plus { background: #f2f2f2; }
:where(:root[data-theme="light"]) .doc-box { border: 1px solid rgba(50,8,145,.45); }
:where(:root[data-theme="light"]) .doc-box > summary { color: #220495; }
:where(:root[data-theme="light"]) .def-ic { background: #f0f0f0; color: #220495; }
:where(:root[data-theme="light"]) .conn-card.on { border-color: rgba(22,131,88,.35); }
:where(:root[data-theme="light"]) .conn-card .cg { color: #18181b; }
:where(:root[data-theme="light"]) .test.ok { border: 1px solid rgba(22,131,88,.3); }
:where(:root[data-theme="light"]) .test.bad { color: #960303; border: 1px solid rgba(146,7,7,.3); }
:where(:root[data-theme="light"]) .ref-thumb { background: #f0f0f0; }
:where(:root[data-theme="light"]) .mc-prev { background: #ffffff; }
:where(:root[data-theme="light"]) .mc-prev img, :where(:root[data-theme="light"]) .mc-prev video { background: #ffffff; }
:where(:root[data-theme="light"]) .mc-state.bad { color: #940505; }
:where(:root[data-theme="light"]) .mc-p { color: #4c4c4c; }
:where(:root[data-theme="light"]) .mu-err { color: #940505; }
:where(:root[data-theme="light"]) .card-cover { background: #ffffff; }
:where(:root[data-theme="light"]) .cover-busy { color: #2c2c2c; }
:where(:root[data-theme="light"]) .act-head { color: #220495; }
:where(:root[data-theme="light"]) .beat { border-left: 2px solid #d2d2d2; }
:where(:root[data-theme="light"]) .beat-line { color: #353535; }
:where(:root[data-theme="light"]) .shift.down { color: #920707; }
:where(:root[data-theme="light"]) .emo { background: #ececec; color: #242424; }
:where(:root[data-theme="light"]) .emo-1 { color: #036696; }
:where(:root[data-theme="light"]) .emo-2 { color: #974e02; }
:where(:root[data-theme="light"]) .emo-3 { color: #12873c; }
:where(:root[data-theme="light"]) .emo-4 { color: #034896; }
:where(:root[data-theme="light"]) .emo-5 { color: #940505; }
:where(:root[data-theme="light"]) .emo-6 { color: #977f02; }
:where(:root[data-theme="light"]) .emo-7 { color: #4a0297; }
:where(:root[data-theme="light"]) .ep-core { color: #353535; background: linear-gradient(135deg, rgba(251,146,60,.1), #f3f3f3); }
:where(:root[data-theme="light"]) .ep-idea { color: #353535; background: linear-gradient(135deg, rgba(139,92,246,.12), #f3f3f3); }
:where(:root[data-theme="light"]) .ep-idea b { color: #220495; }
:where(:root[data-theme="light"]) .ep-core b { color: #974e02; }
:where(:root[data-theme="light"]) .label-tag { color: #220495; }
:where(:root[data-theme="light"]) .label-tag.missing { background: #ececec; }
:where(:root[data-theme="light"]) .sbf-media { background: #ffffff; }
:where(:root[data-theme="light"]) .sbf-tools .btn { background: rgba(255,255,255,.8); color: #18181b; }
:where(:root[data-theme="light"]) .sbf-stale { border: 1px solid rgba(50,8,145,.3); }
:where(:root[data-theme="light"]) .sbe-img { background: #ffffff; }
:where(:root[data-theme="light"]) .sb-print-bar .btn.primary { background: #fdfdfd; color: #18181b; border-color: #fcfcfc; }
:where(:root[data-theme="light"]) .sb-print-bar .btn.primary:hover { background: #d5d5d5; }
:where(:root[data-theme="light"]) .sbp-frame { color: #818181; }
:where(:root[data-theme="light"]) .sb-print-page .talk { color: #b4b4b4; }
:where(:root[data-theme="light"]) .sb-print-page .talk.dlg-vi { color: #929292; }
:where(:root[data-theme="light"]) .sdc-media { background: #ffffff; }
:where(:root[data-theme="light"]) .sdc-media video { background: #ffffff; }
:where(:root[data-theme="light"]) .sdc-th { border: 1.5px solid rgba(0,0,0,0.675); background: #ececec no-repeat center / cover; color: #18181b; }
:where(:root[data-theme="light"]) .sdc-added { color: #220495; }
:where(:root[data-theme="light"]) .sdm-ref img, :where(:root[data-theme="light"]) .sdm-noimg { background: #f4f4f4; }
:where(:root[data-theme="light"]) .sdm-text { background: #fefefe; }
:where(:root[data-theme="light"]) .sd { background: #f9f9f9; }
:where(:root[data-theme="light"]) .sd-text { color: #3a3a3a; }
:where(:root[data-theme="light"]) .flow-drop { border: 1.5px dashed #bdbdbd; background: #fbfbfb; }
:where(:root[data-theme="light"]) .flow-drop:hover, :where(:root[data-theme="light"]) .flow-drop.over { background: #f6f6f6; }
:where(:root[data-theme="light"]) .scene-vid { background: #ffffff; }
:where(:root[data-theme="light"]) .ref-thumb.add { border: 1px dashed #bdbdbd; }
:where(:root[data-theme="light"]) .ref-thumb.add:hover { color: #18181b; }
:where(:root[data-theme="light"]) .dna-card:hover { border-color: #c4c4c4; }
:where(:root[data-theme="light"]) .dna-card.busy { border-color: rgba(50,8,145,.45); }
:where(:root[data-theme="light"]) .badge.bad { color: #940505; border-color: rgba(146,7,7,.4); }
:where(:root[data-theme="light"]) .dna-nav:hover { background: #f4f4f4; }
:where(:root[data-theme="light"]) .dna-nav.on { background: #ececec; color: #18181b; }
:where(:root[data-theme="light"]) .dna-busy { border: 1px solid rgba(50,8,145,.4); }
:where(:root[data-theme="light"]) .rule { background: #fbfbfb; }
:where(:root[data-theme="light"]) .ref-video { background: #fbfbfb; }
:where(:root[data-theme="light"]) .ref-body { color: #3a3a3a; }
:where(:root[data-theme="light"]) .link-bad { color: #940505; }
:where(:root[data-theme="light"]) .cc-cmd { background: #ffffff; }
:where(:root[data-theme="light"]) .audit-status.pass { border: 1px solid rgba(22,131,88,.3); }
:where(:root[data-theme="light"]) .audit-status.fail { border: 1px solid rgba(146,7,7,.3); }
:where(:root[data-theme="light"]) .audit-list.err li { color: #940505; }
:where(:root[data-theme="light"]) .audit-list.rev li { color: #333333; }
:where(:root[data-theme="light"]) .audit-tl td:first-child { color: #220495; }
:where(:root[data-theme="light"]) .pcard .pshared { color: #967903; }
:where(:root[data-theme="light"]) .signin-card { background: #fafafa; box-shadow: 0 20px 60px rgba(0,0,0,0.158); }
:where(:root[data-theme="light"]) .signin-err { color: #940505; }
:where(:root[data-theme="light"]) .signin-ok { color: #168358; }
:where(:root[data-theme="light"]) .user-av { color: #18181b; }
:where(:root[data-theme="light"]) table.users tr.u-grp td { background: rgba(0,0,0,0.027); }
:where(:root[data-theme="light"]) .spd-col:hover { background: rgba(0,0,0,0.045); }
:where(:root[data-theme="light"]) .spd-col i + i { border-bottom: 1px solid #f5f5f5; }
:where(:root[data-theme="light"]) table.spd-t tr.spd-link:hover td { background: rgba(0,0,0,0.036); }
:where(:root[data-theme="light"]) table.spd-lines th { background: #f7f7f7; }
:where(:root[data-theme="light"]) .fg-guide { background: #fefefe; color: #393939; }
:where(:root[data-theme="light"]) .fg-guide summary { color: #220495; }
:where(:root[data-theme="light"]) .fg-guide h5 { color: #18181b; }
:where(:root[data-theme="light"]) .fg-example { border-left: 3px solid rgba(50,8,145,.5); color: #4c4c4c; }
:where(:root[data-theme="light"]) .fg-example .fg-grp { color: #220495; }
:where(:root[data-theme="light"]) .fg-bhead b { color: #220495; }
:where(:root[data-theme="light"]) .fg-st.ok { color: #12873c; border-color: rgba(18,135,60,.35); }
:where(:root[data-theme="light"]) .fg-st.busy { color: #220495; border-color: rgba(50,8,145,.45); }
:where(:root[data-theme="light"]) .fg-block { background: #fcfcfc; }
:where(:root[data-theme="light"]) .fg-fb { border-top: 1px dashed #dbdbdb; }
:where(:root[data-theme="light"]) .world-chip { color: #220495; }
:where(:root[data-theme="light"]) .cc-token { border: 1px solid rgba(50,8,145,.45); }
:where(:root[data-theme="light"]) .cc-token.ok { border-color: rgba(22,131,88,.35); }
:where(:root[data-theme="light"]) .acard-empty { color: #7f7f7f; }
:where(:root[data-theme="light"]) .acard-err { color: #940505; }
:where(:root[data-theme="light"]) .acard-cover:has(.acard-empty) { background: #ffffff; }
:where(:root[data-theme="light"]) .look { background: #f9f9f9; }
:where(:root[data-theme="light"]) .look img, :where(:root[data-theme="light"]) .look .look-dot { background: #ececec; }
:where(:root[data-theme="light"]) .look.on { color: #18181b; background: #ebebeb; border-color: #bdbdbd; }
:where(:root[data-theme="light"]) .look:hover { color: #18181b; }
:where(:root[data-theme="light"]) .vthumb { background: #f4f4f4; }
:where(:root[data-theme="light"]) .acard-sec .txt { color: #353535; }
:where(:root[data-theme="light"]) .acard-sec .txt b { color: #242424; }
:where(:root[data-theme="light"]) .ptag { background: #f0f0f0; color: #353535; }
:where(:root[data-theme="light"]) .pick { background: #fbfbfb; }
:where(:root[data-theme="light"]) .pick img { background: #f4f4f4; }
:where(:root[data-theme="light"]) .dna-note { background: #fbfbfb; }
:where(:root[data-theme="light"]) .pgbar { background: #ffffff; }
:where(:root[data-theme="light"]) .pg-step:hover { background: #f4f4f4; }
:where(:root[data-theme="light"]) .pg-n { background: #ececec; }
:where(:root[data-theme="light"]) .pg-step.done { color: #128751; }
:where(:root[data-theme="light"]) .pg-step.done .pg-n { color: #168358; }
:where(:root[data-theme="light"]) .pg-step.on { color: #18181b; border-color: rgba(50,8,145,.6); }
:where(:root[data-theme="light"]) .pg-step.view { color: #18181b; box-shadow: inset 0 -2px 0 #18181b; }
:where(:root[data-theme="light"]) .start { border: 1px solid rgba(50,8,145,.45); }
:where(:root[data-theme="light"]) .start-step { background: #fbfbfb; }
:where(:root[data-theme="light"]) .start-step.done .start-n { color: #168358; }
:where(:root[data-theme="light"]) .start-ok { color: #168358; }
:where(:root[data-theme="light"]) .len-opt:hover { border-color: #c4c4c4; }
:where(:root[data-theme="light"]) .costtag-claude { color: #893710; }
:where(:root[data-theme="light"]) .btn.brand .costtag, :where(:root[data-theme="light"]) .btn.primary .costtag { color: #18181b; }
:where(:root[data-theme="light"]) .part-text h5.md-next { color: #220495; }
:where(:root[data-theme="light"]) .part-text details.md-more { background: #fcfcfc; }
:where(:root[data-theme="light"]) .need { background: #fbfbfb; }
:where(:root[data-theme="light"]) .need-th { background: #f2f2f2; }
:where(:root[data-theme="light"]) .sblk-tools { background: #f3f3f3; box-shadow: 0 6px 18px rgba(0,0,0,0.158); }
:where(:root[data-theme="light"]) .sblk-editor { border: 1px solid rgba(50,8,145,.55); background: #fbfbfb; }
:where(:root[data-theme="light"]) .beat-editor { border: 1px solid rgba(50,8,145,.55); background: #fbfbfb; }
:where(:root[data-theme="light"]) .wsec-h { color: #220495; }
:where(:root[data-theme="light"]) .witem { color: #353535; }
:where(:root[data-theme="light"]) .wlist .witem::before { background: #c1c1c1; }
:where(:root[data-theme="light"]) .fg-traits { border: 1px solid rgba(50,8,145,.4); }
:where(:root[data-theme="light"]) .tr { background: #fbfbfb; }
:where(:root[data-theme="light"]) .badge.tr-must { color: #1d0495; }
:where(:root[data-theme="light"]) .tr-rule { color: #353535; }
:where(:root[data-theme="light"]) .tr-form { border-color: rgba(50,8,145,.55); }
:where(:root[data-theme="light"]) .dna-win { background: #fbfbfb; box-shadow: 0 24px 60px rgba(0,0,0,0.193); }
:where(:root[data-theme="light"]) .dna-tab.on { color: #18181b; }
:where(:root[data-theme="light"]) .dna-subtabs { background: #fefefe; }
:where(:root[data-theme="light"]) .dna-sub { background: #f3f3f3; }
:where(:root[data-theme="light"]) .dna-sub:hover { border-color: #c4c4c4; }
:where(:root[data-theme="light"]) .dna-sub.on { border-color: rgba(50,8,145,.6); color: #18181b; }
:where(:root[data-theme="light"]) .dna-make { background: #fbfbfb; }
:where(:root[data-theme="light"]) .vk-thumb { background: #fbfbfb; }
:where(:root[data-theme="light"]) .vk-vi > div { background: #f7f7f7; }
:where(:root[data-theme="light"]) .vk-note pre { background: var(--bg2, rgba(193,193,193,.08)); }
:where(:root[data-theme="light"]) .tap-tip { background: #ebebeb; box-shadow: 0 10px 30px rgba(0,0,0,0.158); }
@media (hover: none) { :where(:root[data-theme="light"]) .script.editable .sblk:not(.on)::after, :where(:root[data-theme="light"]) .beat:not(.on)::after, :where(:root[data-theme="light"]) .acard-sec[data-field]:not(.on)::after, :where(:root[data-theme="light"]) .prompt-box[data-field]:not(.on)::after, :where(:root[data-theme="light"]) .witem:not(.on)::after { background: rgba(193,193,193,.1); } }
@media (pointer: coarse) { :where(:root[data-theme="light"]) .resizer::before { background: #dcdcdc; } }
/* ---- hand-tuned (light-extra.css) ---- */
/* Hand-tuned light-theme rules, appended to light.css by tools/make_light_css.py. */
:where(:root[data-theme="light"]) a { color: var(--brand); }
/* the dark theme's light "primary" buttons become dark ones */
:where(:root[data-theme="light"]) .btn.primary { background: #18181b; color: #fff; border-color: #18181b; }
:where(:root[data-theme="light"]) .btn.primary:hover { background: #3f3f46; border-color: #3f3f46; }
:where(:root[data-theme="light"]) .btn-lg { background: #18181b; color: #fff; }
:where(:root[data-theme="light"]) .btn-lg:hover { background: #3f3f46; }
:where(:root[data-theme="light"]) .send.ready, :where(:root[data-theme="light"]) .send.stop { background: #18181b; color: #fff; }
:where(:root[data-theme="light"]) .modal-back { background: rgba(24,24,27,.35); }
/* Under the mouse a variant keeps its own colour. The generated .btn:hover / .chip:hover / .pg-step:hover come after
   app.css with the same weight, so without these they covered it (the purple button went light grey, its white text
   unreadable). Found with an audit of every generated :hover against the variants of its base. */
:where(:root[data-theme="light"]) .btn.brand:hover { background: linear-gradient(135deg, var(--brand), #7c3aed); border-color: transparent; }
:where(:root[data-theme="light"]) .btn.ghost:hover { border-color: transparent; }
:where(:root[data-theme="light"]) .chip.on:hover { border-color: var(--brand); }
:where(:root[data-theme="light"]) .pg-step.on:hover { background: rgba(139,92,246,.12); }
/* the storyboard print sheet is white paper in both themes: its grey dialogue lines stay dark grey */
:where(:root[data-theme="light"]) .sb-print-page .talk { color: #555; }
:where(:root[data-theme="light"]) .sb-print-page .talk.dlg-vi { color: #777; }
:where(:root[data-theme="light"]) .sb-print-bar .btn.primary { background: #18181b; color: #fff; border-color: #18181b; }
:where(:root[data-theme="light"]) .sb-print-bar .btn.primary:hover { background: #3f3f46; }
:where(:root[data-theme="light"]) .sbf-warn { color: #92400e; background: rgba(245,158,11,.1); border-color: rgba(217,119,6,.35); }
/* a storyboard frame keeps a visible edge on white, so a frame that came back in another shape shows as such */
:where(:root[data-theme="light"]) .sbf-media, :where(:root[data-theme="light"]) .sbe-img { background: #ececec; }