/* ArtinAI 3.2.9 — macOS Gray design tokens. Front-end chat only. */
html[data-theme="light"] body.artinai-body,
body.artinai-body{
 --artin-bg:#F8F9FB;--artin-sidebar:#F0F2F5;--artin-surface:#FFFFFF;
 --artin-text:#243746;--artin-muted:#64748B;--artin-border:#E1E5EA;
 --bg:var(--artin-bg);--sidebar:var(--artin-sidebar);--surface:var(--artin-surface);
 --surface-2:#F1F3F6;--text:var(--artin-text);--muted:var(--artin-muted);
 --faint:#7B8897;--border:var(--artin-border);--hover:#E6EAF0;
 --user:#ECEFF3;--glass-panel:#FFFFFF;--glass-solid:#FFFFFF;
 --glass-edge:var(--artin-border);--glass-shadow:0 12px 38px rgba(34,48,67,.07);
 color-scheme:light;
}
html[data-theme="dark"] body.artinai-body{
 --artin-bg:#1D222A;--artin-sidebar:#252B34;--artin-surface:#292F39;
 --artin-text:#E6EAF0;--artin-muted:#A8B3C1;--artin-border:#3A424E;
 --bg:var(--artin-bg);--sidebar:var(--artin-sidebar);--surface:var(--artin-surface);
 --surface-2:#313944;--text:var(--artin-text);--muted:var(--artin-muted);
 --faint:#8B9AAA;--border:var(--artin-border);--hover:#353D48;
 --user:#353D48;--glass-panel:#292F39;--glass-solid:#292F39;
 --glass-edge:var(--artin-border);--glass-shadow:0 14px 42px rgba(0,0,0,.22);
 color-scheme:dark;
}
/* Unified main and sidebar; preserve 3.2.7 geometry and Inline Dropdown. */
.artinai-body .artin-chat,.artinai-body .artin-chat .n-main,
.artinai-body .artin-chat .n-minimal-chat-header,
.artinai-body .artin-chat .n-workspace{background:var(--artin-bg)!important;color:var(--artin-text)!important}
.artinai-body .artin-chat .n-sidebar,
.artinai-body .artin-chat .n-history-heading{background:var(--artin-sidebar)!important;color:var(--artin-text)!important}
.artinai-body .artin-chat .n-sidebar{border-left:1px solid var(--artin-border)!important}
.artinai-body .artin-chat .n-history-item,
.artinai-body .artin-chat .n-history-item>span{color:var(--artin-text)!important}
.artinai-body .artin-chat .n-history-heading>span,
.artinai-body .artin-chat .n-history-heading>span b{color:var(--artin-muted)!important}
.artinai-body .artin-chat .n-history-row:has(.n-history-item.active){background:var(--hover)!important}
.artinai-body .artin-chat .n-history-row:hover{background:var(--hover)!important}
.artinai-body .artin-chat .n-composer-studio.n-composer-minimal{background:var(--artin-surface)!important;border-color:var(--artin-border)!important;box-shadow:0 5px 22px rgba(26,43,61,.045)!important}
html[data-theme="dark"] .artinai-body .artin-chat .n-composer-studio.n-composer-minimal{box-shadow:0 8px 28px rgba(0,0,0,.16)!important}
.artinai-body .artin-chat .n-composer-studio textarea::placeholder{color:var(--artin-muted)!important}
.artinai-body .artin-chat .n-minimal-chat-head-actions{position:relative!important;overflow:visible!important}
.artinai-body .artin-chat .n-minimal-chat-head-actions .n-header-theme-wrap{position:relative;display:flex;align-items:center;flex:none}
.artinai-body .artin-chat .n-minimal-chat-head-actions .n-header-theme-wrap>button{width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--text)!important;display:grid!important;place-items:center!important;cursor:pointer!important}
.artinai-body .artin-chat .n-minimal-chat-head-actions .n-header-theme-wrap>button:hover,
.artinai-body .artin-chat .n-minimal-chat-head-actions .n-header-theme-wrap>button[aria-expanded="true"]{background:var(--hover)!important}
.artinai-body .artin-chat .n-minimal-chat-head-actions .n-header-theme-wrap svg{width:19px!important;height:19px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.artinai-body .artin-chat .n-header-theme-menu{display:none;position:absolute;top:calc(100% + 7px);left:0;right:auto;z-index:120;width:235px;max-width:calc(100vw - 24px);padding:6px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text);box-shadow:0 14px 40px rgba(25,37,52,.16);direction:rtl;text-align:right}
.artinai-body .artin-chat .n-header-theme-menu.is-open{display:grid;gap:2px}
.artinai-body .artin-chat .n-minimal-chat-head-actions .n-header-theme-menu button{width:100%!important;min-height:40px!important;height:auto!important;padding:8px 10px!important;border:0!important;border-radius:9px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;justify-content:flex-start!important;background:transparent!important;color:var(--text)!important;font:inherit!important;font-size:12px!important;white-space:nowrap!important;text-align:right!important}
.artinai-body .artin-chat .n-header-theme-menu button:hover,
.artinai-body .artin-chat .n-header-theme-menu button.is-active{background:var(--hover)!important}
.artinai-body .artin-chat .n-header-theme-menu button svg{flex:none;width:17px!important;height:17px!important}
.artinai-body .artin-chat .n-header-theme-menu .n-theme-check{display:none;margin-right:auto;color:var(--accent);font-weight:700}
.artinai-body .artin-chat .n-header-theme-menu button.is-active .n-theme-check{display:inline}
.artinai-body .artin-chat .n-header-theme-wrap>button:focus-visible,
.artinai-body .artin-chat .n-header-theme-menu button:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px!important}
/* The existing selector 4 inherits shared surface tokens rather than receiving a new layout. */
.artinai-body .n-inline-picker-panel-v327{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}
.artinai-body .n-inline-picker-bottom-v327{border-color:var(--border)!important}
/* Dialogs and account menus use the same token family in both themes. */
.artinai-body .n-modal :is(.n-library,.n-preferences,.n-notification-center),
.artinai-body .n-history-popover{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
.artinai-body .n-modal :is(input,select,textarea){color:var(--text)}
@media(max-width:1024px){.artinai-body .artin-chat .n-minimal-chat-head-actions .n-header-theme-wrap>button{width:34px!important;height:34px!important;min-height:34px!important}}
@media(max-width:420px){.artinai-body .artin-chat .n-header-theme-menu{left:0;width:min(235px,calc(100vw - 24px))}}
@media(prefers-reduced-motion:reduce){.artinai-body .n-header-theme-menu{animation:none!important;transition:none!important}}