/* Color mode is independent of the demo's art direction and brand accent. */
html[data-color-mode] {
  --mode-paper:#faf9f5; --mode-raised:#ffffff; --mode-panel:#eeeee7;
  --mode-ink:#20332e; --mode-muted:#56645e; --mode-line:#c5cec7;
  --mode-link:#37594b; --mode-action:#294d3b; --mode-on-action:#ffffff;
  --mode-inverse:#263c32; --mode-on-inverse:#f8f6ef; --mode-gold:#785f32;
  background:var(--mode-paper);
}
html[data-color-mode=light][data-style=classic] {--mode-paper:#fffdf6;--mode-panel:#f0f0e8;--mode-ink:#263e4b;--mode-link:#304f61}
html[data-color-mode=light][data-style=bold] {--mode-paper:#faf9f3;--mode-panel:#e9ecec;--mode-ink:#17272e;--mode-action:#17272e}
html[data-color-mode=light][data-style=premium] {--mode-paper:#f7f3e9;--mode-raised:#fffdf7;--mode-panel:#eae5d9;--mode-ink:#2b382f;--mode-muted:#626553;--mode-line:#c9c2af;--mode-link:#765f33;--mode-action:#34483b}
html[data-color-mode=light][data-style=friendly] {--mode-paper:#fff8ec;--mode-panel:#edf0e9;--mode-ink:#2a3b35}
html[data-color-mode=dark] {
  --mode-paper:#141c20; --mode-raised:#212e33; --mode-panel:#1a272d;
  --mode-ink:#f0f4f1; --mode-muted:#b8c8c7; --mode-line:#465b62;
  --mode-link:#a9dacf; --mode-action:#b6ddd1; --mode-on-action:#122d26;
  --mode-inverse:#0e171b; --mode-on-inverse:#f0f4f1; --mode-gold:#dbc397;
}
html[data-color-mode=dark][data-theme=clean] {--mode-paper:#151d30;--mode-panel:#1c2940;--mode-raised:#24324b;--mode-ink:#f2f4fe;--mode-muted:#bbc8e2;--mode-line:#485c7c;--mode-link:#b3c8ff;--mode-action:#b6caff;--mode-on-action:#15264b}
html[data-color-mode=dark][data-theme=yard] {--mode-paper:#15211b;--mode-panel:#203027;--mode-raised:#293b30;--mode-line:#496354;--mode-link:#c3deab;--mode-action:#c3deab;--mode-on-action:#182c1c}
html[data-color-mode=dark][data-style=classic] {--mode-paper:#172630;--mode-panel:#203440;--mode-raised:#293e49;--mode-line:#526977;--mode-ink:#f3f0e7;--mode-muted:#c0cccf;--mode-link:#d8caac;--mode-action:#d8caac;--mode-on-action:#24333c}
html[data-color-mode=dark][data-style=bold] {--mode-paper:#14191c;--mode-panel:#212a30;--mode-raised:#2a353b;--mode-line:#65747c;--mode-ink:#f6f6ef;--mode-muted:#c2cdd1;--mode-link:#ffe080;--mode-action:#ffe080;--mode-on-action:#182126}
html[data-color-mode=dark][data-style=premium] {--mode-paper:#17211d;--mode-panel:#202e27;--mode-raised:#29382f;--mode-line:#59695a;--mode-ink:#f3efe3;--mode-muted:#c5cebf;--mode-link:#e0c58c;--mode-action:#e0c58c;--mode-on-action:#17211d}
html[data-color-mode=dark][data-style=friendly] {--mode-paper:#26222e;--mode-panel:#322d3e;--mode-raised:#40384c;--mode-line:#6b617d;--mode-ink:#faf3e8;--mode-muted:#d2c6dd;--mode-link:#dfc3fa;--mode-action:#ecd298;--mode-on-action:#332734;--mode-gold:#ecd298}

/* A compact, labelled control, with neutral presenter colors in either mode. */
.color-mode-switch {display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--mode-line);border-radius:7px;flex-shrink:0;width:max-content;max-width:100%;line-height:1.3}
.color-mode-switch button {display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 10px;border:0;border-radius:4px;background:transparent;color:var(--mode-muted);font:600 13px/1.3 DM,StudioDM,Arial,sans-serif;cursor:pointer;white-space:nowrap}
.color-mode-switch button[aria-pressed=true] {background:var(--mode-ink);color:var(--mode-paper)}
.color-mode-switch svg {width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.color-mode-switch button:focus-visible {outline:2px solid var(--mode-link);outline-offset:3px}
:is(.demo-bar,.demo-toolbar,.collection-editor-bar) .color-mode-switch {border-color:#71838a}
:is(.demo-bar,.demo-toolbar,.collection-editor-bar) .color-mode-switch button {border:0;padding:7px 9px;color:#d7e1e3;font-size:12px}
:is(.demo-bar,.demo-toolbar,.collection-editor-bar) .color-mode-switch button[aria-pressed=true] {background:#fff;color:#182c32}
:is(.demo-bar,.demo-toolbar,.collection-editor-bar) .color-mode-switch button:focus-visible {outline-color:#fff}
html[data-color-mode=light] {--bar-bg:#fff;--bar-text:#111;--bar-muted:#454545;--bar-field:#fff;--bar-line:#888;--bar-active:#000;--bar-on-active:#fff}
html[data-color-mode=dark] {--bar-bg:#000;--bar-text:#fff;--bar-muted:#d4d4d4;--bar-field:#141414;--bar-line:#707070;--bar-active:#fff;--bar-on-active:#000}
html[data-color-mode] :is(.demo-bar,.demo-toolbar,.collection-editor-bar) {background:var(--bar-bg);color:var(--bar-text);border-color:var(--bar-line)}
html[data-color-mode] :is(.demo-bar,.demo-toolbar,.collection-editor-bar) :is(.style-picker,.style-control,.collection-home,.studio-trigger,.owner-link) {color:var(--bar-text)}
html[data-color-mode] .demo-bar>span {color:var(--bar-muted)}
html[data-color-mode] :is(.demo-bar,.demo-toolbar,.collection-editor-bar) select {background:var(--bar-field);color:var(--bar-text);border-color:var(--bar-line)}
html[data-color-mode] :is(.demo-bar,.demo-toolbar,.collection-editor-bar) :is(.color-mode-switch,.preview-switch,.demo-switch) {background:var(--bar-bg);border-color:var(--bar-line)}
html[data-color-mode] :is(.demo-bar,.demo-toolbar,.collection-editor-bar) :is(.color-mode-switch,.preview-switch,.demo-switch) button {background:transparent;color:var(--bar-muted)}
html[data-color-mode] :is(.demo-bar,.demo-toolbar,.collection-editor-bar) :is(.color-mode-switch,.preview-switch,.demo-switch) button[aria-pressed=true] {background:var(--bar-active);color:var(--bar-on-active)}
html[data-color-mode] :is(.demo-bar,.demo-toolbar,.collection-editor-bar) :is(a,button,select):focus-visible {outline-color:var(--bar-text)}
/* The presenter controls stay within reach without covering the website. */
html.has-bottom-demo-bar {--demo-bar-space:var(--demo-bar-height,0px);scroll-padding-bottom:calc(var(--demo-bar-space) + 20px)}
html.has-bottom-demo-bar>body {padding-bottom:var(--demo-bar-space)}
html.has-bottom-demo-bar :is(.demo-bar,.demo-toolbar,.collection-editor-bar) {position:fixed;top:auto;bottom:0;left:0;right:0;z-index:60;border-top:1px solid var(--bar-line);border-bottom:0;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));max-height:50dvh;overflow-y:auto;overscroll-behavior:contain}
html.has-bottom-demo-bar .category-dock {top:0}
html.has-bottom-demo-bar[data-presentation=true] {--demo-bar-space:0px}
@media(max-width:800px) {
  html.has-bottom-demo-bar .mobile-contact {bottom:var(--demo-bar-space);padding-bottom:10px}
}
@media(max-width:760px) {
  html.has-bottom-demo-bar .ordering-bar {bottom:var(--demo-bar-space);padding-bottom:13px}
}
.demo-controls {gap:16px}
.demo-toolbar .demo-switch {margin-left:auto}
@media(min-width:761px) and (max-width:1400px) {
  .demo-toolbar>.collection-home {display:none}
  .collection-pickers .demo-picker select {width:180px}
  .demo-toolbar {column-gap:12px}
  .collection-pickers {gap:12px}
}
@media(max-width:760px) {
  .demo-controls {width:100%}
  .demo-controls>.color-mode-switch {grid-column:1/-1;justify-self:end}
  .collection-pickers>.color-mode-switch {grid-column:1/-1;justify-self:end}
  .color-mode-switch button {min-height:40px}
  .demo-toolbar .collection-pickers {display:contents}
  .demo-toolbar .collection-pickers>.style-picker {order:1;flex:1 1 calc(50% - 12px);min-width:0}
  .demo-toolbar .collection-pickers>.color-mode-switch {order:0;margin-left:auto}
  .demo-toolbar :is(.owner-link,.studio-trigger,.demo-switch) {order:2}
}

/* Shared service palettes. The Modern light business palettes remain intact. */
html[data-color-mode=dark][data-style][data-theme],html[data-color-mode=light][data-style=premium][data-theme] {
  --paper:var(--mode-paper);--panel:var(--mode-panel);--ink:var(--mode-ink);--muted:var(--mode-muted);--line:var(--mode-line);
}
html[data-color-mode][data-style][data-theme] .service-planner {background:var(--panel);color:var(--ink)}
html[data-color-mode][data-style][data-theme] .planner-form {background:var(--paper);color:var(--ink);border-color:var(--line)}
html[data-color-mode=dark][data-style][data-theme] :is(.service-card,.hero-image) {background:var(--panel);border-color:var(--line)}
html[data-color-mode=dark][data-style][data-theme] .approach {background:var(--mode-panel);color:var(--mode-ink);border-color:var(--mode-line)}
html[data-color-mode=dark][data-style][data-theme] .approach :is(p,li,li span) {color:var(--mode-ink);border-color:var(--mode-line)}
html[data-color-mode=dark][data-style=bold][data-theme] .hero {background:var(--mode-inverse);color:var(--mode-on-inverse)}
html[data-color-mode=dark][data-style=bold][data-theme] .hero :is(h1,.eyebrow) {color:var(--mode-on-inverse)}
html[data-color-mode=dark][data-style=classic][data-theme] .hero-image {background:var(--mode-panel)}
html[data-color-mode][data-style=premium][data-theme] :is(.hero .eyebrow,.brand-mark,.promise-strip i,.service-number,.step-number) {color:var(--mode-gold);border-color:var(--mode-gold)}
html[data-color-mode=light][data-style=premium][data-theme] .hero-image figcaption {background:#f7f3e9ee;color:var(--ink);border-color:var(--line)}
html[data-color-mode=dark][data-style=friendly][data-theme] .request-form {background:var(--paper)}
html[data-color-mode=dark][data-style=friendly][data-theme] .request {background:var(--mode-panel)}
html[data-color-mode=dark][data-style=friendly][data-theme] .service-card {background:var(--mode-raised)}
html[data-color-mode=dark][data-theme] .step-number {color:var(--mode-link)}
html[data-color-mode=dark][data-style=friendly][data-theme] .step-number {background:#fbe593;color:#23323b}
html[data-color-mode=dark][data-theme] :is(input,select,textarea) {color-scheme:dark}
html[data-color-mode=dark][data-theme] .planner-check input {accent-color:var(--mode-action)}
html[data-color-mode=dark][data-theme] .mobile-contact {background:var(--mode-paper)}

/* Restaurant overrides pair foregrounds with surfaces, including Premium Light. */
:is(html[data-color-mode=dark],html[data-color-mode=light][data-style=premium])[data-restaurant] #restaurant-site {
  --paper:var(--mode-paper);--ink:var(--mode-ink);--red:var(--mode-link);--cobalt:var(--mode-inverse);
  background:var(--mode-paper);color:var(--mode-ink);
}
:is(html[data-color-mode=dark],html[data-color-mode=light][data-style=premium])[data-restaurant] #restaurant-site :is(.welcome,.welcome-copy,.site-header,.signature-card,.site-footer) {background:var(--mode-paper);color:var(--mode-ink);border-color:var(--mode-line)}
:is(html[data-color-mode=dark],html[data-color-mode=light][data-style=premium])[data-restaurant] #restaurant-site :is(h1,h1 em,h2,.brand,.dish-name,.flip-name-row,.flip-details) {color:var(--mode-ink)}
:is(html[data-color-mode=dark],html[data-color-mode=light][data-style=premium])[data-restaurant] #restaurant-site :is(#introduction,.section-intro>p,.menu-heading>p,.menu-intro p,.dish-description,.spice,.ingredient-note,.art-note,.footer-inner>p,.dialog-description,.flip-description,.flip-serving,.dialog-serving,.dialog-note,.celebration-card p,#ordering-introduction,.provider-copy>span,.ordering-footnote,.ordering-steps p) {color:var(--mode-muted)}
:is(html[data-color-mode=dark],html[data-color-mode=light][data-style=premium])[data-restaurant] #restaurant-site :is(.menu-experience,.category-dock,.view-switch,.ordering-bar) {background:var(--mode-panel);color:var(--mode-ink);border-color:var(--mode-line)}
:is(html[data-color-mode=dark],html[data-color-mode=light][data-style=premium])[data-restaurant] #restaurant-site :is(.category-link,.view-switch button,.ordering-bar strong,.meal-compact) {color:var(--mode-ink)}
:is(html[data-color-mode=dark],html[data-color-mode=light][data-style=premium])[data-restaurant] #restaurant-site .category-link[aria-current] {color:var(--mode-link);border-color:var(--mode-link)}
:is(html[data-color-mode=dark],html[data-color-mode=light][data-style=premium])[data-restaurant] #restaurant-site :is(.category-link:hover,.provider-option:hover) {background:var(--mode-raised)}
:is(html[data-color-mode=dark],html[data-color-mode=light][data-style=premium])[data-restaurant] #restaurant-site :is(.button-red,.hero-actions .button,.view-switch button[aria-pressed=true],.meal-summary,.meal-add-current,.dish-meal-add,.meal-checkout,.dialog-again) {background:var(--mode-action);color:var(--mode-on-action);border-color:var(--mode-action)}
:is(html[data-color-mode=dark],html[data-color-mode=light][data-style=premium])[data-restaurant] #restaurant-site .hero-actions .text-link {color:var(--mode-link)}
:is(html[data-color-mode=dark],html[data-color-mode=light][data-style=premium])[data-restaurant] #restaurant-site :is(.button-red:hover,.hero-actions .button:hover,.meal-checkout:hover) {background:var(--mode-action);color:var(--mode-on-action);filter:brightness(.95)}
:is(html[data-color-mode=dark],html[data-color-mode=light][data-style=premium])[data-restaurant] #restaurant-site :is(.section-heading,.celebration-card) {background:var(--mode-raised);color:var(--mode-ink);border-color:var(--mode-line)}
:is(html[data-color-mode=dark],html[data-color-mode=light][data-style=premium])[data-restaurant] #restaurant-site .section-heading :is(h2,.section-description,.section-kicker) {color:var(--mode-ink)}
:is(html[data-color-mode=dark],html[data-color-mode=light][data-style=premium])[data-restaurant] #restaurant-site :is(.section-spark,.section-number) {color:var(--mode-link)}
:is(html[data-color-mode=dark],html[data-color-mode=light][data-style=premium])[data-restaurant] #restaurant-site :is(.dish-card,.menu-section,.signature-photo,.flip-card-footer,.menu-tools,.dialog-serving) {border-color:var(--mode-line)}
:is(html[data-color-mode=dark],html[data-color-mode=light][data-style=premium])[data-restaurant] #restaurant-site .flip-browser {background:color-mix(in srgb,var(--card-color) 12%,var(--mode-panel));color:var(--mode-ink)}
:is(html[data-color-mode=dark],html[data-color-mode=light][data-style=premium])[data-restaurant] #restaurant-site :is(.flip-context,.flip-controls) {color:var(--mode-ink)}
:is(html[data-color-mode=dark],html[data-color-mode=light][data-style=premium])[data-restaurant] #restaurant-site :is(.flip-card,.peek-card,.flip-controls>button,dialog,.dialog-close,.provider-option,.menu-search input) {background:var(--mode-raised);color:var(--mode-ink);border-color:var(--mode-line)}
:is(html[data-color-mode=dark],html[data-color-mode=light][data-style=premium])[data-restaurant] #restaurant-site :is(.ingredients li,.ordering-demo-note,.ordering-steps) {background:var(--mode-panel);color:var(--mode-ink)}
:is(html[data-color-mode=dark],html[data-color-mode=light][data-style=premium])[data-restaurant] #restaurant-site :is(.story,.visit) {background:var(--mode-inverse);color:var(--mode-on-inverse);border-color:var(--mode-line)}
:is(html[data-color-mode=dark],html[data-color-mode=light][data-style=premium])[data-restaurant] #restaurant-site :is(.story h2,.visit h2,.story-copy p,.visit p) {color:var(--mode-on-inverse)}
:is(html[data-color-mode=dark],html[data-color-mode=light][data-style=premium])[data-restaurant] #restaurant-site .button-cream {background:#eee3ca;color:#24352b}
:is(html[data-color-mode=dark],html[data-color-mode=light][data-style=premium])[data-restaurant] #restaurant-site #ordering-bar-note {color:var(--mode-muted)}
html[data-color-mode=light][data-style=premium][data-restaurant] #restaurant-site .fiesta-stripe {background:var(--mode-paper);color:var(--mode-gold);border-color:var(--mode-line)}
html[data-color-mode=light][data-style=premium][data-restaurant] #restaurant-site .fiesta-stripe b {color:var(--mode-gold)}
html[data-color-mode=dark][data-style=classic][data-restaurant] #restaurant-site .fiesta-stripe {background:var(--mode-raised);color:var(--mode-ink)}
html[data-color-mode=dark][data-style=friendly][data-restaurant] #restaurant-site .fiesta-stripe {background:#d9ebd4;color:#29382e}
html[data-color-mode=dark][data-style=friendly][data-restaurant] #restaurant-site .brand-mark {color:#29382e}
html[data-color-mode=dark][data-style=friendly][data-restaurant] #restaurant-site .restaurant-gallery-grid img {border-color:var(--mode-raised)}
/* Keep the white copy over Modern BBQ's photographic hero. */
html[data-color-mode=dark][data-style=modern][data-restaurant=bbq] #restaurant-site .welcome {background:#101b15}
html[data-color-mode=dark][data-style=modern][data-restaurant=bbq] #restaurant-site .welcome-copy {background:transparent}
html[data-color-mode=dark][data-style=modern][data-restaurant=bbq] #restaurant-site .welcome :is(h1,h1 em,#introduction,.eyebrow) {color:#fff5e8}
html[data-color-mode=dark][data-restaurant=bbq] #restaurant-site .hero-seal {color:#24352b}
html[data-color-mode=dark][data-restaurant=seafood] #restaurant-site .hero-seal {background:#2b5660;outline-color:#2b5660}

/* Working dialogs and editor chrome use the same readable mode palette. */
html[data-color-mode] .studio-dialog {--paper:var(--mode-paper);--ink:var(--mode-ink);--muted:var(--mode-muted);--line:var(--mode-line);background:var(--mode-paper);color:var(--mode-ink);border-color:var(--mode-line)}
html[data-color-mode] .studio-dialog :is(input,select,textarea,.studio-close) {background:var(--mode-raised);color:var(--mode-ink);border-color:var(--mode-line)}
html[data-color-mode] .studio-dialog :is(small,.style-swatch>small) {color:var(--mode-muted)}
html[data-color-mode] .studio-dialog :is(.studio-shortcuts button,.studio-shortcuts a:not(.studio-primary),.saved-preview,.studio-auth,.upload-tile button) {color:var(--mode-link);border-color:var(--mode-line)}
html[data-color-mode] .studio-saved {background:var(--mode-panel)}
html[data-color-mode] .style-swatch[aria-pressed=true] {border-color:var(--mode-link);background:var(--mode-panel)}
html[data-color-mode] .studio-primary {background:var(--mode-action);color:var(--mode-on-action)!important}
html[data-color-mode] .exit-presentation {background:var(--mode-raised);color:var(--mode-ink)}
html[data-color-mode=dark] .studio-dialog .style-mini {background:var(--mode-panel);color:var(--mode-ink);border-color:var(--mode-line)}
html[data-color-mode=dark] .studio-dialog .mini-bold {background:#ffe080;color:#182126}
html[data-color-mode=dark] .studio-dialog .mini-premium {background:#17211d;color:#e0c58c}
html[data-color-mode=dark] .studio-dialog .mini-friendly {background:#40384c;color:#ecd298}
html[data-color-mode=light] .studio-dialog .mini-premium {background:#f7f3e9;color:#34483b}
html[data-color-mode=dark] :is(.gallery-viewer,.gallery-viewer button) {background:var(--mode-raised);color:var(--mode-ink)}
html[data-color-mode=dark] #restaurant-site .meal-dialog :is(.meal-line>div>span,.meal-footer p,.meal-footer small,.empty-meal p) {color:var(--mode-muted)}
html[data-color-mode=dark] #restaurant-site .meal-dialog :is(select,.meal-quantity button,.meal-dialog-head>button) {background:var(--mode-panel);color:var(--mode-ink);border-color:var(--mode-line)}
html[data-color-mode=dark] #restaurant-site .meal-dialog :is(.meal-line,.meal-footer) {border-color:var(--mode-line)}
html[data-color-mode=dark] #restaurant-site .empty-meal button {color:var(--mode-link)}
html[data-color-mode=dark] :is(.studio-dialog,#restaurant-site) :is(input,textarea)::placeholder {color:var(--mode-muted);opacity:1}
html[data-color-mode=dark] :is(.studio-dialog,#restaurant-site) :is(button,a,input,select,textarea):focus-visible {outline-color:var(--mode-link)}
html[data-color-mode=dark] :is(.phone-preview,.service-phone-preview) {background:radial-gradient(ellipse at 50% 40%,#30414a,#111c22)}
html[data-color-mode=dark] :is(.preview-caption,.phone-caption) {color:#c2d0d4}
html[data-color-mode=dark] :is(.phone-shell,.service-phone-shell) {border-color:#71828d;box-shadow:0 25px 60px #0007}
html[data-color-mode] body[data-preview-mode=phone] {background:var(--mode-paper)}
html[data-color-mode=dark] #menu-startup {background:var(--mode-paper);color:var(--mode-ink)}
html[data-color-mode=dark] #menu-startup button {background:var(--mode-raised);color:var(--mode-ink)}

/* Collection, comparison and the restaurant editor. */
html[data-color-mode=dark] body {background:var(--mode-paper);color:var(--mode-ink)}
html[data-color-mode] .compare-head {background:var(--mode-paper);color:var(--mode-ink);border-color:var(--mode-line)}
html[data-color-mode] :is(.compare-head p,.compare-hint) {color:var(--mode-muted)}
html[data-color-mode] .compare-controls select {background:var(--mode-raised);color:var(--mode-ink);border-color:var(--mode-line)}
html[data-color-mode=dark] :is(.demo .content,.note,.owner-header,.category-group,.dish-row,.sort-ghost) {background:var(--mode-panel);color:var(--mode-ink);border-color:var(--mode-line)}
html[data-color-mode=dark] :is(.intro p,.content p,.note p,.note small,.row-copy p,.page-heading p,.sort-tip,.demo-notice p,.empty-category) {color:var(--mode-muted)}
html[data-color-mode=dark] :is(.demo .open,.demo,.note,.owner-header,.dish-row) {border-color:var(--mode-line)}
html[data-color-mode=dark] .demo .picture>span {background:#f7f8f4;color:#17282c}
html[data-color-mode=dark] :is(.owner-wrap .secondary,.owner-wrap .edit-button,.owner-wrap input,.owner-wrap select,.owner-wrap textarea,.owner-wrap .group-add) {background:var(--mode-raised);color:var(--mode-ink);border-color:var(--mode-line)}
html[data-color-mode=dark] .owner-wrap .group-header {background:var(--mode-panel)}
html[data-color-mode=dark] :is(.demo-notice,#category-nav a:hover,#category-nav span) {background:var(--mode-raised);color:var(--mode-ink)}
html[data-color-mode=dark] :is(.owner-wrap .text-button,.demo-notice strong,.save-line p) {color:var(--mode-link)}
html[data-color-mode=dark] .owner-style {color:var(--mode-ink)}
html[data-color-mode=dark] .owner-style select {background:var(--mode-panel);color:var(--mode-ink)}
html[data-color-mode=dark] body:has(.owner-wrap) :is(dialog,.dialog-actions) {background:var(--mode-panel);color:var(--mode-ink);border-color:var(--mode-line)}
html[data-color-mode=dark] body:has(.owner-wrap) dialog :is(input,select,textarea,.secondary,.icon-button) {background:var(--mode-raised);color:var(--mode-ink);border-color:var(--mode-line)}
html[data-color-mode=dark] body:has(.owner-wrap) :is(.form-hint,.field-grid label>span,.photo-field p) {color:var(--mode-muted)}
body>header:has(>.color-mode-switch) {gap:20px;flex-wrap:wrap}