/* Warm paper surfaces, with olive ink accents. Media pixels are never recolored. */
html[data-theme="cream"]{
  color-scheme:light;--bg:#f5f0e5;--panel:#fffcf5;--surface:#faf5ea;--surface-2:#eee7d8;--surface-hover:#eae3d3;--input-bg:#fffdf7;
  --line:#d9d0bc;--text:#34372c;--muted:#6d715f;--accent:#526442;--accent-dim:#e4e9d8;--accent-hover:#435535;--on-accent:#fffdf5;--ink:#fffdf5;
  --error:#ad4436;--danger:#ad4436;--error-bg:#fae7df;--warning:#93621e;--shadow:0 18px 60px #7062481a;
}
html[data-theme="cream"] body{background:var(--bg);color:var(--text)}
html[data-theme="cream"] :is(input,textarea,select){color-scheme:light;background:var(--input-bg);color:var(--text);border-color:var(--line)}
html[data-theme="cream"] :is(button,a,summary){outline-color:var(--accent)}
html[data-theme="cream"] :is(.app-header,.studio-topbar,.chat-site-header){background:var(--bg);border-color:var(--line);color:var(--text)}
html[data-theme="cream"] :is(.studio-sidebar,.card,.metric-card,.gpu-card,.job-card,.advanced-grid>a,.mc-chat,dialog){background:var(--panel);border-color:var(--line);color:var(--text)}
html[data-theme="cream"] :is(.chat-site-header a,.server-address,.mc-role,.service-list .online){color:var(--accent)}
html[data-theme="cream"] :is(.chat-site-header>span,.muted,.footnote,.mc-compose-actions small,.mc-model-note){color:var(--muted)}
html[data-theme="cream"] :is(.model-chat-root select option,.mc-sidebar option){background:var(--input-bg);color:var(--text)}
html[data-theme="cream"] .mc-sidebar option:checked{background:var(--accent-dim);color:var(--text)}
html[data-theme="cream"] .mc-message.mc-user{background:var(--accent-dim)}
html[data-theme="cream"] .model-chat-root .mc-send{color:var(--on-accent)!important}
html[data-theme="cream"] .model-chat-root :is(.mc-error,.mc-stop){color:var(--error)!important}
html[data-theme="cream"] :is(.mc-send,.primary,.brand-mark,.studio-brand-mark){background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
html[data-theme="cream"] .bottom-nav{background:#f9f5ecf5;border-color:var(--line)}
html[data-theme="cream"] .bottom-nav button{color:var(--muted)}
html[data-theme="cream"] .bottom-nav button[aria-current=page]{color:var(--accent);background:var(--accent-dim)}
html[data-theme="cream"] :is(.upload-section,.setting-row,.advanced-options,.dialog-heading,.asset-card,.timing){border-color:var(--line)}
html[data-theme="cream"] .login-screen{background:radial-gradient(ellipse at 75% 10%,#e6e7d3 0%,var(--bg) 65%)}
html[data-theme="cream"] .switch-track{background:var(--surface-2);border-color:#a4ac94}
html[data-theme="cream"] .switch-track::after{background:#7e886c}
html[data-theme="cream"] .setting-row[aria-checked=true] .switch-track{background:var(--accent);border-color:var(--accent)}
html[data-theme="cream"] .setting-row[aria-checked=true] .switch-track::after{background:var(--on-accent)}
html[data-theme="cream"] :is(.notice,.error-box){background:var(--error-bg);border-color:#d9b7a6;color:var(--error)}
html[data-theme="cream"] dialog::backdrop{background:#57534145;backdrop-filter:blur(5px)}
html[data-theme="cream"] .sp-trigger{background:linear-gradient(135deg,#fffdf7,#f0e9d9)!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:inset 0 1px #fff9}
html[data-theme="cream"] :is(.sp-chevron,.sp-option[aria-selected=true]::after){color:var(--accent)}
html[data-theme="cream"] dialog.sp-sheet{background:var(--panel);border-color:var(--line);color:var(--text);box-shadow:var(--shadow)}
html[data-theme="cream"] .sp-option{background:var(--surface);color:var(--text);border-color:var(--line)}
html[data-theme="cream"] .sp-option[aria-selected=true]{background:var(--accent-dim);border-color:var(--accent)}
html[data-theme="cream"] :is(.sp-option-detail,.sp-close){color:var(--muted);border-color:var(--line)}
html[data-theme="cream"] :is(.sp-trigger,.sp-option):focus-visible{outline-color:var(--accent)}
.chat-site-header .theme-control{display:flex;align-items:center;gap:8px;font-size:12px;flex:none}.chat-site-header .theme-control select{padding:8px 10px;border:1px solid var(--line,#314039);border-radius:9px;background:var(--surface,#18231e);color:var(--text,#eef3ec);font:inherit}.theme-settings-card>label{margin-top:14px}
@media(max-width:700px){.chat-site-header .theme-control>span{display:none}.chat-site-header{gap:8px}.chat-site-header .theme-control select{max-width:140px}}