/* Ephoria's iris palette, with surfaces that follow the user's appearance. */
:root{--surface:#fff;--accent-button:#4b4c96}
:root[data-theme="dark"]{--paper:#17171d;--paper-2:#202027;--paper-3:#2c2b35;--surface:#202027;--ink:#f3f1f7;--ink-2:#d1cdd9;--ink-3:#aaa5b5;--iris:#aaa7ef;--iris-dk:#c4c1fa;--peri:#a29fd9;--peri-lt:#d4d1ff;--peri-soft:rgba(163,159,217,.14);--peri-mid:rgba(163,159,217,.24);--hair:rgba(239,235,255,.13);--hair-2:rgba(239,235,255,.23);--hair-soft:rgba(239,235,255,.08);--sage-dk:#acd9bd;--caramel-dk:#efc49e;--brick:#ffa6a0;--green:#625fb0;--accent-button:#625fb0;--white:#202027;--shadow:0 1px 2px #0003,0 8px 24px -12px #0006}
.sidebar,.mobile-header{background:#151318;color:var(--dock-text)}
.sidebar .wordmark,.sidebar .wordmark span,.sidebar .workspace strong,.sidebar .new-chat,.sidebar .profile,.sidebar .nav-item:hover,.sidebar .nav-item.active,.sidebar .conversation-item:hover,.sidebar .conversation-item.active,.sidebar .sidebar-control:hover,.mobile-header .wordmark,.mobile-header .wordmark span,.mobile-header .sidebar-control{color:var(--dock-text)}
.btn,.search,.input,.production-card,.product-card,.empty,.form-section,.type-option,.output-card,.brief-panel,.selection-chip,.composer-ref,.chat-output,.message-product,.editor-tools,.starter-prompts button,.composer,.product-dialog,.source-conflicts{background:var(--surface);color:var(--ink)}

.btn.primary,.send-button{background:var(--accent-button);border-color:var(--accent-button);color:#fff}
.btn.primary:hover,.send-button:hover{background:#55529f;border-color:#55529f}
.btn.dark{background:var(--ink);color:var(--paper)}
input,textarea,select{color:var(--ink)}

:root[data-theme="dark"] .check-dot{background:var(--surface)}
:root[data-theme="dark"] .selected .check-dot{background:var(--accent-button);color:white}
:root[data-theme="dark"] .reference-item button,:root[data-theme="dark"] .close-viewer{background:var(--surface);color:var(--ink)}
:root[data-theme="dark"] #viewer{background:#101014}
.settings-layout{max-width:760px}.settings-layout .settings-form{max-width:none}.settings-layout .form-section{padding:26px 28px;margin-bottom:18px}.settings-layout h2{font:500 21px var(--disp);margin:0 0 14px}.settings-save{display:flex;align-items:center;gap:12px;margin-top:20px}.settings-save #settings-status{margin:0;font-size:12px}.settings-description{font-size:12px;color:var(--ink-3);line-height:1.6;margin-top:10px}.appearance-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:0;padding:0;margin:20px 0 12px}.appearance-choice{position:relative;display:grid;gap:9px;cursor:pointer;font-size:12px;color:var(--ink-2);text-align:center}.appearance-choice input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.theme-swatch{display:block;height:82px;border:1px solid var(--hair-2);border-radius:9px;overflow:hidden;position:relative;background:#fafaf7}.theme-swatch i{position:absolute;inset:0 auto 0 0;width:24%;background:#151318}.theme-swatch b{position:absolute;left:34%;right:12%;top:24%;bottom:24%;border-radius:5px;background:white;border:1px solid #dedce5;box-shadow:0 4px 10px #1513180a}.theme-swatch-dark{background:#17171d}.theme-swatch-dark b{background:#2c2b35;border-color:#44424e}.theme-swatch-system{background:linear-gradient(90deg,#fafaf7 50%,#17171d 50%)}.theme-swatch-system b{background:linear-gradient(90deg,#fff 29%,#2c2b35 29%);border-color:#85818d}.appearance-choice input:checked+.theme-swatch{border-color:var(--iris);box-shadow:0 0 0 2px var(--iris)}.appearance-choice input:focus-visible+.theme-swatch{outline:3px solid var(--peri);outline-offset:4px}.appearance-choice input:checked~span:last-child{color:var(--iris-dk);font-weight:600}.settings-toggle{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:8px 0 16px}.settings-toggle strong{font-size:13px;font-weight:500}.settings-toggle small{display:block;color:var(--ink-3);font-size:12px;margin-top:4px}.settings-toggle input{width:18px;height:18px;accent-color:var(--accent-button)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:740px){.settings-layout .form-section{padding:22px 18px}.appearance-options{gap:10px}.theme-swatch{height:65px}}