/* Additive appearance. The existing layout, brand colors and original skin are retained. */
.appearance-picker{display:inline-flex;align-items:center;gap:5px;flex:none;white-space:nowrap;color:var(--text,#24483a);font-size:11px}.appearance-select{width:auto!important;min-height:34px;padding:5px 7px!important;border:1px solid var(--line,#c9d8d0);border-radius:10px;background:var(--card,#fff);color:var(--text,#24483a);font:inherit;font-size:12px;cursor:pointer}.appearance-select:focus-visible{outline:2px solid #37ba91;outline-offset:3px}
html[data-appearance="glass"]{--glass-text:#183c30;--glass-muted:#486b5c;--glass-line:rgba(255,255,255,.8);--glass-panel:rgba(248,255,252,.77);--glass-control:rgba(247,255,251,.75);--glass-shadow:0 12px 36px rgba(19,68,48,.09),inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(21,86,62,.09);--glass-bg:#e8f2ed;--glass-focus:#0d9068}
html[data-appearance="glass"][data-theme="dark"]{--glass-text:#edf8f2;--glass-muted:#bfd4c8;--glass-line:rgba(201,241,219,.23);--glass-panel:rgba(29,53,43,.84);--glass-control:rgba(47,74,61,.78);--glass-shadow:0 14px 38px rgba(0,14,8,.24),inset 0 1px 0 rgba(233,255,243,.3),inset 0 -1px 0 rgba(0,10,5,.24);--glass-bg:#101e18;--glass-focus:#79e4b8}
html[data-appearance="glass"] body{background-color:var(--glass-bg)!important;background-image:radial-gradient(ellipse at 8% 0,rgba(82,180,135,.18),transparent 46%),radial-gradient(ellipse at 95% 65%,rgba(79,169,155,.14),transparent 44%),linear-gradient(135deg,rgba(255,255,255,.07),transparent 60%)!important;color:var(--glass-text)}
/* Blur is reserved for broad surfaces; canvas media is never blurred. */
html[data-appearance="glass"] :is(header,.top,.card,.customer-dialog,dialog,.dialog .box,.canvas-context-menu,.image-edit-dialog){background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 44%),var(--glass-panel)!important;border-color:var(--glass-line)!important;color:var(--glass-text);box-shadow:var(--glass-shadow)!important;-webkit-backdrop-filter:blur(16px) saturate(125%);backdrop-filter:blur(16px) saturate(125%)}
html[data-appearance="glass"] :is(.card,.customer-dialog,dialog,.dialog .box){border-radius:24px}
html[data-appearance="glass"] :is(.studio-task-tile,.customer-history-card,.editor-card,.asset-card,.resource-item,.pool,.status,.refs,.ai-panel,.customer-balances>div){background:linear-gradient(125deg,rgba(255,255,255,.07),transparent 55%),var(--glass-panel)!important;border-color:var(--glass-line)!important;color:var(--glass-text);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 5px 16px rgba(0,25,13,.06)}
html[data-appearance="glass"] :is(.node.video,.node.video .video-body,.node.video .node-head){background:transparent!important;color:var(--glass-text)}
html[data-appearance="glass"] :is(.node.text,.node.script){background:var(--glass-panel)!important;border-color:var(--glass-line)!important;color:var(--glass-text)}
html[data-appearance="glass"] :is(.node.text .node-head,.node.script .node-head){color:var(--glass-muted)}
html[data-appearance="glass"] :is(button,.btn,.studio-tools a,.actions a,.top-nav a,.mode-switch a){background:linear-gradient(150deg,rgba(255,255,255,.13),transparent 65%),var(--glass-control);border-color:var(--glass-line);color:var(--glass-text);box-shadow:inset 0 1px 0 rgba(255,255,255,.27),inset 0 -1px 0 rgba(0,20,12,.08),0 3px 9px rgba(0,20,12,.06);transition:background-color .15s,border-color .15s,box-shadow .15s}
html[data-appearance="glass"] :is(.submit,.run,button.primary,.btn-primary,.btn-p,.btn.green,.customer-primary,.studio-retry-button,.studio-field-action):not(:disabled){background:linear-gradient(150deg,rgba(255,255,255,.19),transparent 60%),linear-gradient(120deg,#159c73,#087958)!important;color:#fff!important;border-color:rgba(178,255,217,.38)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.33),0 6px 18px rgba(6,109,75,.16)}
html[data-appearance="glass"] :is(.paste,.studio-field-action.paste):not(:disabled){background:linear-gradient(145deg,rgba(255,255,255,.16),transparent 55%),#247bbb!important}
html[data-appearance="glass"] :is(button,.btn,.actions a):not(:disabled):hover{border-color:var(--glass-focus);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 4px 12px rgba(5,71,44,.12)}
html[data-appearance="glass"] :is(button,input,textarea,select,a):focus-visible{outline:2px solid var(--glass-focus);outline-offset:3px}
html[data-appearance="glass"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),textarea,select,.prompt-wrap){background:linear-gradient(125deg,rgba(255,255,255,.05),transparent),var(--glass-control)!important;border-color:var(--glass-line)!important;color:var(--glass-text)!important;box-shadow:inset 0 1px 4px rgba(0,23,12,.08),inset 0 1px 0 rgba(255,255,255,.15)}
html[data-appearance="glass"] .prompt-wrap textarea{background:transparent!important;box-shadow:none}
html[data-appearance="glass"] :is(input,textarea)::placeholder{color:var(--glass-muted)!important;opacity:.88}
html[data-appearance="glass"] select option{background:var(--glass-bg);color:var(--glass-text)}
html[data-appearance="glass"] :is(.upload,.ratio span,.reference-chip,.customer-balance,.autosave-status,.canvas-save-status){background:var(--glass-control)!important;border-color:var(--glass-line)!important;color:var(--glass-muted)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
html[data-appearance="glass"] .upload{border-color:color-mix(in srgb,var(--glass-focus) 44%,transparent)!important}
html[data-appearance="glass"] :is(.top-nav,.mode-switch,.tabs,.resource-tabs){background:rgba(89,140,115,.1);border-color:var(--glass-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}
html[data-appearance="glass"] :is(.top-nav a.active,.mode-switch a.active,.studio-task-filters button.active,.resource-tabs button.active,.ratio input:checked+span,.studio-task-tile.selected){background:linear-gradient(130deg,rgba(112,231,178,.16),rgba(29,153,109,.09)),var(--glass-control)!important;border-color:var(--glass-focus)!important;color:var(--glass-text)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 0 0 2px rgba(45,182,129,.12)}
html[data-appearance="glass"] :is(.intro p,.ref-help,.counter,.upload small,.upload p,.status p,.face-reference-notice,.refs,.task-state,.studio-task-count,.studio-task-body small,.customer-history-meta){color:var(--glass-muted)!important}
html[data-appearance="glass"] :is(label.title,.status h2,.node.video .node-head,.customer-dialog h2){color:var(--glass-text)!important}
html[data-appearance="glass"] :is(.studio-task-body em,.studio-task-delete:hover,.studio-clear-failed,.danger,.btn-danger){color:var(--red,#dc5767)!important}
html[data-appearance="glass"] :is(.node-delete,.studio-task-delete,.dialog-x,.close-customer){background:transparent;box-shadow:none}
html[data-appearance="glass"] .node-delete{color:var(--glass-text)}
html[data-appearance="glass"] :is(.studio-task-delete,.dialog-x,.close-customer){color:var(--glass-muted)}
html[data-appearance="glass"] :is(.studio-task-selected-badge,.reference-kind){background:#098360;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
html[data-appearance="glass"] #stage{background-color:var(--glass-bg)!important;background-image:radial-gradient(rgba(103,155,129,.45) .8px,transparent .8px),radial-gradient(ellipse at 18% 0,rgba(56,149,109,.12),transparent 55%)!important;background-size:20px 20px,100% 100%}
html[data-appearance="glass"] :is(footer,.minimap,.stats,.image-node-tools,.script-assist){background:var(--glass-panel)!important;border-color:var(--glass-line)!important;color:var(--glass-text);box-shadow:var(--glass-shadow)}
html[data-appearance="glass"] :is(.customer-dialog,dialog,.dialog .box){background-color:var(--glass-panel)!important}
html[data-appearance="glass"] dialog::backdrop{background:rgba(5,24,16,.5)}
/* Dense data stays crisp. Never apply opacity or filters to media and remote screens. */
html[data-appearance="glass"] :is(th,td){border-color:color-mix(in srgb,var(--glass-muted) 18%,transparent)}
html[data-appearance="glass"] :is(button,input,select):disabled{opacity:.5;cursor:not-allowed}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html[data-appearance="glass"]{--glass-panel:#f2faf5;--glass-control:#e8f3ed}html[data-appearance="glass"][data-theme="dark"]{--glass-panel:#203a2d;--glass-control:#2d4a3a}}
@media(prefers-reduced-transparency:reduce){html[data-appearance="glass"]{--glass-panel:#f2faf5;--glass-control:#e8f3ed}html[data-appearance="glass"][data-theme="dark"]{--glass-panel:#203a2d;--glass-control:#2d4a3a}html[data-appearance="glass"] :is(header,.top,.card,dialog,.customer-dialog,.dialog .box){backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){html[data-appearance="glass"] :is(button,.btn,.actions a){transition:none}}
@media(max-width:720px){.appearance-picker>span{display:none}.appearance-select{font-size:10px;min-height:32px;max-width:85px}html[data-appearance="glass"] :is(.card,.customer-dialog,dialog,.dialog .box){border-radius:18px}html[data-appearance="glass"] :is(.card,dialog,.customer-dialog){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}

/* Background controls belong in settings, not the busy header. */
.wallpaper-settings .appearance-picker{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 16px}.wallpaper-settings .appearance-picker>span{display:inline!important}.wallpaper-settings .appearance-select{flex:1;min-width:140px;max-width:none!important}.wallpaper-setting-actions{display:flex;flex-wrap:wrap;gap:8px}

.wallpaper-settings{position:fixed}.wallpaper-settings h2{padding-right:42px}.wallpaper-settings .wallpaper-settings-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--line,#93b6a4);border-radius:50%;background:rgba(130,172,149,.15);color:inherit;font-size:24px;line-height:1;cursor:pointer}.wallpaper-settings .wallpaper-settings-close:focus-visible{outline:2px solid #59d6a3;outline-offset:2px}