/* Artin 1.5.8 — one responsive shell, measured against the 1536 × 1024 reference.
   Color settings remain driven by the existing WordPress palette. */
.artinai-body{--artin-bg:#f7f8f9;--artin-sidebar:#fff;--artin-surface:#fff;--artin-text:#0a1423;--artin-muted:#808998;--artin-border:#e7e5e3;--artin-accent:#ff6900;--artin-glow:#ffd4b5;--bg:var(--artin-bg);--sidebar:var(--artin-sidebar);--surface:var(--artin-surface);--surface-2:color-mix(in srgb,var(--artin-surface) 95%,var(--artin-text));--text:var(--artin-text);--muted:var(--artin-muted);--faint:var(--artin-muted);--border:var(--artin-border);--hover:color-mix(in srgb,var(--artin-surface) 92%,var(--artin-text));--user:var(--artin-surface);--accent:var(--artin-accent);background:var(--bg);color:var(--text)}
:where([data-theme=dark]) .artinai-body{--artin-bg:#10141b;--artin-sidebar:#19202a;--artin-surface:#202733;--artin-text:#f5f7fc;--artin-muted:#a5afbf;--artin-border:#343d49;--artin-glow:#58351f}
.artin-chat{--side:332px;--gutter:30px;--edge:14px;--panel:color-mix(in srgb,var(--artin-surface) 77%,transparent);--line:color-mix(in srgb,var(--artin-border) 65%,transparent);position:relative;height:100dvh;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 77% 79%,color-mix(in srgb,var(--artin-glow) 62%,transparent),transparent 44%),radial-gradient(ellipse at 7% 97%,#dee8ee85,transparent 38%),linear-gradient(115deg,color-mix(in srgb,var(--bg) 70%,#f0faff),var(--bg) 53%,color-mix(in srgb,var(--bg) 72%,var(--artin-glow)))}
.artin-chat::before,.artin-chat::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:85vw;height:54vh;border-radius:50%;transform:rotate(-29deg);border:70px solid #ffffff30;left:-26vw;top:-20vh}.artin-chat::after{left:27vw;top:54vh;border-width:85px;border-color:color-mix(in srgb,var(--artin-glow) 24%,transparent);width:100vw;height:40vh}
.artin-chat button{cursor:pointer}.artin-chat button:disabled{cursor:not-allowed}.artin-chat button:focus-visible,.artin-chat input:focus-visible{outline:2px solid var(--artin-accent);outline-offset:3px}.artin-chat .n-svg{width:24px;height:24px;flex:none}.artin-chat button:hover{filter:brightness(.98)}
/* Header: brand / tools / model / new conversation / notifications. */
.artin-chat .n-topbar{position:absolute;z-index:15;top:18px;left:18px;right:calc(var(--side) + var(--edge) + var(--gutter));height:86px;border:1px solid #ffffffb8;border-radius:34px;background:var(--panel);box-shadow:0 14px 36px #25364b07;backdrop-filter:blur(22px);display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 24px;direction:ltr}
.artin-chat .n-top-brand{flex:0 0 215px}.artin-chat .n-brand-lockup{display:flex;align-items:center;gap:12px;direction:ltr}.artin-chat .n-brand-lockup img,.artin-chat .n-logo-fallback{width:43px;height:43px;object-fit:contain;border-radius:0;background:none;color:var(--artin-accent)}.artin-chat .n-logo-fallback svg{width:100%;height:100%}.artin-chat .n-brand-copy{display:flex;flex-direction:column;gap:0}.artin-chat .n-brand-copy b{font-size:25px;font-weight:900;white-space:nowrap;color:var(--text);direction:rtl}.artin-chat .n-brand-copy small{font-family:Arial,sans-serif;font-size:15px;color:var(--muted)}
.artin-chat .n-top-center{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:1;min-width:0;direction:ltr}.artin-chat .n-top-actions{display:flex;align-items:center;justify-content:space-around;flex:1;height:64px;padding:0 10px;border:1px solid var(--line);border-radius:30px;background:color-mix(in srgb,var(--surface) 28%,transparent);box-shadow:0 3px 15px #25364b04}.artin-chat .n-top-actions button{width:47px;height:44px;display:grid;place-items:center;background:none;border:0;color:var(--text)}.artin-chat .n-top-actions button+button{margin-left:8px}.artin-chat .n-top-actions button:first-child{border-right:1px solid var(--line);padding-right:14px}
.artin-chat .n-model-wrap{direction:ltr;flex:none}.artin-chat .n-model-button{height:64px;max-width:260px;min-width:245px;border-radius:30px;border:1px solid var(--line);padding:0 22px;gap:15px;background:var(--panel);color:var(--text);box-shadow:0 3px 10px #28384a06}.artin-chat .n-model-button b{font-family:inherit;font-size:16px;font-weight:600;flex:1}.artin-chat .n-model-button>span,.artin-chat .n-model-button>img{width:30px;height:30px;background:none;color:var(--artin-accent);font-size:18px}.artin-chat .n-model-button>.n-svg{width:17px}.artin-chat .n-model-menu{top:74px;bottom:auto;right:0;direction:rtl;z-index:25;max-height:65vh;overflow:auto;background:var(--surface)}
.artin-chat .n-top-new{flex:none;display:flex;align-items:center;justify-content:center;gap:12px;height:52px;padding:0 20px;border-radius:26px;border:1px solid color-mix(in srgb,var(--artin-accent) 50%,transparent);background:var(--panel);color:var(--artin-accent);font-size:15px;white-space:nowrap;box-shadow:0 4px 12px #ff690008}.artin-chat .n-top-new svg{background:var(--artin-accent);color:#fff;width:24px;height:24px;border-radius:6px;padding:3px}.artin-chat .n-top-bell{flex:none;width:45px;height:50px;display:grid;place-items:center;border:0;background:none;color:var(--text)}
/* Right sidebar */
.artin-chat .n-sidebar{position:absolute;inset:10px var(--edge) 24px auto;width:var(--side);height:auto;padding:20px;border:1px solid #ffffffbc;border-radius:34px;background:color-mix(in srgb,var(--sidebar) 75%,transparent);box-shadow:0 12px 32px #36251205;backdrop-filter:blur(24px);overflow:visible;color:var(--text)}
.artin-chat .n-side-shell{height:100%;display:flex;flex-direction:column;min-height:0}.artin-chat .n-side-collapse{position:absolute;left:-10px;top:33px;transform:translateX(-1%);width:46px;height:60px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:0 5px 18px #1825360b;font-size:32px;line-height:1;color:var(--text)}
.artin-chat .n-target-profile{height:98px;flex:none;padding:0 0 16px 38px}.artin-chat .n-account{padding:0;gap:14px;display:flex;flex-direction:row;align-items:center;min-height:72px}.artin-chat .n-avatar{flex:none;width:72px;height:72px;border-radius:50%;background:linear-gradient(145deg,#b9d0ca,#708881);color:#fff;font-size:28px;border:3px solid #ffffff70}.artin-chat .n-profile-copy{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:4px!important;white-space:nowrap}.artin-chat .n-profile-copy small{color:var(--text);font-size:15px;font-weight:700}.artin-chat .n-profile-copy b{display:none}.artin-chat .n-profile-copy em{font-style:normal;font-size:12px;color:var(--artin-accent)}
.artin-chat .n-target-search{height:50px;flex:none;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:25px;padding:0 14px;background:var(--panel);margin:0 0 10px}.artin-chat .n-target-search svg{width:22px;height:22px}.artin-chat .n-target-search input{width:100%;min-width:0;border:0;box-shadow:none;outline:0;background:transparent;color:var(--text);font-size:14px}.artin-chat .n-target-search input::placeholder{color:var(--muted)}
.artin-chat .n-target-new{height:51px;flex:none;margin-bottom:13px;border:1px solid #ffffff90;border-radius:26px;background:linear-gradient(180deg,color-mix(in srgb,var(--artin-accent) 72%,#ffd073),var(--artin-accent));color:white;display:flex;flex-direction:row-reverse;gap:10px;align-items:center;justify-content:center;font-size:16px;font-weight:800;box-shadow:inset 0 3px 6px #ffffff50}.artin-chat .n-target-new svg{width:19px;height:19px}
.artin-chat .n-sidebar-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.artin-chat .n-target-section{padding:0;margin:0 0 10px}.artin-chat .n-target-title{height:40px;display:flex;align-items:center;justify-content:flex-start;flex-direction:row-reverse;gap:8px;font-size:15px}.artin-chat .n-target-title svg{color:var(--artin-accent)}
.artin-chat .n-target-row{width:100%;height:50px;display:grid;grid-template-columns:30px 1fr 15px;align-items:center;gap:10px;border:1px solid var(--line);border-radius:23px;background:var(--panel);padding:0 12px;margin-bottom:8px;color:var(--text)}.artin-chat .n-target-row-icon{display:grid;place-items:center}.artin-chat .n-target-row-icon img{width:29px;height:29px;object-fit:contain}.artin-chat .n-target-row-icon span{color:#0bab8a}.artin-chat .n-target-row b{font-size:16px;text-align:right;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artin-chat .n-target-row i,.artin-chat .n-target-link i,.artin-chat .n-target-credit i{font-style:normal;font-size:25px}.artin-chat .n-target-label{color:var(--muted);font-size:15px;text-align:right;padding:4px 0 9px}
.artin-chat .n-target-services{display:grid;grid-template-columns:1fr 1fr;gap:10px;direction:ltr}.artin-chat .n-target-services button{direction:rtl;height:59px;border:1px solid var(--line);border-radius:21px;background:var(--panel);display:flex;align-items:center;justify-content:flex-start;padding:0 12px;gap:13px;color:var(--text)}.artin-chat .n-target-services b{font-size:15px;font-weight:500}.artin-chat .n-target-services svg{width:27px;height:27px}.artin-chat .n-target-section:nth-child(3){padding-top:7px}.artin-chat .n-target-link{height:43px;width:100%;display:grid;grid-template-columns:29px 1fr 17px;align-items:center;gap:13px;background:none;border:0;padding:0 5px;color:var(--text)}.artin-chat .n-target-link b{font-weight:500;font-size:15px;text-align:right}.artin-chat .n-target-link svg{width:25px;height:25px}.artin-chat .n-side-divider{height:1px;background:var(--line);margin:16px 0 10px}
.artin-chat .n-target-footer{position:relative;padding-top:12px;flex:none}.artin-chat .n-target-credit{width:100%;height:89px;border:1px solid color-mix(in srgb,var(--artin-accent) 13%,transparent);border-radius:24px;background:var(--panel);display:grid;direction:ltr;grid-template-columns:50px 1fr 18px;align-items:center;gap:12px;padding:10px 14px;box-shadow:0 4px 12px #ff690008}.artin-chat .n-target-credit>span:first-child{width:50px;height:50px;border-radius:50%;background:var(--surface);display:grid;place-items:center;color:var(--artin-accent)}.artin-chat .n-target-credit>span:nth-child(2){direction:rtl;display:flex;flex-direction:column;align-items:center;gap:4px}.artin-chat .n-target-credit b{font-size:16px}.artin-chat .n-target-credit small{font-size:11px;color:var(--muted)}.artin-chat .n-target-credit i{transform:rotate(180deg)}.artin-chat .n-target-theme{position:absolute;left:8px;top:-43px;background:none;border:0;display:grid;place-items:center;width:32px;height:32px;color:var(--muted)}.artin-chat .n-target-theme svg{width:18px;height:18px}
/* Welcome and input: independently anchored, so the hero cannot push the input out. */
.artin-chat .n-main{position:absolute;inset:104px calc(var(--side) + var(--edge) + var(--gutter)) 0 18px;margin:0;height:auto;padding:0;display:block;overflow:hidden}
.artin-chat .n-workspace:not(.n-docked){position:relative;width:100%;height:100%;max-width:none;margin:0;transform:none;padding:0;display:flex;align-items:center;justify-content:center;padding-bottom:143px}
.artin-chat .n-welcome-area{width:min(752px,calc(100% - 80px));margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;transform:translate(10px,-3px)}.artin-chat .n-welcome-logo{width:110px;height:110px;border-radius:50%;background:conic-gradient(from 200deg,#effcff,#e8f6ff,#e9d9ff,#ffd8d7,#fff3cc,#effcff);display:grid;place-items:center;margin-bottom:15px}.artin-chat .n-welcome-logo svg{width:82px;height:82px}.artin-chat .n-greeting{max-width:none;width:100%;margin:0;font-size:40px;line-height:1.65;font-weight:900;letter-spacing:-1.4px;text-align:center;white-space:nowrap;color:var(--text)}.artin-chat .n-welcome-subtitle{font-size:20px;font-weight:600;color:var(--muted);margin:5px 0 34px;line-height:1.8}
.artin-chat .n-reference-cards{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;direction:ltr}.artin-chat .n-quick-chip{direction:rtl;width:100%;height:105px;border:1px solid color-mix(in srgb,var(--border) 60%,#fff 40%);border-radius:24px;background:var(--panel);box-shadow:0 8px 24px #26334905;display:flex;align-items:center;justify-content:flex-start;gap:20px;padding:14px 30px;text-align:right;transition:transform .18s,border-color .18s;color:var(--text)}.artin-chat .n-quick-chip:hover{transform:translateY(-3px);border-color:var(--artin-accent)}.artin-chat .n-quick-icon{display:grid;place-items:center;width:66px;height:66px;flex:none;border-radius:22px;border:1px solid color-mix(in srgb,var(--artin-accent) 9%,transparent);background:color-mix(in srgb,var(--surface) 94%,var(--artin-accent));box-shadow:0 2px 4px #20253503;color:var(--artin-accent)}.artin-chat .n-quick-icon svg{width:34px;height:34px;stroke-width:1.9}.artin-chat .n-quick-copy{display:flex;flex-direction:column;gap:5px}.artin-chat .n-quick-copy b{font-size:19px;font-weight:800;white-space:nowrap}.artin-chat .n-quick-copy small{font-size:14px;color:var(--muted);white-space:nowrap}
.artin-chat .n-composer{position:absolute;left:29px;right:7px;bottom:33px;width:auto;max-width:none;min-height:129px;padding:17px 17px 17px 25px;margin:0;border:1px solid #ffffffcf;border-radius:34px;background:color-mix(in srgb,var(--surface) 85%,transparent);box-shadow:0 14px 36px #24374e07;backdrop-filter:blur(22px)}.artin-chat .n-composer textarea{height:30px;min-height:30px;font-size:14px;line-height:1.9;text-align:left;padding:0 7px}.artin-chat .n-composer textarea:not(:placeholder-shown){text-align:right}.artin-chat .n-toolbar{direction:rtl;margin-top:1px;min-height:60px}.artin-chat .n-tools-primary{width:100%;gap:23px;display:flex;align-items:center}.artin-chat .n-send{height:60px;width:60px;flex:none;display:grid;place-items:center;border-radius:21px;background:linear-gradient(150deg,#ffc36b,var(--artin-accent) 65%);color:#fff;box-shadow:0 7px 12px #ff690024,inset 0 2px 3px #ffffff60;transform:none}.artin-chat .n-send svg{width:29px;height:29px}.artin-chat .n-composer-image{width:34px;height:34px;color:var(--text)}.artin-chat .n-aux-tools{position:relative;margin-right:auto;display:flex;align-items:center;gap:16px;direction:ltr}.artin-chat .n-tool-direct{display:flex;align-items:center;gap:16px}.artin-chat .n-tool{color:var(--text);background:none}.artin-chat #voice{display:grid}.artin-chat .n-tool-overflow-inline{display:none}.artin-chat .n-tool-menu-toggle{display:grid}.artin-chat .n-tool-menu{display:none;position:absolute;bottom:53px;left:0;min-width:180px;padding:12px;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 35px #15283c15;background:var(--surface);gap:10px;direction:rtl}.artin-chat .n-tool-menu.show{display:flex}.artin-chat .n-current-model,.artin-chat .n-composer-footer{display:none}.artin-chat .n-format-btn{color:var(--text)!important}.artin-chat .n-thread{height:100%;overflow:auto;width:min(870px,calc(100% - 60px));margin:auto;padding:35px 0 210px;scrollbar-width:thin}.artin-chat .n-docked{position:absolute;inset: auto 0 0!important;transform:none!important;width:100%!important;height:180px;padding:0;margin:0;pointer-events:none}.artin-chat .n-docked .n-composer{pointer-events:auto}.artin-chat .n-mobile-header{display:none}.artin-chat .n-backdrop{display:none}
.artin-chat.without-sidebar{--side:0px;--gutter:0px}.artin-chat.sidebar-collapsed{--side:0px;--gutter:0px}.artin-chat.sidebar-collapsed .n-sidebar{transform:translateX(calc(100% + 14px))}.artin-chat.sidebar-collapsed .n-side-collapse{left:-46px;transform:rotate(180deg)}
@media(min-width:1025px) and (max-width:1400px){.artin-chat{--side:300px;--gutter:20px}.artin-chat .n-topbar{gap:14px;padding:0 18px}.artin-chat .n-top-brand{flex-basis:180px}.artin-chat .n-brand-copy b{font-size:21px}.artin-chat .n-top-center{gap:12px}.artin-chat .n-top-actions{padding:0 4px}.artin-chat .n-top-actions button{width:32px}.artin-chat .n-top-actions button+button{margin-left:1px}.artin-chat .n-model-button{min-width:195px;padding:0 14px;gap:10px}.artin-chat .n-model-button b{font-size:16px}.artin-chat .n-top-new{padding:0 13px;font-size:12px}.artin-chat .n-top-bell{width:30px}.artin-chat .n-greeting{font-size:34px}.artin-chat .n-welcome-subtitle{font-size:17px}.artin-chat .n-quick-chip{padding:12px 18px;gap:14px}.artin-chat .n-quick-copy b{font-size:16px}.artin-chat .n-quick-copy small{font-size:12px}.artin-chat .n-target-profile{padding-left:15px}}
@media(min-width:1025px) and (max-width:1150px){.artin-chat{--side:270px;--gutter:16px}.artin-chat .n-top-brand{flex-basis:150px}.artin-chat .n-brand-copy b{font-size:18px}.artin-chat .n-brand-lockup{gap:7px}.artin-chat .n-logo-fallback{width:34px;height:34px}.artin-chat .n-top-actions{display:none}.artin-chat .n-model-button{min-width:170px}.artin-chat .n-top-new span{display:none}.artin-chat .n-top-new{width:45px;padding:0}.artin-chat .n-welcome-area{width:calc(100% - 40px)}.artin-chat .n-greeting{font-size:27px}.artin-chat .n-welcome-subtitle{font-size:14px}.artin-chat .n-quick-icon{width:46px;height:46px;border-radius:16px}.artin-chat .n-quick-icon svg{width:26px;height:26px}.artin-chat .n-quick-chip{gap:10px;padding:10px;height:90px}.artin-chat .n-quick-copy b{font-size:14px}.artin-chat .n-quick-copy small{font-size:10px}.artin-chat .n-avatar{width:58px;height:58px}.artin-chat .n-target-profile{padding-left:0}.artin-chat .n-target-services button{gap:6px}.artin-chat .n-target-services b{font-size:12px}}
@media(min-width:1025px) and (max-height:850px){.artin-chat .n-welcome-logo{width:82px;height:82px;margin-bottom:10px}.artin-chat .n-welcome-logo svg{width:66px;height:66px}.artin-chat .n-greeting{font-size:31px}.artin-chat .n-welcome-subtitle{margin-bottom:22px;font-size:16px}.artin-chat .n-quick-chip{height:87px}.artin-chat .n-welcome-area{transform:translate(10px,-8px)}.artin-chat .n-target-profile{height:87px}.artin-chat .n-target-credit{height:72px}.artin-chat .n-target-link{height:38px}.artin-chat .n-target-label{padding-bottom:9px}.artin-chat .n-target-services button{height:50px}.artin-chat .n-side-divider{margin:8px 0}.artin-chat .n-target-row{height:43px}.artin-chat .n-target-section{margin-bottom:8px}.artin-chat .n-sidebar{padding:16px}}
@media(min-width:1025px) and (max-height:670px){.artin-chat .n-workspace:not(.n-docked){overflow:auto;align-items:flex-start;padding-top:20px;padding-bottom:170px}.artin-chat .n-welcome-area{transform:none}.artin-chat .n-welcome-logo{display:none}.artin-chat .n-welcome-subtitle{margin-bottom:15px}.artin-chat .n-composer{position:fixed;left:47px;right:calc(var(--side) + var(--edge) + var(--gutter) + 7px);bottom:20px}}
@media(max-width:1024px){.artin-chat{--side:0px;--gutter:0px}.artin-chat .n-topbar{display:none}.artin-chat .n-mobile-header{display:flex;position:absolute;inset:10px 12px auto;height:62px;background:var(--panel);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:23px;padding:10px 14px;align-items:center;justify-content:space-between;z-index:16;direction:ltr}.artin-chat .n-mobile-actions{display:flex;gap:10px}.artin-chat .n-mobile-actions button{width:32px;height:32px;border:0;background:none;display:grid;place-items:center}.artin-chat .n-brand-copy b{font-size:18px}.artin-chat .n-brand-copy small{font-size:11px}.artin-chat .n-logo-fallback,.artin-chat .n-brand-lockup img{width:32px;height:32px}.artin-chat .n-main{inset:82px 0 0;margin:0}.artin-chat .n-workspace:not(.n-docked){padding:20px 0 165px;align-items:center;overflow-y:auto}.artin-chat .n-welcome-area{width:calc(100% - 32px);transform:none}.artin-chat .n-welcome-logo{width:80px;height:80px;margin-bottom:15px}.artin-chat .n-welcome-logo svg{width:62px;height:62px}.artin-chat .n-greeting{font-size:clamp(21px,5.6vw,32px);white-space:normal;line-height:1.6;letter-spacing:-.7px}.artin-chat .n-welcome-subtitle{font-size:12px;margin:10px 0 22px}.artin-chat .n-reference-cards{gap:10px}.artin-chat .n-quick-chip{height:90px;padding:10px;gap:8px;border-radius:20px}.artin-chat .n-quick-icon{width:38px;height:44px;border-radius:13px}.artin-chat .n-quick-icon svg{width:25px;height:25px}.artin-chat .n-quick-copy{gap:4px}.artin-chat .n-quick-copy b{font-size:12px}.artin-chat .n-quick-copy small{font-size:9px;white-space:normal}.artin-chat .n-composer{position:fixed;left:12px;right:12px;bottom:14px;min-height:117px;padding:12px 14px;border-radius:26px}.artin-chat .n-composer textarea{font-size:13px}.artin-chat .n-send{width:48px;height:48px;border-radius:17px}.artin-chat .n-tools-primary{gap:12px}.artin-chat .n-aux-tools,.artin-chat .n-tool-direct{gap:8px}.artin-chat .n-sidebar{z-index:35;inset:8px 8px 8px auto;width:min(332px,calc(100% - 38px));transform:translateX(calc(100% + 12px));padding:18px}.artin-chat .n-sidebar.open{transform:none}.artin-chat .n-side-collapse{display:none}.artin-chat .n-backdrop.show{display:block;position:absolute;inset:0;z-index:30;background:#14233550;backdrop-filter:blur(3px)}.artin-chat .n-thread{width:calc(100% - 28px);padding:15px 0 185px}.artin-chat .n-target-profile{padding-left:0}.artin-chat .n-target-credit{height:72px}.artin-chat .n-target-theme{top:-43px}.artin-chat .n-docked{left:0!important;right:0!important}}
@media(max-width:1024px) and (max-height:690px){.artin-chat .n-workspace:not(.n-docked){align-items:flex-start}.artin-chat .n-welcome-logo{display:none}.artin-chat .n-greeting{font-size:23px}.artin-chat .n-welcome-subtitle{margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){.artin-chat *{transition:none!important;animation:none!important}}

/* 1.5.9: conversations remain visible directly in the sidebar. */
.artin-chat .n-inline-history{margin:10px 0 16px;padding:0 0 10px;border-bottom:1px solid var(--line)}
.artin-chat .n-history-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;margin-bottom:5px}
.artin-chat .n-history-heading>span{display:flex;align-items:center;gap:8px}.artin-chat .n-history-heading b{font-size:14px;font-weight:700}.artin-chat .n-history-heading .n-svg{width:21px;height:21px;color:var(--artin-accent)}
.artin-chat .n-history-heading>button{border:0;background:none;color:var(--muted);font-size:11px;padding:5px 8px;border-radius:9px}.artin-chat .n-history-heading>button:hover{color:var(--artin-accent);background:var(--hover)}







.artin-chat .n-history-empty{margin:4px 0;padding:10px;font-size:11px;line-height:1.9;color:var(--muted)}.artin-chat .n-history-retry{border:1px solid var(--line);border-radius:10px;padding:7px;background:var(--panel);color:var(--artin-accent);font-size:12px}
@media(max-height:850px){
}

/* Persistent pin and rename controls, visible on touch as well as desktop. */
.artin-chat .n-history-row{display:flex;align-items:center;gap:2px;flex-shrink:0;min-width:0;border-radius:13px}









/* 1.5.11 — profile dialog: self-contained glass surface, both palettes. */
.artinai-body .n-profile-modal{z-index:140;display:grid;place-items:center;padding:24px;background:rgba(17,28,44,.23);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);overflow:auto;color:var(--artin-text)}
.n-profile-card{position:relative;isolation:isolate;width:min(440px,100%);max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid rgba(255,255,255,.8);border-radius:32px;padding:20px 24px 18px;background:color-mix(in srgb,var(--artin-surface) 91%,transparent);box-shadow:0 28px 90px #0c1f3b2a,inset 0 1px 0 #ffffffb0;backdrop-filter:blur(36px) saturate(1.4);-webkit-backdrop-filter:blur(36px) saturate(1.4);direction:rtl;text-align:right;animation:n-profile-enter .22s ease-out}
.n-profile-card::before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:220px;pointer-events:none;background:radial-gradient(ellipse at 78% 5%,color-mix(in srgb,var(--artin-accent) 13%,transparent),transparent 65%),radial-gradient(ellipse at 12% 0%,#75bdff25,transparent 64%);border-radius:inherit}
.n-profile-card .n-svg{display:block;width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.n-profile-header{display:flex;align-items:center;justify-content:space-between;min-height:34px;color:var(--artin-muted);font-size:12px}.n-profile-card .n-close{position:static;display:grid;place-items:center;flex:none;width:32px;height:32px;margin:0;padding:0;border:1px solid color-mix(in srgb,var(--artin-border) 70%,transparent);border-radius:50%;background:color-mix(in srgb,var(--artin-surface) 70%,transparent);color:var(--artin-text);font-size:23px;line-height:1;cursor:pointer}
.n-profile-identity{display:flex;flex-direction:column;align-items:center;text-align:center;padding:5px 0 19px}.n-profile-orbit{padding:6px;border:1px solid #ffffffa0;border-radius:50%;background:linear-gradient(145deg,#ffffff90,#ffffff10);box-shadow:0 8px 24px #152b4310}.n-profile-avatar{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:linear-gradient(145deg,#b7d1cd,#6a918c);box-shadow:inset 0 2px 5px #ffffff65;color:white;font-size:33px;font-weight:600}.n-profile-identity h2{font-size:23px;font-weight:800;line-height:1.7;margin:10px 0 1px;max-width:100%;overflow-wrap:anywhere;color:var(--artin-text)}.n-profile-identity p{margin:0 0 11px;font-size:11px;color:var(--artin-muted);line-height:1.8}.n-profile-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;border:1px solid color-mix(in srgb,var(--artin-accent) 19%,transparent);border-radius:30px;background:color-mix(in srgb,var(--artin-accent) 7%,var(--artin-surface));color:var(--artin-accent);font-size:11px;font-weight:700}.n-profile-badge .n-svg{width:16px;height:16px}
.n-profile-summary{display:grid;grid-template-columns:1fr 1fr;padding:14px 8px;margin-bottom:13px;border:1px solid color-mix(in srgb,var(--artin-border) 65%,transparent);border-radius:19px;background:color-mix(in srgb,var(--artin-surface) 60%,transparent);box-shadow:inset 0 1px 0 #ffffff30}.n-profile-summary>div{display:flex;flex-direction:column;gap:7px;align-items:center;text-align:center;padding:0 6px}.n-profile-summary>div+div{border-right:1px solid var(--artin-border)}.n-profile-summary small{font-size:10px;color:var(--artin-muted)}.n-profile-summary strong{font-size:12px;font-weight:600;overflow-wrap:anywhere}.n-profile-summary .n-profile-expiry{font-size:11px}
.n-profile-navigation{display:grid;gap:5px}.n-profile-action{display:flex;align-items:center;gap:12px;width:100%;padding:11px 9px;border:1px solid transparent;border-radius:17px;background:transparent;color:var(--artin-text);text-align:right;cursor:pointer;transition:background .15s,border-color .15s}.n-profile-action:hover{background:color-mix(in srgb,var(--artin-surface) 85%,var(--artin-accent) 5%);border-color:var(--artin-border)}.n-profile-action-icon{flex:none;width:40px;height:40px;border-radius:14px;border:1px solid color-mix(in srgb,var(--artin-border) 80%,transparent);background:color-mix(in srgb,var(--artin-surface) 70%,transparent);display:grid;place-items:center;color:var(--artin-accent)}.n-profile-action>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.n-profile-action b{font-size:13px;font-weight:600}.n-profile-action small{font-size:10px;color:var(--artin-muted)}.n-profile-action i{font-style:normal;font-size:24px;color:var(--artin-muted)}
.n-profile-switch{width:38px;height:23px;padding:3px;border-radius:20px;background:color-mix(in srgb,var(--artin-muted) 28%,var(--artin-surface));border:1px solid var(--artin-border);position:relative;flex:none;transition:background .2s}.n-profile-switch::after{content:"";display:block;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #10243530;transform:translateX(-14px);transition:transform .2s}.n-profile-action[aria-checked="true"] .n-profile-switch{background:var(--artin-accent);border-color:transparent}.n-profile-action[aria-checked="true"] .n-profile-switch::after{transform:translateX(0)}
.n-profile-footer{margin-top:13px;padding-top:14px;border-top:1px solid var(--artin-border);display:flex;flex-direction:column;align-items:center;gap:12px}.n-profile-footer button{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:11px;border-radius:15px;border:1px solid #db5d6128;background:#dc4c5407;color:#cb4d56;cursor:pointer;font-size:12px}.n-profile-footer button:hover{background:#dc4c5413}.n-profile-footer button:disabled{opacity:.6;cursor:wait}.n-profile-footer .n-svg{width:18px;height:18px}.n-profile-footer>small{font-size:9px;color:var(--artin-muted)}.n-profile-card button:focus-visible{outline:2px solid var(--artin-accent);outline-offset:3px}
[data-theme=dark] .n-profile-card{border-color:#ffffff20;box-shadow:0 28px 90px #0007,inset 0 1px 0 #ffffff16}[data-theme=dark] .n-profile-orbit{border-color:#ffffff20;background:linear-gradient(145deg,#ffffff16,#ffffff03)}[data-theme=dark] .n-profile-footer button{color:#ff939b}
@keyframes n-profile-enter{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:480px){.artinai-body .n-profile-modal{padding:14px}.n-profile-card{padding:15px 18px;max-height:calc(100dvh - 28px);border-radius:27px}.n-profile-avatar{width:62px;height:62px}.n-profile-identity{padding-bottom:13px}}
@media(prefers-reduced-motion:reduce){.n-profile-card{animation:none}.n-profile-card *{transition:none!important}}

/* 1.5.12 — unified glass header and inherited Persian model typography. */
.artin-chat .n-model-button,.artin-chat .n-model-button b,.artin-chat .n-model-label,.artin-chat .n-model-menu,.artin-chat .n-model-menu button,.artin-chat .n-model-menu b,.artin-chat .n-model-menu small{font-family:inherit}
.artin-chat .n-model-button b{min-width:0;line-height:1.8;letter-spacing:normal;unicode-bidi:plaintext}
@media(min-width:1025px){
.artin-chat .n-topbar{gap:20px;padding:0 22px;border-color:color-mix(in srgb,var(--artin-border) 55%,transparent);background:color-mix(in srgb,var(--artin-surface) 78%,transparent);border-radius:29px;box-shadow:0 10px 32px #192e4810,inset 0 1px 0 #ffffff80;backdrop-filter:blur(28px) saturate(1.3);-webkit-backdrop-filter:blur(28px) saturate(1.3)}
.artin-chat .n-top-brand{flex-basis:200px}.artin-chat .n-top-brand .n-brand-copy b{font-size:23px}.artin-chat .n-top-brand .n-brand-copy small{font-size:12px;letter-spacing:.25px}.artin-chat .n-top-brand .n-logo-fallback,.artin-chat .n-top-brand .n-brand-lockup img{width:40px;height:40px}
.artin-chat .n-top-center{gap:14px}.artin-chat .n-top-actions{height:52px;padding:5px 9px;gap:4px;border-radius:19px;background:color-mix(in srgb,var(--artin-surface) 45%,transparent);box-shadow:inset 0 1px 0 #ffffff50;border-color:var(--line)}
.artin-chat .n-top-actions button{width:40px;height:38px;padding:8px;border:0;border-radius:12px;transition:background .18s,color .18s,transform .18s}.artin-chat .n-top-actions button+button{margin-left:0}.artin-chat .n-top-actions button:first-child{border:0;padding:8px}.artin-chat .n-top-actions button:hover{background:color-mix(in srgb,var(--artin-accent) 9%,var(--artin-surface));color:var(--artin-accent);transform:translateY(-1px)}.artin-chat .n-top-actions .n-svg{width:22px;height:22px}
.artin-chat .n-top-center .n-model-wrap{flex:0 1 240px;min-width:0}.artin-chat .n-top-center .n-model-button{width:100%;min-width:190px;max-width:none;height:52px;padding:0 14px;gap:11px;border-radius:19px;background:color-mix(in srgb,var(--artin-surface) 75%,transparent);border-color:var(--line);box-shadow:0 3px 12px #1b304705,inset 0 1px 0 #ffffff60}.artin-chat .n-top-center .n-model-button b{font-size:15px;font-weight:600;text-align:center}.artin-chat .n-model-button>span,.artin-chat .n-model-button>img{width:30px;height:30px;flex:none;border-radius:10px;background:color-mix(in srgb,var(--artin-accent) 7%,var(--artin-surface));object-fit:contain}.artin-chat .n-model-button>.n-svg{width:15px;height:15px;color:var(--artin-muted)}
.artin-chat .n-top-center .n-model-menu{top:62px;width:min(310px,calc(100vw - 40px));padding:9px;border-radius:20px;border-color:var(--artin-border);background:color-mix(in srgb,var(--artin-surface) 97%,transparent);box-shadow:0 16px 45px #15284220;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.artin-chat .n-model-menu button{border-radius:13px;padding:11px 9px}.artin-chat .n-model-menu b{font-size:13px;font-weight:600}.artin-chat .n-model-menu small{font-size:10px;line-height:1.8}
.artin-chat .n-top-new{height:48px;border-radius:17px;padding:0 16px;gap:9px;font-size:13px;font-weight:600;background:color-mix(in srgb,var(--artin-accent) 5%,var(--artin-surface));border-color:color-mix(in srgb,var(--artin-accent) 28%,transparent);box-shadow:inset 0 1px 0 #ffffff60}.artin-chat .n-top-new svg{width:22px;height:22px;border-radius:7px}.artin-chat .n-top-bell{width:40px;height:40px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--artin-surface) 48%,transparent)}.artin-chat .n-top-bell .n-svg{width:21px;height:21px}
}
@media(min-width:1025px) and (max-width:1400px){.artin-chat .n-topbar{gap:14px;padding:0 18px}.artin-chat .n-top-brand{flex-basis:175px}.artin-chat .n-top-brand .n-brand-copy b{font-size:20px}.artin-chat .n-top-center{gap:10px}.artin-chat .n-top-actions{padding:5px;gap:1px}.artin-chat .n-top-actions button{width:31px}.artin-chat .n-top-center .n-model-wrap{flex-basis:205px}.artin-chat .n-top-center .n-model-button{min-width:175px}.artin-chat .n-top-new{padding:0 12px;font-size:12px}}
@media(min-width:1025px) and (max-width:1150px){.artin-chat .n-top-brand{flex-basis:145px}.artin-chat .n-top-brand .n-brand-copy b{font-size:18px}.artin-chat .n-top-brand .n-logo-fallback,.artin-chat .n-top-brand .n-brand-lockup img{width:32px;height:32px}.artin-chat .n-top-center .n-model-wrap{flex:1;min-width:0}.artin-chat .n-top-center .n-model-button{min-width:0;padding:0 10px;gap:8px}.artin-chat .n-top-center .n-model-button b{font-size:13px}.artin-chat .n-top-new{width:42px;padding:0;flex:none}.artin-chat .n-top-bell{width:34px;flex:none}}
@media(min-width:1025px) and (max-width:900px){.artin-chat .n-topbar{gap:10px;padding:0 12px}.artin-chat .n-top-brand{flex-basis:125px}.artin-chat .n-top-brand .n-brand-copy b{font-size:16px}.artin-chat .n-top-center{gap:6px}.artin-chat .n-top-center .n-model-button>span,.artin-chat .n-top-center .n-model-button>img{width:24px;height:24px}}
[data-theme=dark] .artin-chat .n-topbar{box-shadow:0 10px 32px #0002,inset 0 1px 0 #ffffff0c}[data-theme=dark] .artin-chat .n-top-actions,[data-theme=dark] .artin-chat .n-top-center .n-model-button,[data-theme=dark] .artin-chat .n-top-new{box-shadow:inset 0 1px 0 #ffffff09}
/* 1.6.0 — configurable toolbar and shared glass workspace panels. */
.artin-chat .n-top-actions{min-width:0;overflow-x:auto;justify-content:flex-start;scrollbar-width:thin;gap:4px}
.artin-chat .n-top-actions button{flex:none;display:flex;justify-content:center;align-items:center;gap:7px;border:0!important;padding:8px!important;margin:0!important;border-radius:14px}
.artin-chat .n-top-actions button>span{display:none}.artin-chat .n-top-actions.n-show-labels button{width:auto;white-space:nowrap;font-size:11px}.artin-chat .n-top-actions.n-show-labels button>span{display:inline}
.artin-chat .n-top-actions button:hover{background:var(--hover);color:var(--accent)}
.artin-chat .n-top-more{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:15px;background:var(--panel);color:var(--text);flex:none}
.artin-chat .n-toolbar-compact .n-top-actions{height:44px}.artin-chat .n-toolbar-compact .n-top-actions button{height:34px;width:36px}.artin-chat .n-toolbar-compact .n-top-actions.n-show-labels button{width:auto}
.n-modal.n-workspace-modal{padding:24px;background:#17233452;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100}
.n-modal>.n-library,.n-modal>.n-image-maker{box-sizing:border-box;position:relative;direction:rtl;width:min(850px,100%);max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;padding:32px;border:1px solid color-mix(in srgb,var(--surface,#fff) 70%,transparent);border-radius:28px;background:color-mix(in srgb,var(--surface,#fff) 94%,transparent);color:var(--text,#182333);box-shadow:0 30px 100px #09162930,inset 0 1px 0 #ffffff55;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);font-family:inherit;scrollbar-width:thin}
.n-library *,.n-image-maker *{box-sizing:border-box}.n-library button,.n-library input,.n-library select,.n-library textarea,.n-image-maker button,.n-image-maker textarea,.n-image-maker select{font-family:inherit;font-size:13px}
.n-library .n-svg,.n-image-maker .n-svg{width:21px;height:21px;flex:none}
.n-modal>.n-library>.n-close,.n-modal>.n-image-maker>.n-close{position:absolute;top:18px;left:18px;right:auto;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--border,#e7e5e3);border-radius:12px;background:var(--surface,#fff);color:var(--muted,#808998);font-size:24px;cursor:pointer}
.n-panel-heading{display:flex;align-items:center;gap:14px;padding-left:32px;margin:0 0 25px}.n-panel-heading h2{margin:0 0 6px;font-size:20px;line-height:1.6}.n-panel-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.9}
.n-panel-symbol,.n-prompt-mark,.n-launcher-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:16px;color:var(--accent,#ff6900);background:color-mix(in srgb,var(--accent,#ff6900) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent,#ff6900) 14%,transparent)}
.n-library input:not([type=checkbox]),.n-library select,.n-library textarea,.n-image-maker textarea,.n-image-maker select{min-height:44px;max-width:100%;border:1px solid var(--border,#e7e5e3);border-radius:13px;padding:10px 13px;background:var(--surface,#fff);color:var(--text);outline:none}.n-library textarea,.n-image-maker textarea{width:100%;min-height:110px;resize:vertical;line-height:1.9}
.n-library button:not(.n-close),.n-image-maker button:not(.n-close){min-height:38px;padding:8px 13px;border:1px solid var(--border,#e7e5e3);border-radius:12px;background:var(--surface,#fff);color:var(--text);cursor:pointer;transition:background .18s,border-color .18s}
.n-library button:not(.n-close):hover,.n-image-maker button:not(.n-close):hover{border-color:var(--accent,#ff6900);background:color-mix(in srgb,var(--accent,#ff6900) 5%,var(--surface,#fff))}
.n-library :is(button,input,textarea,select,summary):focus-visible,.n-image-maker :is(button,input,textarea,select):focus-visible{outline:2px solid var(--accent,#ff6900);outline-offset:3px}.n-library button:disabled,.n-image-maker button:disabled{opacity:.5;cursor:not-allowed}
.n-library .n-panel-primary{display:flex;align-items:center;justify-content:center;gap:7px;background:var(--accent,#ff6900)!important;border-color:transparent!important;color:#fff!important}
.n-library-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:15px;margin:10px 0;border:1px solid var(--border,#e7e5e3);border-radius:17px;background:color-mix(in srgb,var(--surface,#fff) 80%,transparent);font-size:13px;line-height:1.8}.n-library-row>b,.n-library-row>strong,.n-library-row>span:first-child{flex:1;min-width:100px;overflow-wrap:anywhere}.n-library-row small{color:var(--muted)}
.n-library>p{display:flex;flex-wrap:wrap;gap:9px;align-items:center;line-height:1.9}.n-library>p>input{flex:1;min-width:150px}
.n-panel-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:38px 20px;border:1px dashed var(--border,#e7e5e3);border-radius:20px;margin:12px 0;color:var(--muted);font-size:13px;line-height:1.9}.n-panel-empty .n-svg{width:34px;height:34px;color:var(--accent)}.n-panel-empty h3,.n-panel-empty p{margin:0}.n-panel-empty h3{color:var(--text);font-size:15px}
.n-panel-filters{display:flex;gap:10px;align-items:stretch}.n-panel-search{flex:1;min-width:0;display:flex;align-items:center;border:1px solid var(--border,#e7e5e3);border-radius:14px;padding:0 12px;background:var(--surface,#fff);color:var(--muted)}.n-panel-search input{width:100%;border:0!important;background:transparent!important}.n-panel-filters>select{max-width:40%}
.n-prompt-count{color:var(--muted);font-size:11px;margin:16px 0!important}.n-prompt-grid{display:grid;gap:14px;align-items:start}.n-prompt-cols-1{grid-template-columns:1fr}.n-prompt-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.n-prompt-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.n-prompt-card{min-width:0;padding:19px;border:1px solid var(--border,#e7e5e3);border-radius:20px;background:color-mix(in srgb,var(--surface,#fff) 83%,transparent);box-shadow:0 5px 20px #13243b04}.n-prompt-card-top{display:flex;align-items:center;gap:8px}.n-prompt-mark{width:35px;height:35px;border-radius:11px;font-size:18px}.n-prompt-category{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.n-prompt-featured{margin-right:auto;padding:3px 7px;border-radius:7px;font-size:9px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.n-prompt-card h3{font-size:14px;margin:17px 0 8px;line-height:1.8}.n-prompt-card p{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 14px}.n-prompt-card details{border-top:1px solid var(--border);padding-top:12px;margin-bottom:14px}.n-prompt-card summary{cursor:pointer;font-size:11px;color:var(--muted)}.n-prompt-card pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:190px;overflow:auto;font:inherit;font-size:12px;line-height:1.9;padding:10px;background:var(--hover);border-radius:10px}.n-prompt-buttons{display:flex;gap:8px;margin-top:16px}.n-prompt-buttons>button:first-child{flex:1;font-size:11px}.n-prompt-buttons>button:last-child{display:grid;place-items:center;padding:8px}
.n-launcher-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.n-launcher-grid>button{display:flex;flex-direction:column;align-items:flex-start;text-align:right;gap:12px;padding:20px!important;border-radius:20px!important}.n-launcher-grid b,.n-launcher-grid>button>span{font-size:13px}.n-launcher-grid small{color:var(--muted);font-size:11px;line-height:1.9}.n-launcher-grid>button>.n-svg{color:var(--accent);width:28px;height:28px}.n-image-maker>h2{padding-left:35px;font-size:20px}.n-image-maker img{max-width:100%;height:auto;border-radius:18px}.n-library img{max-width:100%;height:auto;border-radius:12px}
[data-theme=dark] .n-modal>.n-library,[data-theme=dark] .n-modal>.n-image-maker{box-shadow:0 30px 100px #0007,inset 0 1px 0 #ffffff0a;border-color:var(--border)}
@media(max-width:1150px){.artin-chat .n-top-more{display:flex}.artin-chat .n-top-actions{display:none}}
@media(max-width:640px){.n-modal.n-workspace-modal{padding:12px}.n-modal>.n-library,.n-modal>.n-image-maker{padding:22px 16px;max-height:calc(100dvh - 24px);border-radius:22px}.n-panel-heading{gap:10px}.n-panel-heading h2{font-size:17px}.n-panel-symbol{width:40px;height:40px;border-radius:13px}.n-panel-filters{flex-direction:column}.n-panel-filters>select{max-width:100%;width:100%}.n-prompt-grid{grid-template-columns:1fr}.n-launcher-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.n-launcher-grid>button{padding:15px!important}.n-library-row{padding:12px}.n-library-row>input{width:100%}}

.n-image-actions{display:flex;gap:10px;margin:16px 0}.n-image-stage{text-align:center;padding:24px;border:1px dashed var(--border);border-radius:18px;margin-top:18px;color:var(--muted);font-size:13px;line-height:1.9}.n-image-maker select{margin-top:12px;width:100%}.n-image-download{display:block;padding:12px;color:var(--accent)}
/* 1.7.0 — RTL writing studio and personal preferences. */
.artin-chat .n-composer-studio{direction:rtl;padding:20px 22px 12px;border-radius:27px;min-height:170px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 18px 48px #1625380c,inset 0 1px 0 #ffffff70}
.artin-chat .n-composer-studio:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 14px 45px #1625380b,0 0 0 3px color-mix(in srgb,var(--accent) 6%,transparent)}
.artin-chat .n-composer-studio textarea,.artin-chat .n-composer-studio textarea:placeholder-shown{direction:rtl;text-align:right!important;width:100%;font-family:inherit;font-size:var(--chat-font-size,16px);line-height:1.95;min-height:72px;max-height:180px;resize:none;padding:0 3px 10px;background:transparent;border:0;outline:none}.artin-chat .n-composer-studio textarea::placeholder{text-align:right;color:var(--muted);opacity:.85}
.artin-chat .n-compose-actions{display:flex;direction:rtl;align-items:center;justify-content:space-between;gap:16px}.artin-chat .n-composer-tools{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-width:0}.artin-chat .n-composer-tools .n-tool,.artin-chat .n-composer-tools .n-format-btn{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;border:1px solid transparent;margin:0;background:transparent;color:var(--muted)}.artin-chat .n-composer-tools button:hover{background:var(--hover);color:var(--accent);border-color:var(--line)}.artin-chat .n-composer-tools .n-svg{width:19px;height:19px}.artin-chat .n-composer-format{display:flex;gap:2px;border-inline-start:1px solid var(--line);padding-inline-start:5px;margin-inline-start:3px}.artin-chat .n-composer-studio .n-send{width:47px;height:47px;border:0;border-radius:16px;margin:0;flex:none}.artin-chat .n-composer-studio .n-send:disabled{opacity:.38;box-shadow:none;cursor:not-allowed}.artin-chat .n-composer-studio .n-send .n-svg{width:24px;height:24px}
.artin-chat .n-compose-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-top:10px;margin-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;line-height:1.7}.artin-chat .n-compose-meta:empty{display:none}.artin-chat .n-composer-model{display:flex;align-items:center;gap:6px;min-width:0;max-width:220px;padding:3px 0;border:0;background:transparent;color:var(--muted);font:inherit}.artin-chat .n-composer-model span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artin-chat .n-composer-model .n-svg{width:14px;height:14px}.artin-chat .n-compose-count{margin-inline-start:auto;white-space:nowrap;direction:ltr;font-variant-numeric:tabular-nums}
.artin-chat .n-msg{font-size:var(--chat-font-size,16px)}.artin-chat.n-density-compact .n-msg{line-height:1.65}.artin-chat.n-density-compact .n-composer-studio{padding:13px 17px 9px;min-height:145px}.artin-chat.n-density-compact .n-composer-studio textarea{min-height:52px}.artin-chat.n-reduce-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.artin-chat .n-thread{padding-bottom:330px}.artin-chat .n-workspace:not(.n-docked){padding-bottom:245px}.artin-chat .n-docked{height:270px}
.n-pref-section{border:1px solid var(--border);border-radius:19px;padding:18px;margin:14px 0;background:color-mix(in srgb,var(--surface) 75%,transparent)}.n-pref-section h3{font-size:14px;margin:0 0 14px}.n-pref-section>p{font-size:11px;color:var(--muted);line-height:1.9}.n-pref-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.n-preference-select{display:flex;flex-direction:column;gap:9px;font-size:12px;margin:10px 0 16px}.n-preference-row{position:relative;display:flex;align-items:center;gap:20px;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--border);cursor:pointer}.n-preference-row:last-child{border:0}.n-preference-row>span{display:flex;flex-direction:column;gap:5px}.n-preference-row b{font-size:12px;font-weight:600}.n-preference-row small{font-size:11px;color:var(--muted);line-height:1.8}.n-preference-row input{position:absolute;left:0;width:42px;height:26px;opacity:0;cursor:pointer}.n-preference-row i{position:relative;width:42px;height:25px;flex:none;background:var(--border);border-radius:20px;transition:background .2s}.n-preference-row i:after{content:'';position:absolute;width:19px;height:19px;top:3px;left:3px;background:#fff;border-radius:50%;box-shadow:0 2px 5px #0002;transition:transform .2s}.n-preference-row input:checked+i{background:var(--accent)}.n-preference-row input:checked+i:after{transform:translateX(17px)}.n-preference-row input:focus-visible+i{outline:2px solid var(--accent);outline-offset:3px}.n-pref-locked{opacity:.55;cursor:not-allowed}.n-preferences-footer{display:flex;gap:10px;flex-wrap:wrap;position:sticky;bottom:-32px;padding:16px 0;background:var(--surface)}.n-preferences #preferencesStatus{font-size:12px;color:var(--muted)}
@media(max-width:1024px){.artin-chat .n-composer-studio{bottom:10px;padding:13px 13px 10px;border-radius:23px}.artin-chat .n-composer-tools{gap:2px}.artin-chat .n-composer-tools .n-tool,.artin-chat .n-composer-tools .n-format-btn{width:30px;height:32px}.artin-chat .n-compose-actions{gap:8px}.artin-chat .n-compose-hint{display:none}.artin-chat .n-compose-meta{gap:8px}.artin-chat .n-thread{padding-bottom:355px}.artin-chat .n-workspace:not(.n-docked){padding-bottom:280px}.n-pref-columns{grid-template-columns:1fr}.n-preferences-footer{bottom:-22px}.n-pref-section{padding:14px}}
/* 1.7.1 Responsive reconciliation: one flow for thread and composer. */
.artinai-body .artin-chat{height:var(--artin-viewport-height,100dvh);top:var(--artin-viewport-top,0px);min-width:0}
.artinai-body .artin-chat .n-main{display:flex;flex-direction:column;min-width:0;min-height:0;margin:0;padding:0;overflow:hidden}
.artinai-body .artin-chat .n-workspace:not(.n-docked){display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:24px;min-height:0;height:100%;padding:24px 16px 14px;overflow:auto;overscroll-behavior:contain}
.artinai-body .artin-chat .n-welcome-area{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:none;max-width:900px;margin:auto;width:100%;padding-block:12px}
.artinai-body .artin-chat .n-greeting{white-space:normal;overflow-wrap:anywhere;text-align:center}
.artinai-body .artin-chat .n-reference-cards{width:100%;min-width:0}.artinai-body .artin-chat .n-quick-chip{min-width:0;height:auto;min-height:90px}.artinai-body .artin-chat .n-quick-copy{min-width:0}.artinai-body .artin-chat .n-quick-copy small{white-space:normal;overflow-wrap:anywhere}
.artinai-body .artin-chat .n-composer-studio{position:relative;inset:auto;width:100%;max-width:1100px;margin:0 auto;flex:none;min-height:0;max-height:min(55dvh,440px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.artinai-body .artin-chat .n-docked{position:relative;inset:auto!important;transform:none!important;flex:none;width:100%!important;height:auto;max-height:none;overflow:visible;padding:12px 16px max(14px,env(safe-area-inset-bottom));pointer-events:auto}
.artinai-body .artin-chat .n-thread{flex:1 1 0;height:auto;min-height:0;width:min(100%,1000px);padding:22px 24px 18px!important;scroll-padding-bottom:18px;overflow:auto}
.artinai-body .artin-chat .n-composer-studio textarea{font-size:var(--chat-font-size,16px)!important;min-height:52px;max-height:min(25dvh,180px)}
.artinai-body .artin-chat .n-msg-row .n-msg{font-size:var(--chat-font-size,16px)!important}.artinai-body .artin-chat.n-density-compact .n-msg-row .n-msg{line-height:1.65!important}
.artinai-body .artin-chat .n-sidebar{width:var(--side);overflow:auto;overscroll-behavior:contain}.artinai-body .artin-chat .n-sidebar>*{flex-shrink:0}
.artinai-body .artin-chat .n-top-center .n-model-wrap{min-width:0}.artinai-body .artin-chat .n-model-menu{width:min(310px,calc(100vw - 32px));max-height:60dvh}.artinai-body .artin-chat .n-model-menu button{min-width:0}.artinai-body .artin-chat .n-model-menu button>span{min-width:0;overflow-wrap:anywhere}
.artinai-body .n-modal{max-width:100vw;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow:auto;overscroll-behavior:contain}
.artinai-body .n-modal>section{min-width:0;max-width:100%;max-height:calc(100dvh - 32px);overflow-y:auto}.artinai-body .n-modal :is(input,select,textarea){min-width:0;max-width:100%}.artinai-body .n-library-row{overflow-wrap:anywhere}.artinai-body .n-library-row>div{min-width:0;max-width:100%}.artinai-body .n-auth-card{max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);overflow:auto}.artinai-body .n-plan-grid{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}
.artinai-body .n-library .n-close,.artinai-body .n-image-maker .n-close,.artinai-body .n-profile-card .n-close{min-width:40px;min-height:40px}.artinai-body .n-panel-heading{padding-left:42px}
.artinai-body .n-toast{max-width:calc(100vw - 32px);overflow-wrap:anywhere;bottom:max(16px,env(safe-area-inset-bottom))}
@media(max-width:1024px){
 .artinai-body .artin-chat{--side:0px;--gutter:0px}.artinai-body .artin-chat .n-topbar{display:none}.artinai-body .artin-chat .n-mobile-header{display:flex;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));height:62px;min-height:62px;gap:8px}.artinai-body .artin-chat .n-main{inset:calc(var(--artinai-mobile-header-height,62px) + max(10px,env(safe-area-inset-top)) + 10px) 0 0;margin:0;padding:0}
 .artinai-body .artin-chat .n-sidebar{width:min(332px,calc(100vw - 24px));inset:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom)) auto;transform:translateX(calc(100% + 12px))}.artinai-body .artin-chat .n-sidebar.open{transform:none}.artinai-body .artin-chat .n-backdrop.show{display:block}.artinai-body .artin-chat .n-side-collapse{display:none}
 .artinai-body .artin-chat .n-mobile-actions{flex:none;gap:4px}.artinai-body .artin-chat .n-mobile-actions button{width:40px;height:40px}.artinai-body .artin-chat .n-brand-lockup{min-width:0;gap:7px}.artinai-body .artin-chat .n-brand-copy{min-width:0}.artinai-body .artin-chat .n-brand-copy b{font-size:17px;overflow:hidden;text-overflow:ellipsis}.artinai-body .artin-chat .n-brand-copy small{font-size:11px}
 .artinai-body .artin-chat .n-workspace:not(.n-docked){padding:12px 12px max(12px,env(safe-area-inset-bottom));gap:16px}.artinai-body .artin-chat .n-docked{padding:8px 12px max(12px,env(safe-area-inset-bottom))}.artinai-body .artin-chat .n-thread{padding:14px!important}.artinai-body .artin-chat .n-composer-studio textarea{font-size:max(16px,var(--chat-font-size,16px))!important}
 .artinai-body .artin-chat .n-composer-tools .n-tool,.artinai-body .artin-chat .n-composer-tools .n-format-btn{min-width:40px;min-height:40px}.artinai-body .artin-chat .n-composer-tools{gap:2px}.artinai-body .artin-chat .n-composer-format{flex-wrap:wrap}.artinai-body .artin-chat .n-compose-actions{align-items:flex-end}.artinai-body .artin-chat .n-compose-hint{display:none}.artinai-body .artin-chat .n-copy{opacity:1}
 .artinai-body .n-modal :is(input,select,textarea){font-size:16px}.artinai-body .n-pref-columns{grid-template-columns:1fr 1fr}
}
@media(max-width:420px){.artinai-body .artin-chat .n-reference-cards{grid-template-columns:1fr}.artinai-body .artin-chat .n-quick-chip{min-height:68px}.artinai-body .artin-chat .n-welcome-logo{display:none}.artinai-body .artin-chat .n-greeting{font-size:25px!important}.artinai-body .artin-chat .n-brand-copy small{display:none}.artinai-body .artin-chat .n-logo-fallback{width:26px;height:26px}.artinai-body .artin-chat .n-compose-meta{gap:6px}.artinai-body .artin-chat .n-composer-model{max-width:155px}.artinai-body .n-pref-columns,.artinai-body .n-launcher-grid{grid-template-columns:1fr}.artinai-body .n-subscriptions{padding:24px 14px}}
@media(max-height:540px){.artinai-body .artin-chat .n-welcome-logo{display:none}.artinai-body .artin-chat .n-composer-studio{max-height:60dvh}.artinai-body .artin-chat .n-composer-studio textarea{min-height:38px;max-height:90px}.artinai-body .artin-chat .n-compose-meta{display:none}.artinai-body .artin-chat .n-welcome-area{padding:0}.artinai-body .artin-chat .n-welcome-subtitle{margin:8px 0}.artinai-body .artin-chat .n-main{min-height:0}}
/* 1.8.0 — Artin frosted interface. Structural responsive rules remain shared. */
body.artinai-body{--artin-accent:#3979ed;--accent:var(--artin-accent);--artin-bg:#eef1f7;--artin-surface:#fff;--surface:#fff;--artin-text:#243044;--text:var(--artin-text);--artin-muted:#718097;--muted:var(--artin-muted);--artin-border:#dfe5ee;--border:var(--artin-border);--glass-panel:rgba(255,255,255,.7);--glass-solid:rgba(255,255,255,.93);--glass-edge:rgba(255,255,255,.88);--glass-shadow:0 12px 40px #253c6410,inset 0 1px 0 #fff9;--hover:#e8eef8;--send-bg:#3979ed;--send-text:#fff}
[data-theme=dark] body.artinai-body{--artin-bg:#151922;--artin-surface:#252c39;--surface:#252c39;--artin-text:#edf2fb;--text:#edf2fb;--artin-muted:#a3afc1;--muted:#a3afc1;--artin-border:#ffffff12;--border:#ffffff12;--glass-panel:rgba(39,47,62,.74);--glass-solid:rgba(37,44,58,.96);--glass-edge:rgba(255,255,255,.1);--glass-shadow:0 16px 44px #0002,inset 0 1px 0 #ffffff06;--hover:#ffffff0b;--artin-accent:#80acff;--accent:#80acff;--send-bg:#598de9;--send-text:#fff}
.artinai-body .artin-chat{--panel:var(--glass-panel);--line:var(--border);background:radial-gradient(ellipse at 12% 12%,#a5bde333,transparent 55%),radial-gradient(ellipse at 82% 84%,#c5b9e633,transparent 52%),var(--artin-bg)!important}
.artinai-body .artin-chat::before,.artinai-body .artin-chat::after{display:none!important}
.artinai-body .artin-chat :is(.n-topbar,.n-sidebar,.n-mobile-header){background:var(--glass-panel);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);backdrop-filter:blur(30px) saturate(135%);-webkit-backdrop-filter:blur(30px) saturate(135%)}
.artinai-body .artin-chat .n-topbar{height:72px;top:16px;border-radius:24px;padding:0 20px;gap:18px}.artinai-body .artin-chat .n-main{top:100px}.artinai-body .artin-chat .n-top-brand{flex-basis:170px}.artinai-body .artin-chat .n-top-brand .n-brand-copy b{font-size:20px;font-weight:700;letter-spacing:0}.artinai-body .artin-chat .n-brand-copy small{font-size:10px;line-height:1.8;font-family:inherit;letter-spacing:1px;color:var(--muted)}
.artinai-body .artin-chat .n-logo-fallback{color:var(--accent);width:33px;height:33px}.artinai-body .artin-chat .n-top-actions{background:var(--hover);box-shadow:none;border:1px solid var(--border);height:43px;border-radius:15px;padding:4px;gap:3px}.artinai-body .artin-chat .n-top-actions button{height:33px;width:35px;color:var(--muted);border-radius:10px}.artinai-body .artin-chat .n-top-actions button:hover{background:var(--glass-solid);box-shadow:0 2px 6px #15253f10;color:var(--accent)}
.artinai-body .artin-chat .n-top-center .n-model-button{height:43px;border-radius:15px!important;background:var(--hover);border:1px solid var(--border);box-shadow:none;padding:0 12px}.artinai-body .artin-chat .n-top-center .n-model-button b{font-size:12px}.artinai-body .artin-chat .n-top-new{height:43px;border-radius:15px;background:var(--glass-solid);color:var(--text);border:1px solid var(--border);box-shadow:0 2px 5px #14284006;font-size:12px}.artinai-body .artin-chat .n-top-new .n-svg{background:none;color:var(--accent);width:20px;height:20px}
.artinai-body .artin-chat .n-sidebar{border-radius:26px;padding:18px;bottom:16px;top:16px}.artinai-body .artin-chat .n-target-profile{height:auto;min-height:75px;padding:0 0 16px}.artinai-body .artin-chat .n-account{gap:12px;min-height:58px}.artinai-body .artin-chat .n-avatar{width:48px;height:48px;border:1px solid var(--glass-edge);border-radius:17px;background:linear-gradient(145deg,#a8c6f0,#6a89c2);box-shadow:0 3px 10px #10295110;color:#fff;font-size:22px}.artinai-body .artin-chat .n-profile-copy{white-space:normal;gap:2px!important}.artinai-body .artin-chat .n-profile-copy small{font-size:10px;color:var(--muted);font-weight:400}.artinai-body .artin-chat .n-profile-copy b{display:block;font-size:13px;line-height:1.8;color:var(--text);font-weight:600}.artinai-body .artin-chat .n-profile-copy em{font-size:10px;color:var(--muted)}
.artinai-body .artin-chat .n-side-collapse{width:25px;height:39px;top:30px;left:-13px;border-radius:11px;background:var(--glass-solid);border-color:var(--border);font-size:24px;box-shadow:0 4px 12px #182c4910}
.artinai-body .artin-chat .n-target-search{height:39px;border-radius:12px;background:var(--hover);border:1px solid transparent;padding:0 11px}.artinai-body .artin-chat .n-target-search input{font-size:11px}.artinai-body .artin-chat .n-target-search svg{width:16px;height:16px;color:var(--muted)}
.artinai-body .artin-chat .n-target-new{height:43px;border-radius:13px!important;background:linear-gradient(180deg,#568cf2,#3974da);border:1px solid #ffffff22;color:#fff;box-shadow:0 4px 12px #2d6bd122,inset 0 1px 0 #ffffff33;font-weight:600;font-size:13px;margin-bottom:20px}
.artinai-body .artin-chat .n-target-title{height:30px;font-size:11px;color:var(--muted);font-weight:500}.artinai-body .artin-chat .n-target-title .n-svg{width:16px;height:16px;color:var(--muted)}.artinai-body .artin-chat .n-target-row{height:42px;border-radius:13px;background:var(--hover);border:1px solid var(--border);margin-bottom:12px}.artinai-body .artin-chat .n-target-row b{font-size:12px}.artinai-body .artin-chat .n-target-label{font-size:10px;padding:12px 4px 8px}.artinai-body .artin-chat .n-target-services{gap:6px}.artinai-body .artin-chat .n-target-services button{height:40px;border-radius:12px;background:var(--hover);border:1px solid transparent;padding:6px 9px;gap:8px}.artinai-body .artin-chat .n-target-services b{font-size:11px;font-weight:500}.artinai-body .artin-chat .n-target-services .n-svg{width:18px;height:18px;color:var(--muted)}
.artinai-body .artin-chat .n-target-link{height:38px;border-radius:11px;padding-inline:9px;gap:10px}.artinai-body .artin-chat .n-target-link b{font-size:12px;font-weight:500}.artinai-body .artin-chat .n-target-link .n-svg{width:18px;height:18px;color:var(--muted)}.artinai-body .artin-chat .n-target-link:hover{background:var(--hover)}.artinai-body .artin-chat .n-inline-history{margin-block:8px 12px}.artinai-body .artin-chat .n-history-heading b{font-size:11px}.artinai-body .artin-chat .n-history-heading .n-svg{width:16px;color:var(--muted)}


.artinai-body .artin-chat .n-target-credit{height:65px;border-radius:17px;background:var(--hover);border:1px solid var(--border);box-shadow:none;grid-template-columns:34px 1fr 12px;gap:10px}.artinai-body .artin-chat .n-target-credit>span:first-child{width:34px;height:34px;border-radius:12px;background:var(--glass-panel)}.artinai-body .artin-chat .n-target-credit b{font-size:12px}.artinai-body .artin-chat .n-target-credit small{font-size:9px}.artinai-body .artin-chat .n-target-theme{position:relative;top:auto;left:auto;margin:8px auto 0;width:32px;height:28px;border-radius:9px}
.artinai-body .artin-chat .n-welcome-area{max-width:740px;padding:24px 12px}.artinai-body .artin-chat .n-welcome-logo{width:70px;height:70px;border-radius:23px;background:linear-gradient(145deg,#dbe9ff,#d7dcf6);box-shadow:inset 0 1px 0 #ffffffa0,0 9px 25px #5c7dac1a;border:1px solid var(--glass-edge);margin-bottom:22px}.artinai-body .artin-chat .n-welcome-logo svg{width:34px;height:34px;color:#547cbe;stroke-width:1.5}.artinai-body .artin-chat .n-greeting{font-size:clamp(24px,2.5vw,34px)!important;font-weight:600;letter-spacing:-.5px;line-height:1.7}.artinai-body .artin-chat .n-welcome-subtitle{font-size:13px;font-weight:400;margin:8px 0 28px;color:var(--muted)}
.artinai-body .artin-chat .n-reference-cards{gap:12px;max-width:660px;direction:rtl}.artinai-body .artin-chat .n-quick-chip{min-height:85px;padding:16px;gap:13px;border-radius:20px;background:var(--glass-panel);border:1px solid var(--glass-edge);box-shadow:0 3px 15px #1c355408;backdrop-filter:blur(20px);transition:background .18s,box-shadow .18s,transform .18s}.artinai-body .artin-chat .n-quick-chip:hover{transform:translateY(-2px);background:var(--glass-solid);box-shadow:0 8px 22px #182e5610;border-color:var(--glass-edge)}.artinai-body .artin-chat .n-quick-icon{width:40px;height:40px;border-radius:13px;background:color-mix(in srgb,var(--accent) 9%,transparent);border:0;box-shadow:none;color:var(--accent)}.artinai-body .artin-chat .n-quick-icon svg{width:22px;height:22px;stroke-width:1.6}.artinai-body .artin-chat .n-quick-chip:nth-child(2) .n-quick-icon{color:#9675cf;background:#9675cf12}.artinai-body .artin-chat .n-quick-chip:nth-child(3) .n-quick-icon{color:#4a9b9b;background:#4a9b9b12}.artinai-body .artin-chat .n-quick-copy b{font-size:13px;font-weight:600;white-space:normal}.artinai-body .artin-chat .n-quick-copy small{font-size:10px;line-height:1.9}
.artinai-body .artin-chat .n-composer-studio{max-width:920px;background:var(--glass-solid);border:1px solid var(--glass-edge);border-radius:24px;box-shadow:var(--glass-shadow);padding:18px 20px 12px;backdrop-filter:blur(24px)}.artinai-body .artin-chat .n-composer-studio:focus-within{border-color:color-mix(in srgb,var(--accent) 35%,var(--glass-edge));box-shadow:var(--glass-shadow),0 0 0 3px color-mix(in srgb,var(--accent) 5%,transparent)}.artinai-body .artin-chat .n-composer-studio textarea{min-height:52px;line-height:1.9}.artinai-body .artin-chat .n-composer-studio .n-send{border-radius:14px!important;width:43px;height:43px;background:linear-gradient(160deg,#6196f2,#3a73d4)!important;box-shadow:0 4px 12px #245fba22,inset 0 1px 0 #fff3;color:#fff!important}.artinai-body .artin-chat .n-composer-studio .n-send:disabled{opacity:.45;box-shadow:none}.artinai-body .artin-chat .n-composer-tools .n-tool,.artinai-body .artin-chat .n-composer-tools .n-format-btn{border-radius:11px!important;color:var(--muted)}.artinai-body .artin-chat .n-composer-tools button:hover{background:var(--hover);border-color:transparent}.artinai-body .artin-chat .n-compose-meta{border-color:var(--border);font-size:9px;padding-top:8px;margin-top:8px}.artinai-body .artin-chat .n-compose-count{opacity:.7}
.artinai-body .artin-chat .n-msg-row.user .n-msg{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border:1px solid var(--border);border-radius:20px 20px 6px 20px!important;padding:13px 18px}.artinai-body .artin-chat .n-model-menu,.artinai-body .n-modal>.n-library,.artinai-body .n-modal>.n-image-maker,.artinai-body .n-profile-card,.artinai-body .n-subscriptions{background:var(--glass-solid);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);border-radius:25px}.artinai-body .n-modal{background:#10192855;backdrop-filter:blur(14px)}.artinai-body .n-prompt-card,.artinai-body .n-pref-section,.artinai-body .n-plan-card{border-color:var(--border);background:var(--hover)}.artinai-body .n-library .n-panel-primary{background:#447ee1!important;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff2a}
@media(min-width:1025px){.artinai-body .artin-chat{--side:286px;--gutter:20px}.artinai-body .artin-chat .n-topbar{right:calc(var(--side) + var(--edge) + var(--gutter))}.artinai-body .artin-chat .n-main{right:calc(var(--side) + var(--edge) + var(--gutter))}.artinai-body .artin-chat.without-sidebar,.artinai-body .artin-chat.sidebar-collapsed{--side:0px;--gutter:0px}.artinai-body .artin-chat .n-top-center{gap:10px}}
@media(max-width:1024px){.artinai-body .artin-chat .n-main{top:calc(var(--artinai-mobile-header-height,62px) + max(10px,env(safe-area-inset-top)) + 10px)}.artinai-body .artin-chat .n-sidebar{width:min(310px,calc(100vw - 24px))}.artinai-body .artin-chat .n-mobile-header{border-radius:20px}.artinai-body .artin-chat .n-welcome-area{padding:16px 4px}.artinai-body .artin-chat .n-composer-studio{padding:14px 13px 10px;border-radius:21px}.artinai-body .artin-chat .n-welcome-subtitle{font-size:12px}.artinai-body .artin-chat .n-quick-chip{padding:12px;gap:10px}}
@media(max-width:420px){.artinai-body .artin-chat .n-quick-chip{min-height:68px}.artinai-body .artin-chat .n-reference-cards{gap:8px}.artinai-body .artin-chat .n-greeting{font-size:24px!important}}
@media(prefers-reduced-motion:reduce){.artinai-body .artin-chat button{transition:none!important;transform:none!important}}

/* =========================================================
   ArtinAI 1.8.1 — Persian RTL Chat Layout Refresh
   User: right | Assistant: left | Sidebar: right | Composer: bottom
   ========================================================= */
.artinai-body .artin-chat{direction:rtl}
.artinai-body .artin-chat .n-main{direction:rtl}
.artinai-body .artin-chat .n-thread{width:min(100%,1120px);max-width:1120px;margin-inline:auto;padding-inline:34px!important;direction:rtl}
.artinai-body .artin-chat .n-msg-row{width:100%;max-width:100%;display:flex;align-items:flex-end;gap:8px;margin:0 0 22px;direction:rtl}
.artinai-body .artin-chat .n-msg-row.user{margin-left:0!important;margin-right:0!important;justify-content:flex-start;flex-direction:row}
.artinai-body .artin-chat .n-msg-row.ai{margin-left:0!important;margin-right:0!important;justify-content:flex-end;flex-direction:row-reverse;direction:ltr}
.artinai-body .artin-chat .n-msg-row .n-msg{width:auto;max-width:min(72%,760px);direction:rtl;text-align:right;line-height:1.95;overflow-wrap:anywhere}
.artinai-body .artin-chat .n-msg-row.user .n-msg{margin:0;background:color-mix(in srgb,var(--accent) 11%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 13%,var(--border));border-radius:22px 22px 7px 22px!important;padding:13px 18px;box-shadow:0 5px 18px rgba(20,35,55,.045)}
.artinai-body .artin-chat .n-msg-row.ai .n-msg{margin:0;background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--border);border-radius:22px 22px 22px 7px;padding:13px 18px;box-shadow:0 5px 18px rgba(20,35,55,.035);direction:rtl;text-align:right}
.artinai-body .artin-chat .n-msg-row.user .n-copy{order:2}.artinai-body .artin-chat .n-msg-row.ai .n-copy{order:2}

/* Bottom composer: wide, calm and explicitly RTL; send stays on physical left. */
.artinai-body .artin-chat .n-docked{padding:12px 28px max(18px,env(safe-area-inset-bottom));background:linear-gradient(to top,color-mix(in srgb,var(--bg) 96%,transparent) 58%,transparent);z-index:8}
.artinai-body .artin-chat .n-composer-studio{width:min(100%,980px);max-width:980px;margin:0 auto;padding:14px 16px 10px;border-radius:25px;background:color-mix(in srgb,var(--surface) 96%,transparent);border:1px solid color-mix(in srgb,var(--border) 90%,transparent);box-shadow:0 16px 45px rgba(18,34,55,.10),inset 0 1px 0 rgba(255,255,255,.5);backdrop-filter:blur(22px);overflow:visible}
.artinai-body .artin-chat .n-composer-studio textarea,.artinai-body .artin-chat .n-composer-studio textarea:placeholder-shown{direction:rtl!important;text-align:right!important;min-height:54px;max-height:150px;padding:5px 5px 9px;font-size:var(--chat-font-size,16px)!important;line-height:1.9}
.artinai-body .artin-chat .n-compose-actions{display:flex;direction:rtl;align-items:center;justify-content:space-between;gap:14px}
.artinai-body .artin-chat .n-composer-tools{order:1;justify-content:flex-start;direction:rtl}
.artinai-body .artin-chat .n-composer-studio .n-send{order:2;margin-right:auto!important;margin-left:0!important;flex:0 0 46px;width:46px;height:46px;border-radius:15px!important}
.artinai-body .artin-chat .n-compose-meta{direction:rtl;text-align:right}
.artinai-body .artin-chat .n-composer-model{direction:rtl}

/* Desktop: sidebar is always physically on the right and content clears it. */
@media(min-width:1025px){
 .artinai-body .artin-chat .n-sidebar{right:var(--edge)!important;left:auto!important}
 .artinai-body .artin-chat .n-main{right:calc(var(--side) + var(--edge) + var(--gutter))!important;left:18px!important}
 .artinai-body .artin-chat .n-topbar{right:calc(var(--side) + var(--edge) + var(--gutter))!important;left:18px!important}
 .artinai-body .artin-chat.without-sidebar .n-main,.artinai-body .artin-chat.sidebar-collapsed .n-main{right:18px!important}
 .artinai-body .artin-chat.without-sidebar .n-topbar,.artinai-body .artin-chat.sidebar-collapsed .n-topbar{right:18px!important}
}

/* Tablet / phone */
@media(max-width:1024px){
 .artinai-body .artin-chat .n-thread{width:100%;padding-inline:16px!important}
 .artinai-body .artin-chat .n-msg-row .n-msg{max-width:82%}
 .artinai-body .artin-chat .n-docked{padding:8px 12px max(12px,env(safe-area-inset-bottom))}
 .artinai-body .artin-chat .n-composer-studio{width:100%;border-radius:22px;padding:12px 12px 9px}
 .artinai-body .artin-chat .n-composer-studio .n-send{width:44px;height:44px;flex-basis:44px}
}
@media(max-width:560px){
 .artinai-body .artin-chat .n-thread{padding-inline:10px!important}
 .artinai-body .artin-chat .n-msg-row{margin-bottom:15px}
 .artinai-body .artin-chat .n-msg-row .n-msg{max-width:88%;padding:11px 14px;font-size:max(14px,var(--chat-font-size,16px))!important}
 .artinai-body .artin-chat .n-composer-studio{border-radius:20px;padding:10px 10px 8px}
 .artinai-body .artin-chat .n-composer-studio textarea{min-height:48px;max-height:112px;padding-inline:4px}
 .artinai-body .artin-chat .n-compose-meta{margin-top:6px;padding-top:6px}
}

/* 1.8.2 — Compact composer height fix
   Keep the complete composer visible in the viewport; only the textarea may scroll after its cap. */
.artinai-body .artin-chat .n-composer-studio{
  min-height:0!important;
  height:auto!important;
  max-height:min(220px,30dvh)!important;
  padding:10px 14px 8px!important;
  overflow:visible!important;
}
.artinai-body .artin-chat .n-composer-studio textarea,
.artinai-body .artin-chat .n-composer-studio textarea:placeholder-shown{
  min-height:40px!important;
  height:40px;
  max-height:92px!important;
  padding:2px 4px 5px!important;
  line-height:1.7!important;
  overflow-y:auto!important;
}
.artinai-body .artin-chat .n-compose-actions{min-height:42px!important;gap:10px!important}
.artinai-body .artin-chat .n-composer-tools .n-tool,
.artinai-body .artin-chat .n-composer-tools .n-format-btn{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
.artinai-body .artin-chat .n-composer-studio .n-send{width:42px!important;height:42px!important;flex-basis:42px!important}
.artinai-body .artin-chat .n-compose-meta{margin-top:5px!important;padding-top:5px!important;line-height:1.45!important}
@media(max-width:1024px){
 .artinai-body .artin-chat .n-composer-studio{max-height:min(210px,32dvh)!important;padding:9px 11px 7px!important}
 .artinai-body .artin-chat .n-composer-studio textarea{min-height:38px!important;height:38px;max-height:82px!important}
}
@media(max-width:560px){
 .artinai-body .artin-chat .n-composer-studio{max-height:min(195px,34dvh)!important;padding:8px 10px 6px!important}
 .artinai-body .artin-chat .n-composer-studio textarea{min-height:36px!important;height:36px;max-height:72px!important}
 .artinai-body .artin-chat .n-compose-meta{margin-top:4px!important;padding-top:4px!important}
}

/* 1.8.3 — Viewport fit & sidebar baseline alignment
   Desktop composer ends on the same baseline as the right sidebar and the empty-state content sits higher. */
@media(min-width:1025px){
 .artinai-body .artin-chat .n-main{bottom:16px!important}
 .artinai-body .artin-chat .n-docked{padding:8px 28px 0!important;background:linear-gradient(to top,color-mix(in srgb,var(--bg) 96%,transparent) 58%,transparent)}
 .artinai-body .artin-chat .n-composer-studio{padding:8px 14px 7px!important;max-height:170px!important;border-radius:22px!important}
 .artinai-body .artin-chat .n-composer-studio textarea,
 .artinai-body .artin-chat .n-composer-studio textarea:placeholder-shown{min-height:32px!important;height:32px!important;max-height:72px!important;padding:0 4px 3px!important;line-height:1.55!important}
 .artinai-body .artin-chat .n-compose-actions{min-height:38px!important}
 .artinai-body .artin-chat .n-composer-tools .n-tool,
 .artinai-body .artin-chat .n-composer-tools .n-format-btn{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}
 .artinai-body .artin-chat .n-composer-studio .n-send{width:38px!important;height:38px!important;flex-basis:38px!important;border-radius:13px!important}
 .artinai-body .artin-chat .n-compose-meta{margin-top:3px!important;padding-top:3px!important;line-height:1.3!important}
 .artinai-body .artin-chat .n-welcome-area{transform:translateY(-34px)!important}
}

/* 1.8.4 — Exact desktop bottom-edge lock
   The composer and right sidebar now share the same 24px viewport baseline. */
@media(min-width:1025px){
 .artinai-body .artin-chat .n-main{bottom:24px!important}
 .artinai-body .artin-chat .n-workspace:not(.n-docked){padding-bottom:0!important}
 .artinai-body .artin-chat .n-docked{padding-bottom:0!important}
}


/* 1.8.6 — Minimal inspired composer redesign
   Inspired by the provided reference: calm, single-row, only model / attach / voice / send. */
.artinai-body .artin-chat .n-composer-minimal{
  max-height:none!important;
  min-height:0!important;
  height:auto!important;
  padding:14px 18px!important;
  border-radius:32px!important;
  overflow:visible!important;
}
.artinai-body .artin-chat .n-composer-minimal .n-minimal-composer-main{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
}
.artinai-body .artin-chat .n-composer-minimal textarea,
.artinai-body .artin-chat .n-composer-minimal textarea:placeholder-shown{
  min-height:36px!important;
  height:36px;
  max-height:132px!important;
  margin:0!important;
  padding:3px 2px!important;
  line-height:1.75!important;
  font-size:clamp(15px,var(--chat-font-size,16px),18px)!important;
  overflow-y:auto!important;
}
.artinai-body .artin-chat .n-composer-minimal textarea::placeholder{
  color:color-mix(in srgb,var(--muted) 92%,transparent)!important;
}
.artinai-body .artin-chat .n-composer-minimal .n-composer-side{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.artinai-body .artin-chat .n-composer-minimal .n-composer-side-right{justify-content:flex-start}
.artinai-body .artin-chat .n-composer-minimal .n-composer-side-left{justify-content:flex-end}
.artinai-body .artin-chat .n-composer-minimal .n-model-wrap{position:relative;min-width:0;max-width:min(220px,24vw)}
.artinai-body .artin-chat .n-composer-minimal .n-model-button{
  width:auto;
  max-width:100%;
  min-width:124px;
  height:46px!important;
  border:1px solid color-mix(in srgb,var(--border) 85%,transparent);
  border-radius:18px!important;
  background:color-mix(in srgb,var(--surface) 88%,transparent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  padding:0 14px!important;
  display:flex;
  align-items:center;
  gap:9px;
}
.artinai-body .artin-chat .n-composer-minimal .n-model-button:hover{
  background:color-mix(in srgb,var(--hover) 78%,transparent)!important;
}
.artinai-body .artin-chat .n-composer-minimal .n-model-button b{
  font-size:15px!important;
  font-weight:500;
  min-width:0;
  max-width:100%;
}
.artinai-body .artin-chat .n-composer-minimal .n-model-button i,
.artinai-body .artin-chat .n-composer-minimal .n-model-button .n-svg{color:var(--muted)}
.artinai-body .artin-chat .n-composer-minimal .n-model-button img,
.artinai-body .artin-chat .n-composer-minimal .n-model-button>span{
  width:24px!important;height:24px!important;border-radius:8px!important;
}
.artinai-body .artin-chat .n-composer-minimal .n-tool,
.artinai-body .artin-chat .n-composer-minimal .n-send{
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
  min-height:46px!important;
  border-radius:18px!important;
  border:1px solid color-mix(in srgb,var(--border) 82%,transparent);
  background:color-mix(in srgb,var(--surface) 90%,transparent)!important;
  color:var(--text)!important;
  display:grid;
  place-items:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.artinai-body .artin-chat .n-composer-minimal .n-tool:hover{
  background:color-mix(in srgb,var(--hover) 84%,transparent)!important;
}
.artinai-body .artin-chat .n-composer-minimal .n-tool .n-svg,
.artinai-body .artin-chat .n-composer-minimal .n-send .n-svg{width:20px;height:20px}
.artinai-body .artin-chat .n-composer-minimal .n-tool.recording{
  background:linear-gradient(160deg,#8e3bf1,#6b2fd1)!important;
  color:#fff!important;
  border-color:transparent;
}
.artinai-body .artin-chat .n-composer-minimal .n-send{
  background:linear-gradient(160deg,#6196f2,#3a73d4)!important;
  color:#fff!important;
  border-color:transparent;
  box-shadow:0 8px 18px rgba(51,101,196,.24), inset 0 1px 0 rgba(255,255,255,.25);
}
.artinai-body .artin-chat .n-composer-minimal .n-send:disabled{
  opacity:.48!important;
  box-shadow:none!important;
}
.artinai-body .artin-chat .n-composer-minimal .n-attachments{padding-bottom:12px!important}
.artinai-body .artin-chat .n-composer-minimal .n-compose-actions,
.artinai-body .artin-chat .n-composer-minimal .n-compose-meta,
.artinai-body .artin-chat .n-composer-minimal .n-composer-tools,
.artinai-body .artin-chat .n-composer-minimal .n-composer-format,
.artinai-body .artin-chat .n-composer-minimal #messageModels{display:none!important}
@media(min-width:1025px){
  .artinai-body .artin-chat .n-composer-minimal{padding:14px 20px!important;border-radius:34px!important}
}
@media(max-width:820px){
  .artinai-body .artin-chat .n-composer-minimal{padding:11px 13px!important;border-radius:24px!important}
  .artinai-body .artin-chat .n-composer-minimal .n-minimal-composer-main{gap:10px;grid-template-columns:minmax(0,1fr);}
  .artinai-body .artin-chat .n-composer-minimal .n-composer-side-right,
  .artinai-body .artin-chat .n-composer-minimal .n-composer-side-left,
  .artinai-body .artin-chat .n-composer-minimal textarea{grid-column:1}
  .artinai-body .artin-chat .n-composer-minimal .n-composer-side-right{order:1;justify-content:space-between}
  .artinai-body .artin-chat .n-composer-minimal textarea{order:2;min-height:34px!important;height:34px}
  .artinai-body .artin-chat .n-composer-minimal .n-composer-side-left{order:3;justify-content:flex-start}
  .artinai-body .artin-chat .n-composer-minimal .n-model-wrap{max-width:none;flex:1}
  .artinai-body .artin-chat .n-composer-minimal .n-model-button{width:100%;max-width:none}
}
@media(max-width:560px){
  .artinai-body .artin-chat .n-composer-minimal{padding:10px 11px!important;border-radius:22px!important}
  .artinai-body .artin-chat .n-composer-minimal .n-model-button{min-width:0;height:42px!important;padding:0 12px!important}
  .artinai-body .artin-chat .n-composer-minimal .n-tool,
  .artinai-body .artin-chat .n-composer-minimal .n-send{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;border-radius:16px!important}
  .artinai-body .artin-chat .n-composer-minimal textarea,
  .artinai-body .artin-chat .n-composer-minimal textarea:placeholder-shown{font-size:15px!important;min-height:32px!important;height:32px;max-height:108px!important}
}


/* 1.8.7 — All composer controls on the left */
.artinai-body .artin-chat .n-composer-minimal .n-minimal-composer-main.n-minimal-composer-left-tools{
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center;
}
.artinai-body .artin-chat .n-composer-minimal .n-minimal-composer-left-tools > textarea{
  order:1;
}
.artinai-body .artin-chat .n-composer-minimal .n-composer-side-all-left{
  order:2;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  min-width:0;
  direction:ltr;
}
.artinai-body .artin-chat .n-composer-minimal .n-composer-side-all-left .n-model-wrap{
  direction:rtl;
  max-width:min(220px,24vw);
}
.artinai-body .artin-chat .n-composer-minimal .n-composer-side-all-left .n-model-button{
  min-width:124px;
}
@media(max-width:820px){
  .artinai-body .artin-chat .n-composer-minimal .n-minimal-composer-main.n-minimal-composer-left-tools{
    grid-template-columns:1fr!important;
    gap:10px;
  }
  .artinai-body .artin-chat .n-composer-minimal .n-minimal-composer-left-tools > textarea{order:1}
  .artinai-body .artin-chat .n-composer-minimal .n-composer-side-all-left{
    order:2;
    justify-content:flex-start;
    flex-wrap:wrap;
    direction:rtl;
  }
  .artinai-body .artin-chat .n-composer-minimal .n-composer-side-all-left .n-model-wrap{
    max-width:none;
    flex:1 1 180px;
  }
  .artinai-body .artin-chat .n-composer-minimal .n-composer-side-all-left .n-model-button{
    width:100%;
    max-width:none;
  }
}


/* 1.8.8 — Desktop top bar removed
   The right sidebar becomes the single navigation/control surface. */
@media(min-width:1025px){
  .artinai-body .artin-chat .n-topbar{display:none!important}
  .artinai-body .artin-chat .n-main{
    top:16px!important;
    right:calc(var(--side) + var(--edge) + var(--gutter))!important;
    left:18px!important;
    bottom:24px!important;
  }
  .artinai-body .artin-chat.without-sidebar .n-main,
  .artinai-body .artin-chat.sidebar-collapsed .n-main{
    right:18px!important;
  }
  .artinai-body .artin-chat .n-workspace:not(.n-docked){
    padding-top:24px!important;
  }
  .artinai-body .artin-chat .n-thread{
    padding-top:34px!important;
  }
}

/* 1.8.9 — Optional home widgets
   Home content is admin-controlled and user-personalizable. Default: clean canvas with composer only. */
.artinai-body .artin-chat .n-home-intro-widget{
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
}
.artinai-body .artin-chat .n-home-no-widgets{
  justify-content:flex-end!important;
  overflow:hidden!important;
}
.artinai-body .artin-chat .n-home-no-widgets .n-composer-studio{
  margin-top:auto!important;
}
.artinai-body .artin-chat .n-home-has-widgets .n-welcome-area{
  flex:1 1 auto;
}
@media(min-width:1025px){
  .artinai-body .artin-chat .n-home-no-widgets{
    padding:24px 16px 0!important;
  }
}


/* 1.8.10 — Sidebar hierarchy refresh
   Brand moves to the top; profile moves to the bottom; standalone credit card is removed. */
.artinai-body .artin-chat .n-side-brand{
  flex:none;
  min-height:72px;
  display:flex;
  align-items:center;
  padding:2px 4px 14px;
  border-bottom:1px solid var(--border);
  margin-bottom:14px;
}
.artinai-body .artin-chat .n-side-brand .n-brand-lockup{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.artinai-body .artin-chat .n-side-brand .n-brand-lockup img,
.artinai-body .artin-chat .n-side-brand .n-logo-fallback{
  width:44px;
  height:44px;
  border-radius:14px;
  flex:0 0 44px;
}
.artinai-body .artin-chat .n-side-brand .n-brand-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
  gap:2px;
}
.artinai-body .artin-chat .n-side-brand .n-brand-copy b{
  font-size:18px;
  line-height:1.5;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.artinai-body .artin-chat .n-side-brand .n-brand-copy small{
  font-size:10px;
  color:var(--muted);
  letter-spacing:.08em;
}
.artinai-body .artin-chat .n-target-footer{
  padding-top:12px;
  border-top:1px solid var(--border);
  margin-top:10px;
}
.artinai-body .artin-chat .n-account-footer{
  width:100%;
  min-height:68px;
  padding:9px 10px!important;
  border:1px solid var(--border);
  border-radius:18px;
  background:var(--hover)!important;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr);
  align-items:center;
  gap:10px!important;
  text-align:right;
}
.artinai-body .artin-chat .n-account-footer:hover{
  background:color-mix(in srgb,var(--hover) 82%,var(--surface))!important;
}
.artinai-body .artin-chat .n-account-footer .n-avatar{
  width:46px!important;
  height:46px!important;
  border-radius:15px!important;
  font-size:19px!important;
}
.artinai-body .artin-chat .n-account-footer .n-profile-copy{
  min-width:0;
  display:flex!important;
  flex-direction:column;
  align-items:flex-start!important;
  gap:1px!important;
}
.artinai-body .artin-chat .n-account-footer .n-profile-copy small{
  font-size:9px!important;
  color:var(--muted)!important;
  font-weight:400!important;
}
.artinai-body .artin-chat .n-account-footer .n-profile-copy b{
  display:block!important;
  max-width:100%!important;
  font-size:12px!important;
  font-weight:650!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.artinai-body .artin-chat .n-account-footer .n-profile-copy em{
  font-size:9px!important;
  color:var(--muted)!important;
  font-style:normal;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:100%;
}
.artinai-body .artin-chat .n-account-footer>i{
  font-style:normal;
  font-size:22px;
  color:var(--muted);
}
.artinai-body .artin-chat .n-target-footer .n-target-theme{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  margin:8px auto 0!important;
}
@media(max-width:1024px){
  .artinai-body .artin-chat .n-side-brand{min-height:64px;padding-bottom:12px}
  .artinai-body .artin-chat .n-side-brand .n-brand-lockup img,
  .artinai-body .artin-chat .n-side-brand .n-logo-fallback{width:40px;height:40px;flex-basis:40px}
  .artinai-body .artin-chat .n-side-brand .n-brand-copy b{font-size:16px}
}


/* 1.8.11 — Sidebar information architecture refresh */
.artinai-body .artin-chat .n-side-brand-centered{
  display:flex;align-items:center;justify-content:center;text-align:center;
  padding:18px 10px 20px!important;
}
.artinai-body .artin-chat .n-sidebar-brand-lockup{
  display:flex;align-items:center;justify-content:center;gap:14px;direction:rtl;
  width:100%;
}
.artinai-body .artin-chat .n-sidebar-brand-logo{
  display:grid;place-items:center;flex:0 0 auto;order:1;
}
.artinai-body .artin-chat .n-sidebar-brand-logo img,
.artinai-body .artin-chat .n-sidebar-brand-logo .n-logo-fallback{
  width:48px!important;height:48px!important;object-fit:contain;border-radius:14px;
}
.artinai-body .artin-chat .n-sidebar-brand-copy{
  display:grid;gap:3px;order:2;text-align:right;min-width:0;
}
.artinai-body .artin-chat .n-sidebar-brand-copy b{
  font-size:22px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.artinai-body .artin-chat .n-sidebar-brand-copy small{
  font-size:11px;color:var(--muted);letter-spacing:.08em;direction:ltr;text-align:left;
}
.artinai-body .artin-chat .n-sidebar-quickrow{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:0 0 10px;
}
.artinai-body .artin-chat .n-target-search-compact,
.artinai-body .artin-chat .n-target-new-compact{
  margin:0!important;min-width:0;height:44px!important;border-radius:14px!important;
}
.artinai-body .artin-chat .n-target-search-compact{padding-inline:10px!important}
.artinai-body .artin-chat .n-target-search-compact input{min-width:0;font-size:11px!important}
.artinai-body .artin-chat .n-target-new-compact{padding-inline:10px!important;gap:7px!important;font-size:11px!important;justify-content:center!important}
.artinai-body .artin-chat .n-target-new-compact .n-svg{width:17px;height:17px}
.artinai-body .artin-chat .n-sidebar-scroll{
  display:flex;flex-direction:column;min-height:0;overflow:hidden!important;
}
.artinai-body .artin-chat .n-history-section-grow{
  display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding-top:6px!important;
}
.artinai-body .artin-chat .n-history-section-grow .n-inline-history{
  display:flex;flex-direction:column;flex:1;min-height:0;margin:0!important;
}

.artinai-body .artin-chat .n-history-heading{margin-bottom:8px!important}
.artinai-body .artin-chat .n-sidebar-actions-section{
  flex:0 0 auto;border-top:1px solid var(--border);padding-top:12px!important;margin-top:10px;
}
.artinai-body .artin-chat .n-target-services-2x2{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;
}
.artinai-body .artin-chat .n-target-services-2x2 button{
  min-height:54px!important;border-radius:14px!important;justify-content:flex-start!important;padding:8px 11px!important;
}
.artinai-body .artin-chat .n-target-services-2x2 b{font-size:11px!important}
.artinai-body .artin-chat .n-target-services-2x2 .n-svg{width:18px;height:18px}
@media(max-width:1024px){
  .artinai-body .artin-chat .n-sidebar-brand-copy b{font-size:19px}
  .artinai-body .artin-chat .n-sidebar-brand-logo img,
  .artinai-body .artin-chat .n-sidebar-brand-logo .n-logo-fallback{width:42px!important;height:42px!important}
}


/* 1.8.12 — Remove accidental horizontal scrollbar from sidebar */
.artinai-body .artin-chat .n-sidebar{
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-gutter:stable;
}
.artinai-body .artin-chat .n-sidebar,
.artinai-body .artin-chat .n-sidebar *{
  box-sizing:border-box;
}
.artinai-body .artin-chat .n-sidebar > *,
.artinai-body .artin-chat .n-sidebar-scroll,
.artinai-body .artin-chat .n-sidebar-quickrow,
.artinai-body .artin-chat .n-history-section-grow,
.artinai-body .artin-chat .n-sidebar-actions-section,
.artinai-body .artin-chat .n-target-services-2x2,
.artinai-body .artin-chat .n-target-profile{
  max-width:100%!important;
  min-width:0!important;
}
.artinai-body .artin-chat .n-sidebar-scroll{
  overflow-x:hidden!important;
}

.artinai-body .artin-chat .n-sidebar-quickrow > *,
.artinai-body .artin-chat .n-target-services-2x2 > *{
  min-width:0!important;
  max-width:100%!important;
}


/* 1.8.13 — Professional thread scrollbar + refined AI response cards/actions */
.artinai-body .artin-chat .n-thread{
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb,var(--accent) 44%,var(--muted)) transparent;
  scrollbar-gutter:stable;
}
.artinai-body .artin-chat .n-thread::-webkit-scrollbar{width:12px;height:0}
.artinai-body .artin-chat .n-thread::-webkit-scrollbar-track{background:transparent;margin:18px 0}
.artinai-body .artin-chat .n-thread::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 52%,var(--muted)),color-mix(in srgb,var(--accent) 28%,var(--muted)));
  border:4px solid transparent;
  background-clip:padding-box;
  border-radius:999px;
  min-height:52px;
}
.artinai-body .artin-chat .n-thread::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 72%,var(--text)),color-mix(in srgb,var(--accent) 48%,var(--muted)));
  border:3px solid transparent;
  background-clip:padding-box;
}
.artinai-body .artin-chat .n-thread::-webkit-scrollbar-button{display:none;width:0;height:0}

.artinai-body .artin-chat .n-msg-row.ai{align-items:flex-start!important;margin-bottom:26px!important}
.artinai-body .artin-chat .n-msg-row.ai .n-msg-card{
  position:relative;
  width:auto;
  max-width:min(78%,820px);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
}
.artinai-body .artin-chat .n-msg-row.ai .n-msg{
  width:100%!important;
  max-width:none!important;
  padding:18px 20px!important;
  border-radius:24px 24px 24px 8px!important;
  border:1px solid color-mix(in srgb,var(--border) 82%,transparent)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 97%,transparent),color-mix(in srgb,var(--surface-2) 88%,transparent))!important;
  box-shadow:0 12px 32px rgba(18,30,48,.07),inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(18px);
  line-height:2!important;
}
[data-theme=light] .artinai-body .artin-chat .n-msg-row.ai .n-msg{
  box-shadow:0 12px 30px rgba(36,45,58,.08),inset 0 1px 0 rgba(255,255,255,.85)!important;
}
.artinai-body .artin-chat .n-msg-row.ai .n-rich p{margin-bottom:14px}
.artinai-body .artin-chat .n-msg-row.ai .n-rich p:last-child{margin-bottom:0}
.artinai-body .artin-chat .n-msg-row.ai .n-msg-actions{
  display:flex;
  align-items:center;
  gap:6px;
  padding-inline:8px;
  opacity:.62;
  transform:translateY(-1px);
  transition:opacity .18s ease,transform .18s ease;
}
.artinai-body .artin-chat .n-msg-row.ai:hover .n-msg-actions{opacity:1;transform:none}
.artinai-body .artin-chat .n-msg-action{
  height:31px;
  min-width:31px;
  padding:0 9px;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  color:var(--muted);
  display:inline-flex;
  align-items:center;
  gap:6px;
  cursor:pointer;
  font-size:10px;
  line-height:1;
}
.artinai-body .artin-chat .n-msg-action .n-svg{width:15px;height:15px;stroke-width:1.8}
.artinai-body .artin-chat .n-msg-action:hover{
  color:var(--text);
  background:color-mix(in srgb,var(--surface-2) 78%,transparent);
  border-color:color-mix(in srgb,var(--border) 78%,transparent);
}
.artinai-body .artin-chat .n-msg-row.user .n-msg-card{display:contents}
@media(max-width:760px){
  .artinai-body .artin-chat .n-thread::-webkit-scrollbar{width:7px}
  .artinai-body .artin-chat .n-msg-row.ai .n-msg-card{max-width:92%}
  .artinai-body .artin-chat .n-msg-row.ai .n-msg{padding:14px 15px!important;border-radius:20px 20px 20px 7px!important}
  .artinai-body .artin-chat .n-msg-row.ai .n-msg-actions{opacity:1;padding-inline:4px}
  .artinai-body .artin-chat .n-msg-action span{display:none}
  .artinai-body .artin-chat .n-msg-action{width:32px;padding:0;justify-content:center}
}


/* 1.8.14 — Move conversation scrollbar fully to the far left on desktop */
@media(min-width:1025px){
  .artinai-body .artin-chat .n-main{
    left:0!important;
    padding-left:0!important;
  }
  .artinai-body .artin-chat .n-thread{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding-left:34px!important;
    padding-right:34px!important;
  }
  .artinai-body .artin-chat .n-msg-row{
    width:min(100%,1120px)!important;
    max-width:min(100%,1120px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .artinai-body .artin-chat .n-msg-row.user,
  .artinai-body .artin-chat .n-msg-row.ai{
    margin-left:auto!important;
    margin-right:auto!important;
  }
}


/* 1.8.15 — Clean composer shell: remove side glows behind the chat box */
.artinai-body .artin-chat .n-docked{
  background:transparent!important;
}
.artinai-body .artin-chat .n-composer-studio,
.artinai-body .artin-chat .n-composer-minimal{
  box-shadow:0 8px 22px rgba(18,34,55,.06), inset 0 1px 0 rgba(255,255,255,.38)!important;
  border-color:color-mix(in srgb,var(--border) 86%,transparent)!important;
}
.artinai-body .artin-chat .n-composer-studio:focus-within,
.artinai-body .artin-chat .n-composer-minimal:focus-within{
  box-shadow:0 10px 26px rgba(18,34,55,.07), 0 0 0 2px color-mix(in srgb,var(--accent) 5%,transparent)!important;
}
[data-theme=light] .artinai-body .artin-chat .n-composer-studio,
[data-theme=light] .artinai-body .artin-chat .n-composer-minimal{
  background:color-mix(in srgb,var(--surface) 98%,white 2%)!important;
  box-shadow:0 6px 18px rgba(30,42,58,.05), inset 0 1px 0 rgba(255,255,255,.72)!important;
}
@media(min-width:1025px){
  .artinai-body .artin-chat .n-docked{
    padding-top:6px!important;
  }
}


/* 1.8.16 — Sidebar surgical redesign: centered controls, history-first architecture */
.artinai-body .artin-chat .n-side-shell{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important}
.artinai-body .artin-chat .n-side-brand-centered{flex:0 0 auto;padding:18px 8px 16px!important;border-bottom:1px solid var(--border)}
.artinai-body .artin-chat .n-sidebar-brand-lockup{max-width:230px;margin:0 auto;justify-content:center!important}
.artinai-body .artin-chat .n-sidebar-quickrow{flex:0 0 auto;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:16px 0 10px!important;width:100%;margin:0 auto}
.artinai-body .artin-chat .n-sidebar-quickrow.is-single{grid-template-columns:1fr!important}
.artinai-body .artin-chat .n-target-search-compact,.artinai-body .artin-chat .n-target-new-compact{width:100%!important;max-width:none!important;justify-content:center!important;text-align:center!important}
.artinai-body .artin-chat .n-target-search-compact{display:flex!important;align-items:center!important;gap:7px!important}
.artinai-body .artin-chat .n-target-search-compact input{text-align:center!important;width:100%!important}
.artinai-body .artin-chat .n-target-search-compact span{flex:0 0 auto}
.artinai-body .artin-chat .n-sidebar-scroll{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important;padding:0!important}
.artinai-body .artin-chat .n-history-section-grow{flex:1 1 auto!important;min-height:190px!important;display:flex!important;flex-direction:column!important;padding:10px 0 8px!important;margin:0!important;border:0!important}
.artinai-body .artin-chat .n-inline-history{flex:1!important;min-height:0!important;display:flex!important;flex-direction:column!important}
.artinai-body .artin-chat .n-history-heading{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;position:relative;padding:0 4px 9px!important;margin:0!important}
.artinai-body .artin-chat .n-history-heading>span{display:flex;align-items:center;justify-content:center;gap:7px;text-align:center}
.artinai-body .artin-chat .n-history-heading>button{position:absolute;left:4px;min-width:32px;height:28px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:9px;cursor:pointer}
.artinai-body .artin-chat .n-history-heading>button:hover{background:var(--hover);color:var(--text)}








.artinai-body .artin-chat .n-history-empty{text-align:center!important;padding:18px 8px!important;margin:auto 0!important}
.artinai-body .artin-chat .n-sidebar-actions-section{flex:0 0 auto!important;margin:0!important;padding:12px 0 14px!important;border-top:1px solid var(--border)!important}
.artinai-body .artin-chat .n-sidebar-actions-section .n-target-label{text-align:center!important;padding:0 0 9px!important}
.artinai-body .artin-chat .n-target-services-2x2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
.artinai-body .artin-chat .n-target-services-2x2 button{min-height:54px!important;padding:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:8px!important;border-radius:15px!important}
.artinai-body .artin-chat .n-target-services-2x2 button span{display:grid;place-items:center;flex:0 0 auto}
.artinai-body .artin-chat .n-target-services-2x2 button b{text-align:center!important;white-space:nowrap}
.artinai-body .artin-chat .n-target-footer{flex:0 0 auto!important;margin-top:auto!important;padding-top:12px!important;border-top:1px solid var(--border)!important}
.artinai-body .artin-chat .n-account-footer{width:100%!important;margin:0 auto!important;justify-content:center!important;text-align:center!important;grid-template-columns:auto minmax(0,1fr) auto!important}
.artinai-body .artin-chat .n-account-footer .n-profile-copy{text-align:center!important;align-items:center!important}
@media(max-width:1024px){

 .artinai-body .artin-chat .n-sidebar-quickrow{padding-top:12px!important}
}


/* 1.8.17 — Sidebar alignment polish + theme moved to Profile > Personal Settings */
.artinai-body .artin-chat .n-sidebar-quickrow{
  width:calc(100% - 12px)!important;
  max-width:286px!important;
  margin:0 auto!important;
  align-self:center!important;
  justify-self:center!important;
  place-items:stretch!important;
}
.artinai-body .artin-chat .n-sidebar-quickrow > *{
  margin:0!important;
}
.artinai-body .artin-chat .n-history-heading{
  justify-content:flex-start!important;
  direction:rtl!important;
  text-align:right!important;
  padding-inline:4px!important;
}
.artinai-body .artin-chat .n-history-heading>span{
  justify-content:flex-start!important;
  text-align:right!important;
  margin-left:auto!important;
}
.artinai-body .artin-chat .n-history-heading>button{
  left:4px!important;
  right:auto!important;
}



.artinai-body .artin-chat .n-history-empty{
  text-align:right!important;
  padding-inline:8px!important;
}
/* Avoid the double separator above Quick Access: the actions section owns the single divider. */
.artinai-body .artin-chat .n-history-section-grow .n-inline-history{
  border-bottom:0!important;
  padding-bottom:0!important;
}
.artinai-body .artin-chat .n-sidebar-actions-section{
  border-top:1px solid var(--border)!important;
}
/* Theme is configured from Profile > Personal Settings only. */
.artinai-body .artin-chat .n-target-footer .n-target-theme{display:none!important}


/* 1.8.18 — Compact circular quick access */
.artinai-body .artin-chat .n-sidebar-actions-section{padding-top:14px!important}
.artinai-body .artin-chat .n-target-services-2x2{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:12px!important;width:100%!important}
.artinai-body .artin-chat .n-target-services-2x2 .n-sidebar-launcher{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;max-width:46px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:color-mix(in srgb,var(--hover) 88%,transparent)!important;border:1px solid color-mix(in srgb,var(--border) 90%,transparent)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;transition:transform .16s ease,background .16s ease,border-color .16s ease!important}
.artinai-body .artin-chat .n-target-services-2x2 .n-sidebar-launcher:hover{transform:translateY(-2px)!important;background:color-mix(in srgb,var(--accent) 10%,var(--hover))!important;border-color:color-mix(in srgb,var(--accent) 28%,var(--border))!important}
.artinai-body .artin-chat .n-target-services-2x2 .n-sidebar-launcher span{display:grid!important;place-items:center!important}
.artinai-body .artin-chat .n-target-services-2x2 .n-sidebar-launcher .n-svg{width:20px!important;height:20px!important}
.artinai-body .artin-chat .n-target-services-2x2 .n-sidebar-launcher b{display:none!important}
@media(max-width:1024px){.artinai-body .artin-chat .n-target-services-2x2 .n-sidebar-launcher{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important}}


/* 1.8.19 — Permanently remove desktop sidebar collapse control */
.artinai-body .artin-chat .n-side-collapse{display:none!important}
.artinai-body .artin-chat.sidebar-collapsed{--side:286px!important;--gutter:20px!important}
.artinai-body .artin-chat.sidebar-collapsed .n-sidebar{transform:none!important}


/* 1.8.20 — Professional floating model picker. Never expands the page layout. */
.artinai-body .artin-chat .n-composer-minimal .n-model-menu{
  position:fixed!important;
  z-index:140!important;
  display:none;
  width:min(360px,calc(100vw - 32px));
  max-width:calc(100vw - 32px)!important;
  max-height:min(56vh,430px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:10px!important;
  border:1px solid color-mix(in srgb,var(--border) 82%,transparent)!important;
  border-radius:24px!important;
  background:color-mix(in srgb,var(--surface) 96%,transparent)!important;
  box-shadow:0 24px 70px rgba(18,30,48,.22),inset 0 1px 0 rgba(255,255,255,.16)!important;
  backdrop-filter:blur(28px) saturate(130%);
  -webkit-backdrop-filter:blur(28px) saturate(130%);
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb,var(--accent) 35%,var(--muted)) transparent;
  overscroll-behavior:contain;
}
.artinai-body .artin-chat .n-composer-minimal .n-model-menu.show{
  display:grid!important;
  gap:5px!important;
  animation:n-model-pop .16s ease-out;
}
@keyframes n-model-pop{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
.artinai-body .artin-chat .n-composer-minimal .n-model-menu button{
  min-height:58px;
  grid-template-columns:38px minmax(0,1fr) 22px!important;
  gap:11px!important;
  padding:9px 11px!important;
  border:1px solid transparent!important;
  border-radius:16px!important;
  background:transparent!important;
  transition:background .16s,border-color .16s,transform .16s;
}
.artinai-body .artin-chat .n-composer-minimal .n-model-menu button:hover{
  background:color-mix(in srgb,var(--hover) 82%,transparent)!important;
  border-color:color-mix(in srgb,var(--border) 70%,transparent)!important;
  transform:translateY(-1px);
}
.artinai-body .artin-chat .n-composer-minimal .n-model-menu button.active{
  background:color-mix(in srgb,var(--accent) 10%,var(--surface))!important;
  border-color:color-mix(in srgb,var(--accent) 22%,var(--border))!important;
}
.artinai-body .artin-chat .n-composer-minimal .n-model-menu img,
.artinai-body .artin-chat .n-composer-minimal .n-model-menu button>span:first-child{
  width:38px!important;height:38px!important;border-radius:12px!important;
}
.artinai-body .artin-chat .n-composer-minimal .n-model-menu b{font-size:13px!important;font-weight:650!important}
.artinai-body .artin-chat .n-composer-minimal .n-model-menu small{font-size:10px!important;line-height:1.7!important;margin-top:2px}
.artinai-body.n-model-open{overflow:hidden!important}
@media(max-width:760px){
  .artinai-body .artin-chat .n-composer-minimal .n-model-menu{
    position:fixed!important;
    left:14px!important;right:14px!important;
    top:auto!important;bottom:max(14px,env(safe-area-inset-bottom))!important;
    width:auto!important;max-width:none!important;
    max-height:min(62dvh,520px)!important;
    border-radius:26px 26px 22px 22px!important;
    padding:12px!important;
    box-shadow:0 28px 90px rgba(12,22,38,.34),inset 0 1px 0 rgba(255,255,255,.15)!important;
  }
  .artinai-body .artin-chat .n-composer-minimal .n-model-menu.show{animation:n-model-sheet .2s ease-out}
  @keyframes n-model-sheet{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
}

/* 1.8.21 — Centered model picker modal; never affects page layout or scroll position */
body.n-model-open{overflow:hidden!important}
.n-model-dialog-overlay{
  position:fixed;inset:0;z-index:99999;
  display:grid;place-items:center;
  padding:24px;
  background:rgba(18,25,38,.28);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.n-model-dialog{
  width:min(440px,calc(100vw - 32px));
  max-height:min(72vh,620px);
  display:flex;flex-direction:column;
  overflow:hidden;
  direction:rtl;
  border:1px solid color-mix(in srgb,var(--border) 82%,transparent);
  border-radius:28px;
  background:color-mix(in srgb,var(--surface) 97%,transparent);
  box-shadow:0 28px 80px rgba(15,24,38,.24),inset 0 1px 0 rgba(255,255,255,.14);
}
[data-theme=light] .n-model-dialog{box-shadow:0 26px 75px rgba(50,58,70,.16),inset 0 1px 0 rgba(255,255,255,.85)}
.n-model-dialog-head{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 18px 14px;
  border-bottom:1px solid color-mix(in srgb,var(--border) 78%,transparent);
}
.n-model-dialog-head>div{display:grid;gap:3px;min-width:0}
.n-model-dialog-head b{font-size:16px;font-weight:700}
.n-model-dialog-head small{font-size:10px;color:var(--muted)}
.n-model-dialog-close{
  width:36px;height:36px;flex:0 0 36px;border:0;border-radius:12px;
  background:var(--hover);color:var(--muted);font-size:22px;line-height:1;cursor:pointer;
}
.n-model-dialog-close:hover{color:var(--text);background:color-mix(in srgb,var(--hover) 72%,var(--surface))}
.n-model-dialog-list{overflow:auto;padding:10px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.n-model-dialog-item{
  width:100%;min-height:72px;margin:0 0 6px;padding:10px 12px;
  display:grid;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:11px;
  direction:rtl;text-align:right;
  border:1px solid transparent;border-radius:17px;
  background:transparent;color:var(--text);cursor:pointer;
}
.n-model-dialog-item:last-child{margin-bottom:0}
.n-model-dialog-item:hover{background:var(--hover);border-color:color-mix(in srgb,var(--border) 68%,transparent)}
.n-model-dialog-item.active{
  background:color-mix(in srgb,var(--accent) 9%,var(--surface));
  border-color:color-mix(in srgb,var(--accent) 28%,var(--border));
}
.n-model-dialog-item:disabled{opacity:.45;cursor:not-allowed}
.n-model-dialog-item>img,.n-model-dialog-item>span:first-child{
  width:42px;height:42px;border-radius:13px;object-fit:cover;display:grid;place-items:center;background:var(--hover);
}
.n-model-dialog-item>span:nth-child(2){display:grid;gap:3px;min-width:0}
.n-model-dialog-item b{font-size:13px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.n-model-dialog-item small{font-size:10px;line-height:1.7;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.n-model-dialog-item i{font-style:normal;font-size:18px;color:var(--accent);text-align:center}
@media(max-width:600px){
  .n-model-dialog-overlay{padding:14px;align-items:end}
  .n-model-dialog{width:100%;max-height:72dvh;border-radius:24px 24px 18px 18px}
  .n-model-dialog-item{min-height:66px}
}


/* 1.8.22 — Refined settings/profile modal UI */
.artinai-body .n-modal.n-workspace-modal{
  background:rgba(16,25,40,.38)!important;
  backdrop-filter:blur(16px) saturate(1.06)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.06)!important;
}
.artinai-body .n-modal>.n-library,
.artinai-body .n-modal>.n-image-maker{
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb,var(--accent) 40%,var(--muted)) transparent;
}
.artinai-body .n-modal>.n-library::-webkit-scrollbar,
.artinai-body .n-modal>.n-image-maker::-webkit-scrollbar{
  width:10px;
  height:10px;
}
.artinai-body .n-modal>.n-library::-webkit-scrollbar-track,
.artinai-body .n-modal>.n-image-maker::-webkit-scrollbar-track{
  background:transparent;
  margin:14px 0;
}
.artinai-body .n-modal>.n-library::-webkit-scrollbar-thumb,
.artinai-body .n-modal>.n-image-maker::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 44%,#c9d2df),color-mix(in srgb,var(--accent) 22%,#bac5d3));
  border:3px solid transparent;
  background-clip:padding-box;
  border-radius:999px;
  min-height:52px;
}
.artinai-body .n-modal>.n-library::-webkit-scrollbar-thumb:hover,
.artinai-body .n-modal>.n-image-maker::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 64%,#d5deea),color-mix(in srgb,var(--accent) 36%,#c4cedc));
  border:2px solid transparent;
  background-clip:padding-box;
}
.artinai-body .n-modal>.n-library::-webkit-scrollbar-button,
.artinai-body .n-modal>.n-image-maker::-webkit-scrollbar-button,
.artinai-body .n-modal::-webkit-scrollbar-button{
  display:none;
  width:0;
  height:0;
}
.artinai-body .n-preferences{
  padding-bottom:24px!important;
}
.artinai-body .n-preferences .n-panel-heading{
  margin-bottom:22px!important;
}
.artinai-body .n-pref-section{
  border-radius:22px!important;
  padding:20px 22px!important;
  background:color-mix(in srgb,var(--hover) 82%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--border) 92%,transparent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
}
.artinai-body .n-pref-section h3{
  font-size:17px!important;
  margin-bottom:16px!important;
}
.artinai-body .n-pref-section>p{
  font-size:12px!important;
}
.artinai-body .n-preference-select select,
.artinai-body .n-preference-select input,
.artinai-body .n-preference-select textarea{
  min-height:58px;
  border-radius:18px!important;
  border:1px solid color-mix(in srgb,var(--border) 92%,transparent)!important;
  background:color-mix(in srgb,var(--surface) 96%,transparent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30);
  padding-inline:14px!important;
}
.artinai-body .n-preferences-footer{
  position:sticky;
  bottom:-20px;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:wrap;
  padding:18px 0 4px!important;
  margin-top:8px;
  background:linear-gradient(to top,color-mix(in srgb,var(--surface) 96%,transparent) 72%,transparent);
  backdrop-filter:blur(10px);
}
.artinai-body .n-preferences-footer button{
  min-height:46px;
  border-radius:16px!important;
  padding:0 20px!important;
  font-weight:600;
  font-size:14px;
  cursor:pointer;
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease, border-color .16s ease;
}
.artinai-body .n-preferences-footer .n-panel-primary{
  background:linear-gradient(160deg,#6196f2,#3a73d4)!important;
  color:#fff!important;
  border:1px solid transparent!important;
  box-shadow:0 10px 24px rgba(58,115,212,.22), inset 0 1px 0 rgba(255,255,255,.28);
}
.artinai-body .n-preferences-footer .n-panel-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(58,115,212,.26), inset 0 1px 0 rgba(255,255,255,.3);
}
.artinai-body .n-preferences-footer button:not(.n-panel-primary){
  background:color-mix(in srgb,var(--surface) 96%,transparent)!important;
  color:var(--text)!important;
  border:1px solid color-mix(in srgb,var(--border) 92%,transparent)!important;
  box-shadow:0 6px 16px rgba(18,34,55,.05), inset 0 1px 0 rgba(255,255,255,.55);
}
.artinai-body .n-preferences-footer button:not(.n-panel-primary):hover{
  transform:translateY(-1px);
  background:color-mix(in srgb,var(--hover) 86%,transparent)!important;
  box-shadow:0 10px 20px rgba(18,34,55,.08), inset 0 1px 0 rgba(255,255,255,.58);
}
.artinai-body .n-modal>.n-library>.n-close,
.artinai-body .n-modal>.n-image-maker>.n-close{
  width:42px!important;
  height:42px!important;
  border-radius:15px!important;
  background:color-mix(in srgb,var(--surface) 94%,transparent)!important;
  box-shadow:0 6px 15px rgba(18,34,55,.05), inset 0 1px 0 rgba(255,255,255,.55);
}
.artinai-body .n-modal>.n-library>.n-close:hover,
.artinai-body .n-modal>.n-image-maker>.n-close:hover{
  background:color-mix(in srgb,var(--hover) 88%,transparent)!important;
}
@media(max-width:640px){
  .artinai-body .n-preferences-footer{
    justify-content:stretch;
    gap:10px;
    bottom:-12px;
  }
  .artinai-body .n-preferences-footer button{
    flex:1 1 100%;
    width:100%;
  }
  .artinai-body .n-pref-section{
    padding:16px 16px!important;
    border-radius:18px!important;
  }
}


/* 1.8.23 — Sticky top action bar for personal preferences modal */
.artinai-body .n-preferences{
  padding:0!important;
  overflow:hidden auto!important;
}
.artinai-body .n-preferences-topbar{
  position:sticky;
  top:0;
  z-index:5;
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:14px;
  padding:20px 24px;
  border-bottom:1px solid color-mix(in srgb,var(--border) 92%,transparent);
  background:color-mix(in srgb,var(--surface) 94%,transparent);
  backdrop-filter:blur(18px) saturate(1.05);
  -webkit-backdrop-filter:blur(18px) saturate(1.05);
  box-shadow:0 10px 28px rgba(18,34,55,.05), inset 0 1px 0 rgba(255,255,255,.45);
}
.artinai-body .n-preferences-titlegroup{min-width:0}
.artinai-body .n-preferences-titletext h2{margin:0 0 4px!important;font-size:28px;line-height:1.2}
.artinai-body .n-preferences-titletext>p{margin:0;color:var(--muted);font-size:13px}
.artinai-body .n-preferences #preferencesStatus{min-height:18px;margin-top:6px;font-size:12px;color:var(--muted)}
.artinai-body .n-preferences-topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.artinai-body .n-preferences-topbar-actions button{min-height:44px;padding:0 18px!important;border-radius:15px!important;border:1px solid color-mix(in srgb,var(--border) 92%,transparent)!important;background:color-mix(in srgb,var(--surface) 96%,transparent)!important;box-shadow:0 6px 16px rgba(18,34,55,.05), inset 0 1px 0 rgba(255,255,255,.55);font-weight:600}
.artinai-body .n-preferences-topbar-actions .n-panel-primary{background:linear-gradient(160deg,#6196f2,#3a73d4)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 24px rgba(58,115,212,.22), inset 0 1px 0 rgba(255,255,255,.28)}
.artinai-body .n-preferences-topbar .n-close{position:static!important;width:42px!important;height:42px!important;min-width:42px;border-radius:15px!important;margin-inline-start:auto}
.artinai-body .n-preferences-body{padding:20px 24px 24px}
.artinai-body .n-preferences-footer{display:none!important}
.artinai-body .n-modal>.n-library::-webkit-scrollbar,
.artinai-body .n-modal>.n-image-maker::-webkit-scrollbar{width:8px;height:8px}
.artinai-body .n-modal>.n-library::-webkit-scrollbar-track,
.artinai-body .n-modal>.n-image-maker::-webkit-scrollbar-track{background:transparent;margin:12px 0}
.artinai-body .n-modal>.n-library::-webkit-scrollbar-thumb,
.artinai-body .n-modal>.n-image-maker::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(132,149,173,.72),rgba(111,128,153,.82));border-radius:999px;border:2px solid transparent;background-clip:padding-box;min-height:44px}
.artinai-body .n-modal>.n-library::-webkit-scrollbar-thumb:hover,
.artinai-body .n-modal>.n-image-maker::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(119,139,166,.88),rgba(92,113,141,.92));border:1px solid transparent;background-clip:padding-box}
.artinai-body .n-modal>.n-library,
.artinai-body .n-modal>.n-image-maker{scrollbar-width:thin;scrollbar-color:rgba(111,128,153,.88) transparent}
@media(max-width:820px){
  .artinai-body .n-preferences-topbar{grid-template-columns:1fr;align-items:stretch;padding:16px;gap:10px}
  .artinai-body .n-preferences-topbar-actions{justify-content:stretch}
  .artinai-body .n-preferences-topbar-actions button{flex:1 1 100%;width:100%}
  .artinai-body .n-preferences-topbar .n-close{order:-1;margin-inline-start:0}
  .artinai-body .n-preferences-body{padding:16px}
  .artinai-body .n-preferences-titletext h2{font-size:22px}
}


/* 1.8.24 — Elegant curved personal-preferences topbar */
.artinai-body .n-preferences{
  border-radius:34px!important;
  overflow:hidden auto!important;
}
.artinai-body .n-preferences-topbar{
  position:sticky;
  top:0;
  border-bottom:none!important;
  border-radius:0 0 34px 34px;
  padding:26px 28px!important;
  background:
    radial-gradient(circle at 12% 28%, rgba(97,150,242,.16), transparent 18%),
    radial-gradient(circle at 84% 18%, rgba(255,166,77,.13), transparent 16%),
    radial-gradient(circle at 70% 88%, rgba(80,205,200,.08), transparent 20%),
    linear-gradient(180deg, color-mix(in srgb,var(--surface) 82%, white 18%), color-mix(in srgb,var(--surface) 90%, white 10%));
  box-shadow:
    0 16px 36px rgba(18,34,55,.08),
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -1px 0 rgba(255,255,255,.2)!important;
}
.artinai-body .n-preferences-topbar::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(135deg, transparent 0 62%, rgba(255,255,255,.18) 62% 64%, transparent 64% 100%),
    linear-gradient(45deg, transparent 0 78%, rgba(255,255,255,.12) 78% 80%, transparent 80% 100%);
  opacity:.65;
}
.artinai-body .n-preferences-topbar::after{
  content:'⚙';
  position:absolute;
  left:22px;
  bottom:10px;
  font-size:74px;
  line-height:1;
  color:rgba(82,104,131,.08);
  filter:blur(.2px);
  pointer-events:none;
  transform:rotate(-10deg);
}
.artinai-body .n-preferences-titlegroup,
.artinai-body .n-preferences-topbar-actions,
.artinai-body .n-preferences-topbar .n-close{
  position:relative;
  z-index:1;
}
.artinai-body .n-preferences-titletext h2{
  font-size:30px;
  margin-bottom:6px!important;
  letter-spacing:-.02em;
}
.artinai-body .n-preferences-titletext>p{
  font-size:13px;
}
.artinai-body .n-preferences-topbar-actions button,
.artinai-body .n-preferences-topbar .n-close{
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.artinai-body .n-preferences-topbar-actions button{
  min-height:46px;
  border-radius:999px!important;
  padding:0 20px!important;
  background:color-mix(in srgb,var(--surface) 88%, white 12%)!important;
  box-shadow:0 10px 18px rgba(18,34,55,.05), inset 0 1px 0 rgba(255,255,255,.62);
}
.artinai-body .n-preferences-topbar-actions .n-panel-primary{
  background:linear-gradient(160deg,#6ba1f4,#437ce0)!important;
  box-shadow:0 12px 26px rgba(67,124,224,.24), inset 0 1px 0 rgba(255,255,255,.28)!important;
}
.artinai-body .n-preferences-topbar .n-close{
  background:color-mix(in srgb,var(--surface) 84%, white 16%)!important;
  box-shadow:0 10px 18px rgba(18,34,55,.05), inset 0 1px 0 rgba(255,255,255,.62);
  border-radius:18px!important;
}
.artinai-body .n-preferences-body{
  padding-top:24px!important;
}
@media(max-width:820px){
  .artinai-body .n-preferences{
    border-radius:24px!important;
  }
  .artinai-body .n-preferences-topbar{
    border-radius:0 0 24px 24px;
    padding:18px 16px!important;
  }
  .artinai-body .n-preferences-topbar::after{
    font-size:52px;
    left:14px;
    bottom:6px;
  }
  .artinai-body .n-preferences-titletext h2{
    font-size:24px;
  }
}


/* 1.8.25 — Dictation voice menu */
.artinai-body .artin-chat .n-voice-choice{position:relative;display:flex;align-items:center}
.artinai-body .artin-chat .n-voice-choice-menu{display:none;position:absolute;z-index:70;bottom:calc(100% + 12px);left:0;width:250px;padding:8px;border:1px solid color-mix(in srgb,var(--border) 90%,transparent);border-radius:18px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 20px 55px rgba(14,29,48,.18),inset 0 1px 0 rgba(255,255,255,.42);backdrop-filter:blur(22px);direction:rtl}
.artinai-body .artin-chat .n-voice-choice-menu.show{display:grid;gap:5px}
.artinai-body .artin-chat .n-voice-choice-menu button{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-radius:13px;background:transparent;color:var(--text);text-align:right;cursor:pointer}
.artinai-body .artin-chat .n-voice-choice-menu button:hover{background:var(--hover)}
.artinai-body .artin-chat .n-voice-choice-menu button>.n-svg{width:21px;height:21px;color:var(--accent)}
.artinai-body .artin-chat .n-voice-choice-menu button>span{display:grid;gap:2px}
.artinai-body .artin-chat .n-voice-choice-menu b{font-size:12px}
.artinai-body .artin-chat .n-voice-choice-menu small{font-size:9px;color:var(--muted);line-height:1.6}
.artinai-body .artin-chat .n-tool-voice.dictating{background:linear-gradient(160deg,#8d62e8,#6e43cf)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 0 0 4px rgba(126,82,219,.10),0 8px 20px rgba(91,56,170,.18)!important;animation:artinDictatePulse 1.5s ease-in-out infinite}
@keyframes artinDictatePulse{50%{transform:scale(1.05);box-shadow:0 0 0 7px rgba(126,82,219,.07),0 8px 22px rgba(91,56,170,.22)}}
@media(max-width:560px){.artinai-body .artin-chat .n-voice-choice-menu{position:fixed;left:12px;right:12px;bottom:82px;width:auto}}

/* 1.8.28 — Welcome, registration and approval gate */
.artinai-body .n-welcome-shell{min-height:100dvh;padding:28px;background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--bg) 55%)}
.artinai-body .n-welcome-card,.artinai-body .n-register-card,.artinai-body .n-login-card{width:min(520px,100%);padding:34px;border-radius:30px;background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid color-mix(in srgb,var(--border) 88%,transparent);box-shadow:0 30px 90px rgba(15,30,50,.14),inset 0 1px 0 rgba(255,255,255,.35);backdrop-filter:blur(28px);position:relative}
.artinai-body .n-welcome-card{text-align:center;justify-items:stretch}
.artinai-body .n-welcome-brand{display:flex;justify-content:center;margin-bottom:8px}
.artinai-body .n-welcome-kicker{display:inline-flex;justify-self:center;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-size:11px}
.artinai-body .n-welcome-card h1,.artinai-body .n-register-card h1,.artinai-body .n-login-card h1{font-size:clamp(25px,4vw,34px);line-height:1.55;margin:8px 0 0}
.artinai-body .n-welcome-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.artinai-body .n-welcome-actions button,.artinai-body .n-register-card .n-primary,.artinai-body .n-login-card .n-primary{min-height:50px;border-radius:16px}
.artinai-body .n-secondary{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer}
.artinai-body .n-welcome-note{color:var(--muted);font-size:10px;line-height:1.8}
.artinai-body .n-register-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.artinai-body .n-register-grid input,.artinai-body .n-register-grid select,.artinai-body .n-login-card input,.artinai-body .n-register-card>.n-otp{height:50px;border:1px solid var(--border);border-radius:14px;background:var(--bg);color:var(--text);padding:0 13px;outline:0}
.artinai-body .n-register-grid input:focus,.artinai-body .n-register-grid select:focus,.artinai-body .n-login-card input:focus,.artinai-body .n-register-card>.n-otp:focus{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 7%,transparent)}
.artinai-body .n-auth-back{position:absolute;left:18px;top:18px;width:40px;height:40px;border-radius:13px!important;background:var(--surface-2)!important;display:grid;place-items:center;font-size:22px}
.artinai-body .n-auth-status-icon{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;justify-self:center;background:color-mix(in srgb,#25a56a 14%,var(--surface));color:#25a56a;font-size:30px;font-weight:700}
@media(max-width:600px){.artinai-body .n-welcome-shell{padding:14px}.artinai-body .n-welcome-card,.artinai-body .n-register-card,.artinai-body .n-login-card{padding:26px 18px;border-radius:24px}.artinai-body .n-welcome-actions,.artinai-body .n-register-grid{grid-template-columns:1fr}}


/* 1.8.30 — Username/password login */
.artinai-body .n-password-login{display:grid;gap:10px}
.artinai-body .n-password-login p{margin:0 0 2px}
.artinai-body .n-login-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;margin:2px 0}
.artinai-body .n-login-divider::before,.artinai-body .n-login-divider::after{content:'';height:1px;flex:1;background:var(--border)}
.artinai-body .n-auth-card .n-secondary{height:48px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text);cursor:pointer}

/* 1.8.31 — Refined login / registration experience */
.artinai-body .n-login-shell.n-welcome-shell{
  padding:28px;
  background:
    radial-gradient(circle at 15% 20%, color-mix(in srgb,var(--accent) 11%,transparent), transparent 28%),
    radial-gradient(circle at 82% 18%, rgba(88,145,235,.09), transparent 24%),
    linear-gradient(180deg,color-mix(in srgb,var(--bg) 96%,white 4%),var(--bg));
}
.artinai-body .n-login-card,
.artinai-body .n-register-card,
.artinai-body .n-welcome-card{
  width:min(560px,100%)!important;
  padding:38px!important;
  border:1px solid color-mix(in srgb,var(--border) 75%,var(--accent) 25%)!important;
  border-radius:34px!important;
  background:color-mix(in srgb,var(--surface) 96%,transparent)!important;
  box-shadow:0 34px 100px rgba(18,32,52,.16),inset 0 1px 0 rgba(255,255,255,.58)!important;
  backdrop-filter:blur(30px) saturate(1.04);
  -webkit-backdrop-filter:blur(30px) saturate(1.04);
  overflow:hidden;
}
.artinai-body .n-login-card::before,
.artinai-body .n-register-card::before,
.artinai-body .n-welcome-card::before{
  content:'';
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 84%,#ffffff),#6b9df0,#69cbc3);
  opacity:.78;
}
.artinai-body .n-login-card h1,
.artinai-body .n-register-card h1,
.artinai-body .n-welcome-card h1{
  margin-top:14px!important;
  font-size:clamp(28px,4vw,36px)!important;
  letter-spacing:-.025em;
}
.artinai-body .n-login-card>p,
.artinai-body .n-register-card>p{
  color:var(--muted);
  line-height:2;
}
.artinai-body .n-register-grid{
  margin:18px 0 4px;
  padding:18px;
  border:1px solid color-mix(in srgb,var(--border) 90%,transparent);
  border-radius:22px;
  background:color-mix(in srgb,var(--hover) 72%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34);
}
.artinai-body .n-register-grid input,
.artinai-body .n-register-grid select,
.artinai-body .n-login-card input,
.artinai-body .n-register-card>.n-otp{
  min-height:54px!important;
  border-radius:17px!important;
  border:1px solid color-mix(in srgb,var(--border) 90%,transparent)!important;
  background:color-mix(in srgb,var(--surface) 98%,transparent)!important;
  box-shadow:0 5px 14px rgba(22,38,60,.035),inset 0 1px 0 rgba(255,255,255,.42)!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.artinai-body .n-register-grid input:focus,
.artinai-body .n-register-grid select:focus,
.artinai-body .n-login-card input:focus,
.artinai-body .n-register-card>.n-otp:focus{
  border-color:color-mix(in srgb,var(--accent) 52%,var(--border))!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 8%,transparent),0 8px 18px rgba(22,38,60,.05)!important;
}
.artinai-body .n-password-login{
  margin:18px 0 6px;
  padding:18px;
  border:1px solid color-mix(in srgb,var(--border) 88%,transparent);
  border-radius:22px;
  background:color-mix(in srgb,var(--hover) 72%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34);
}
.artinai-body .n-password-login>p{
  font-weight:650;
  color:var(--text);
}
.artinai-body .n-login-card .n-primary,
.artinai-body .n-register-card .n-primary,
.artinai-body .n-welcome-card .n-primary{
  min-height:52px!important;
  border-radius:17px!important;
  background:linear-gradient(160deg,#6196f2,#3f78dc)!important;
  color:#fff!important;
  box-shadow:0 12px 25px rgba(63,120,220,.22),inset 0 1px 0 rgba(255,255,255,.28)!important;
}
.artinai-body .n-login-card .n-secondary,
.artinai-body .n-welcome-card .n-secondary{
  min-height:50px;
  border:1px solid color-mix(in srgb,var(--border) 92%,transparent);
  border-radius:17px;
  background:color-mix(in srgb,var(--surface) 96%,transparent);
  color:var(--text);
  box-shadow:0 6px 16px rgba(18,34,55,.05),inset 0 1px 0 rgba(255,255,255,.5);
}
.artinai-body .n-auth-back{
  width:42px;height:42px;display:grid;place-items:center;
  border:1px solid color-mix(in srgb,var(--border) 90%,transparent)!important;
  border-radius:15px!important;
  background:color-mix(in srgb,var(--surface) 94%,transparent)!important;
  box-shadow:0 6px 15px rgba(18,34,55,.05);
  font-size:24px;
}
.artinai-body .n-login-divider{
  margin:14px 0!important;
}
.artinai-body .n-error{
  min-height:22px;
  border-radius:11px;
  padding:0 4px;
}
@media(max-width:600px){
  .artinai-body .n-login-shell.n-welcome-shell{padding:14px}
  .artinai-body .n-login-card,.artinai-body .n-register-card,.artinai-body .n-welcome-card{padding:26px 18px!important;border-radius:26px!important}
  .artinai-body .n-register-grid{padding:13px;border-radius:18px}
}

/* 1.8.32 — Profile ticket center */
.artinai-body .n-ticket-center{width:min(900px,100%)!important}
.artinai-body .n-ticket-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.artinai-body .n-ticket-summary>div{padding:16px 18px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface) 90%,transparent);display:flex;align-items:center;justify-content:space-between;gap:14px}
.artinai-body .n-ticket-summary small{color:var(--muted);font-size:11px}.artinai-body .n-ticket-summary strong{font-size:22px}
.artinai-body .n-ticket-new{border:1px solid var(--border);border-radius:20px;background:color-mix(in srgb,var(--surface) 88%,transparent);padding:4px 14px;margin:14px 0 18px}
.artinai-body .n-ticket-new summary{list-style:none;cursor:pointer;min-height:54px;display:flex;align-items:center;gap:9px;font-weight:700}.artinai-body .n-ticket-new summary::-webkit-details-marker{display:none}.artinai-body .n-ticket-new summary .n-svg{width:19px;height:19px;color:var(--accent)}
.artinai-body .n-ticket-new-form{display:grid;gap:10px;padding:0 0 14px}.artinai-body .n-ticket-new-form input,.artinai-body .n-ticket-new-form textarea,.artinai-body .n-ticket-reply-box textarea{width:100%;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);padding:12px 14px;outline:none}.artinai-body .n-ticket-new-form textarea,.artinai-body .n-ticket-reply-box textarea{resize:vertical;line-height:1.9}
.artinai-body .n-ticket-list{display:grid;gap:9px}.artinai-body .n-ticket-list-item{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;text-align:right;border:1px solid var(--border);border-radius:17px;background:color-mix(in srgb,var(--surface) 88%,transparent);padding:13px 14px;cursor:pointer;color:var(--text)}.artinai-body .n-ticket-list-item:hover{background:var(--hover)}
.artinai-body .n-ticket-list-copy{display:grid;min-width:0;gap:4px}.artinai-body .n-ticket-list-copy b{font-size:13px}.artinai-body .n-ticket-list-copy small{color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artinai-body .n-ticket-list-item>i{font-style:normal;color:var(--muted);font-size:21px}
.artinai-body .n-ticket-status{display:inline-flex;align-items:center;justify-content:center;min-width:72px;height:28px;padding:0 9px;border-radius:999px;font-size:10px;font-weight:700;background:var(--hover);color:var(--muted)}.artinai-body .n-ticket-status.is-open{background:color-mix(in srgb,#f59e0b 14%,transparent);color:#b86a00}.artinai-body .n-ticket-status.is-answered{background:color-mix(in srgb,#22c55e 13%,transparent);color:#168548}.artinai-body .n-ticket-status.is-closed{background:color-mix(in srgb,var(--muted) 13%,transparent);color:var(--muted)}
.artinai-body .n-ticket-thread-panel{display:grid;gap:14px}.artinai-body .n-ticket-thread-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.artinai-body .n-ticket-thread-head button{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted);cursor:pointer}.artinai-body .n-ticket-thread-head h3{margin:2px 0 0;font-size:17px}.artinai-body .n-ticket-thread-head small{color:var(--muted)}
.artinai-body .n-ticket-thread-messages{max-height:min(52dvh,520px);overflow:auto;display:flex;flex-direction:column;gap:10px;padding:8px 2px;scrollbar-width:thin}.artinai-body .n-ticket-message{max-width:78%;padding:12px 14px;border-radius:17px;border:1px solid var(--border);box-shadow:0 5px 14px rgba(18,34,55,.04)}.artinai-body .n-ticket-message small{display:block;color:var(--muted);font-size:9px;margin-bottom:5px}.artinai-body .n-ticket-message p{margin:0;line-height:1.9;font-size:13px}.artinai-body .n-ticket-message.is-user{align-self:flex-start;background:color-mix(in srgb,var(--accent) 8%,var(--surface));border-radius:17px 17px 6px 17px}.artinai-body .n-ticket-message.is-admin{align-self:flex-end;background:var(--surface);border-radius:17px 17px 17px 6px}
.artinai-body .n-ticket-reply-box{display:flex;align-items:flex-end;gap:10px;padding-top:12px;border-top:1px solid var(--border)}.artinai-body .n-ticket-reply-box textarea{min-height:76px}.artinai-body .n-ticket-reply-box button{flex:0 0 auto;min-height:46px;padding-inline:18px}.artinai-body .n-ticket-closed-note{padding:13px;border-radius:14px;background:var(--hover);color:var(--muted);text-align:center;font-size:12px}
@media(max-width:640px){.artinai-body .n-ticket-summary{grid-template-columns:1fr}.artinai-body .n-ticket-list-item{grid-template-columns:1fr auto}.artinai-body .n-ticket-list-item>.n-ticket-status{grid-column:2}.artinai-body .n-ticket-list-copy{grid-column:1;grid-row:1/3}.artinai-body .n-ticket-list-item>i{display:none}.artinai-body .n-ticket-message{max-width:92%}.artinai-body .n-ticket-reply-box{flex-direction:column;align-items:stretch}}

/* 1.8.36 — Chat Experience Studio */
.artinai-body .n-thread-tools{position:absolute;z-index:7;top:76px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:6px;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:16px;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 12px 30px rgba(15,25,40,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.artinai-body .n-thread-tools button{height:34px;border:0;border-radius:11px;padding:0 11px;background:transparent;color:var(--muted);display:flex;align-items:center;gap:6px;cursor:pointer;font-size:11px}
.artinai-body .n-thread-tools button:hover{background:var(--hover);color:var(--text)}
.artinai-body .n-thread-tools .n-svg{width:15px;height:15px}
.artinai-body .n-msg-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:7px;opacity:.72;transition:opacity .18s ease}
.artinai-body .n-msg-row:hover .n-msg-actions{opacity:1}
.artinai-body .n-msg-action{height:28px;border:0;border-radius:9px;padding:0 8px;background:transparent;color:var(--muted);display:inline-flex;align-items:center;gap:5px;cursor:pointer;font-size:10px}
.artinai-body .n-msg-action:hover,.artinai-body .n-msg-action.is-active{background:color-mix(in srgb,var(--accent) 11%,var(--surface));color:var(--text)}
.artinai-body .n-msg-action .n-svg{width:13px;height:13px}
.artinai-body .n-msg-row.user .n-msg-actions{justify-content:flex-start}
.artinai-body .is-pinned-message .n-msg-card{position:relative}
.artinai-body .is-pinned-message .n-msg-card::before{content:'';position:absolute;inset-block:8px;inset-inline-start:-10px;width:3px;border-radius:999px;background:var(--accent);opacity:.72}
.artinai-body .n-tool-enhance{font-size:16px;line-height:1}
.artinai-body .n-tool-enhance:disabled{opacity:.38}
.artinai-body .n-studio-search{width:100%;height:48px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);color:var(--text);padding:0 15px;outline:0}
.artinai-body .n-chat-search-results{display:grid;gap:7px;margin-top:14px;max-height:52vh;overflow:auto}
.artinai-body .n-chat-search-results>button{border:1px solid var(--border);border-radius:13px;background:var(--surface-2);color:var(--text);padding:11px 13px;text-align:right;display:grid;gap:4px;cursor:pointer}
.artinai-body .n-chat-search-results>button:hover{background:var(--hover)}
.artinai-body .n-chat-search-results span{font-size:11px;color:var(--muted);line-height:1.8}
.artinai-body .n-context-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}
.artinai-body .n-context-stats article{border:1px solid var(--border);border-radius:14px;padding:13px;background:var(--surface-2);display:grid;gap:4px}
.artinai-body .n-context-stats small{color:var(--muted);font-size:10px}
.artinai-body .n-context-files{display:grid;gap:8px}
.artinai-body .n-context-files>div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}
.artinai-body .n-context-files small{color:var(--muted);font-size:10px}
.artinai-body .n-artifact-panel{width:min(1050px,94vw)!important}
.artinai-body .n-artifact-actions{display:flex;justify-content:flex-start;margin:10px 0}
.artinai-body .n-artifact-actions button{height:38px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);color:var(--text);padding:0 13px;display:flex;align-items:center;gap:6px;cursor:pointer}
.artinai-body .n-artifact-frame{width:100%;height:min(62vh,620px);border:1px solid var(--border);border-radius:16px;background:#fff}
.artinai-body .n-artifact-code{max-height:62vh;overflow:auto;border:1px solid var(--border);border-radius:16px;background:#151515;color:#eee;padding:18px;direction:ltr;text-align:left}
.artinai-body .n-compare-models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}
.artinai-body .n-compare-models label{min-height:46px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);display:flex;align-items:center;gap:8px;padding:0 12px;cursor:pointer}
.artinai-body .n-compare-results{display:grid;gap:12px;margin-top:16px}
.artinai-body .n-compare-results article{border:1px solid var(--border);border-radius:16px;padding:16px;background:var(--surface-2)}
.artinai-body .n-compare-results h3{margin:0 0 10px;font-size:14px}
@media(max-width:760px){.artinai-body .n-thread-tools{top:66px;max-width:calc(100vw - 24px);overflow-x:auto;justify-content:flex-start}.artinai-body .n-thread-tools button{flex:0 0 auto}.artinai-body .n-thread{padding-top:116px!important}.artinai-body .n-context-stats,.artinai-body .n-compare-models{grid-template-columns:1fr}.artinai-body .n-msg-action span{display:none}.artinai-body .n-msg-action{width:29px;justify-content:center;padding:0}}
.artinai-body .n-saved-list{display:grid;gap:10px;max-height:60vh;overflow:auto;margin-top:14px}
.artinai-body .n-saved-list article{border:1px solid var(--border);border-radius:16px;background:var(--surface-2);padding:14px}
.artinai-body .n-saved-list article>div:last-child{display:flex;gap:7px;margin-top:10px}
.artinai-body .n-saved-list button{height:34px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);padding:0 11px;display:flex;align-items:center;gap:5px;cursor:pointer}


/* 1.8.39 — Full chat UI discoverability audit */
.artinai-body .artin-chat .n-msg-row.ai .n-msg-actions,
.artinai-body .artin-chat .n-msg-row.user .n-msg-actions{
  opacity:1!important;
  transform:none!important;
  visibility:visible!important;
}
.artinai-body .artin-chat .n-msg-actions{
  margin-top:9px!important;
  gap:5px!important;
  padding:4px 5px!important;
  width:max-content;
  max-width:100%;
  border:1px solid color-mix(in srgb,var(--border) 76%,transparent);
  border-radius:13px;
  background:color-mix(in srgb,var(--surface) 86%,transparent);
  box-shadow:0 8px 20px rgba(15,25,40,.045);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.artinai-body .artin-chat .n-msg-action{
  height:31px!important;
  min-width:31px;
  border-radius:9px!important;
  padding:0 9px!important;
  font-size:10.5px!important;
}
.artinai-body .artin-chat .n-msg-action:hover,
.artinai-body .artin-chat .n-msg-action.is-active{
  background:color-mix(in srgb,var(--accent) 12%,var(--surface))!important;
}
.artinai-body .artin-chat .n-thread-tools{
  top:70px!important;
  min-height:48px;
  padding:6px 8px!important;
  gap:5px!important;
  border-radius:18px!important;
  box-shadow:0 16px 34px rgba(15,25,40,.10)!important;
}
.artinai-body .artin-chat .n-thread-tools-title{
  display:inline-flex;
  align-items:center;
  height:32px;
  padding:0 10px;
  margin-inline-end:2px;
  border-radius:10px;
  background:color-mix(in srgb,var(--accent) 10%,var(--surface));
  color:var(--text);
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}
.artinai-body .artin-chat .n-thread-tools button{
  height:34px!important;
  padding:0 12px!important;
  color:color-mix(in srgb,var(--muted) 75%,var(--text))!important;
  font-size:11px!important;
}
.artinai-body .artin-chat .n-thread-tools button:hover{
  background:var(--hover)!important;
  color:var(--text)!important;
}
.artinai-body .artin-chat .n-composer-studio{
  overflow:visible!important;
}
.artinai-body .artin-chat .n-tool-enhance{
  width:auto!important;
  min-width:72px!important;
  padding:0 10px!important;
  gap:5px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  font-size:14px!important;
  background:color-mix(in srgb,var(--accent) 9%,transparent)!important;
}
.artinai-body .artin-chat .n-tool-enhance b{
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}
.artinai-body .artin-chat .n-tool-enhance:not(:disabled):hover{
  background:color-mix(in srgb,var(--accent) 16%,var(--surface))!important;
}
.artinai-body .artin-chat .n-chat-studio-rail{
  display:flex;
  align-items:center;
  gap:5px;
  min-height:42px;
  margin-top:8px;
  padding-top:8px;
  border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent);
  overflow-x:auto;
  scrollbar-width:none;
}
.artinai-body .artin-chat .n-chat-studio-rail::-webkit-scrollbar{display:none}
.artinai-body .artin-chat .n-studio-rail-label{
  flex:0 0 auto;
  color:var(--faint);
  font-size:9px;
  font-weight:800;
  padding:0 4px;
}
.artinai-body .artin-chat .n-chat-studio-rail button{
  flex:0 0 auto;
  height:30px;
  border:0;
  border-radius:9px;
  padding:0 9px;
  background:transparent;
  color:var(--muted);
  display:inline-flex;
  align-items:center;
  gap:5px;
  cursor:pointer;
  font-size:9.5px;
}
.artinai-body .artin-chat .n-chat-studio-rail button:hover{
  background:var(--hover);
  color:var(--text);
}
.artinai-body .artin-chat .n-chat-studio-rail button:disabled{opacity:.35;cursor:not-allowed}
.artinai-body .artin-chat .n-chat-studio-rail .n-svg{width:13px;height:13px}
.artinai-body .artin-chat .n-slash-mark{
  width:18px;height:18px;border-radius:6px;display:grid;place-items:center;
  background:color-mix(in srgb,var(--accent) 10%,var(--surface));
  font-weight:900;color:var(--text);font-family:ui-monospace,SFMono-Regular,monospace;
}
.artinai-body .artin-chat .n-slash-hints{
  display:none;
  position:absolute;
  z-index:35;
  right:12px;
  bottom:calc(100% + 10px);
  width:min(360px,calc(100vw - 32px));
  padding:8px;
  border:1px solid color-mix(in srgb,var(--border) 78%,transparent);
  border-radius:18px;
  background:color-mix(in srgb,var(--surface) 94%,transparent);
  box-shadow:0 20px 50px rgba(10,20,35,.18);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
}
.artinai-body .artin-chat .n-slash-hints.show{display:grid;gap:3px}
.artinai-body .artin-chat .n-slash-hints-head{padding:7px 9px 9px;display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-bottom:1px solid color-mix(in srgb,var(--border) 65%,transparent);margin-bottom:4px}
.artinai-body .artin-chat .n-slash-hints-head b{font-size:11px}
.artinai-body .artin-chat .n-slash-hints-head small{font-size:9px;color:var(--muted)}
.artinai-body .artin-chat .n-slash-hints button{
  min-height:40px;
  border:0;
  border-radius:11px;
  padding:6px 10px;
  background:transparent;
  color:var(--text);
  display:grid;
  grid-template-columns:92px 1fr;
  align-items:center;
  gap:8px;
  text-align:right;
  cursor:pointer;
}
.artinai-body .artin-chat .n-slash-hints button:hover{background:var(--hover)}
.artinai-body .artin-chat .n-slash-hints button b{direction:ltr;text-align:left;font:10px ui-monospace,SFMono-Regular,monospace;color:color-mix(in srgb,var(--accent) 72%,var(--text))}
.artinai-body .artin-chat .n-slash-hints button span{font-size:10px;color:var(--muted)}
@media(max-width:760px){
  .artinai-body .artin-chat .n-thread-tools{top:62px!important;max-width:calc(100vw - 18px)!important;padding:5px!important}
  .artinai-body .artin-chat .n-thread-tools-title{display:none}
  .artinai-body .artin-chat .n-thread-tools button{padding:0 9px!important}
  .artinai-body .artin-chat .n-thread-tools button span{display:none}
  .artinai-body .artin-chat .n-msg-actions{gap:3px!important;padding:3px!important;max-width:calc(100vw - 54px);overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none}
  .artinai-body .artin-chat .n-msg-actions::-webkit-scrollbar{display:none}
  .artinai-body .artin-chat .n-msg-action{flex:0 0 30px!important;width:30px!important;min-width:30px!important;padding:0!important;justify-content:center!important}
  .artinai-body .artin-chat .n-msg-action span{display:none!important}
  .artinai-body .artin-chat .n-tool-enhance{min-width:34px!important;width:34px!important;padding:0!important}
  .artinai-body .artin-chat .n-tool-enhance b{display:none}
  .artinai-body .artin-chat .n-chat-studio-rail{margin-top:6px;padding-top:6px}
  .artinai-body .artin-chat .n-studio-rail-label{display:none}
  .artinai-body .artin-chat .n-chat-studio-rail button{height:29px;padding:0 8px}
  .artinai-body .artin-chat .n-chat-studio-rail button span:last-child{font-size:9px}
  .artinai-body .artin-chat .n-slash-hints{right:0;bottom:calc(100% + 8px)}
}


/* 1.9.2 — Unified composer command center */
.artinai-body .artin-chat .n-thread-tools{display:none!important}
.artinai-body .artin-chat .n-chat-studio-rail{margin-top:4px!important;padding-top:5px!important;min-height:32px;gap:3px!important}
.artinai-body .artin-chat .n-chat-studio-rail button{height:28px!important;padding:0 8px!important;border-radius:9px!important}
.artinai-body .artin-chat .n-chat-studio-rail .n-studio-rail-label{font-size:9px;opacity:.72}
.artinai-body .artin-chat .n-composer-minimal{padding-block:10px!important}
@media(max-width:640px){.artinai-body .artin-chat .n-chat-studio-rail{margin-inline:-2px;overflow-x:auto;scrollbar-width:none}.artinai-body .artin-chat .n-chat-studio-rail button{flex:0 0 auto}}


/* 1.9.3 — Profile card cleanup: remove redundant chevron */
.artinai-body .artin-chat .n-account-footer>i{display:none!important}
.artinai-body .artin-chat .n-account-footer{grid-template-columns:46px minmax(0,1fr)!important;padding-inline:12px!important}

/* 1.10.1 — Personal Memory Center */
.artinai-body .n-memory-center{width:min(920px,100%)}
.artinai-body .n-memory-summary{display:grid;grid-template-columns:180px 1fr;gap:14px;align-items:stretch;margin:10px 0 18px}
.artinai-body .n-memory-summary>div,.artinai-body .n-memory-summary>p{margin:0;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface) 82%,transparent);padding:16px}
.artinai-body .n-memory-summary>div{display:grid;place-items:center;text-align:center}.artinai-body .n-memory-summary small{color:var(--muted);font-size:11px}.artinai-body .n-memory-summary strong{font-size:30px;color:var(--accent)}
.artinai-body .n-memory-summary>p{display:flex;align-items:center;line-height:1.95;color:var(--muted);font-size:12px}
.artinai-body .n-memory-editor{border:1px solid var(--border);border-radius:20px;background:color-mix(in srgb,var(--surface) 78%,transparent);overflow:hidden;margin-bottom:18px}
.artinai-body .n-memory-editor>summary{display:flex;align-items:center;gap:8px;cursor:pointer;padding:15px 17px;font-weight:700;list-style:none}.artinai-body .n-memory-editor>summary::-webkit-details-marker{display:none}.artinai-body .n-memory-editor>summary .n-svg{color:var(--accent)}
.artinai-body .n-memory-form{display:grid;gap:11px;padding:0 16px 16px}.artinai-body .n-memory-form-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(180px,.7fr);gap:10px}.artinai-body .n-memory-form-row input,.artinai-body .n-memory-form-row select{width:100%}.artinai-body .n-memory-form-actions{display:flex;gap:9px;align-items:center}.artinai-body .n-memory-form-actions button{min-width:140px}.artinai-body .n-memory-form-actions #cancelMemoryEdit{background:transparent}
.artinai-body .n-memory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.artinai-body .n-memory-card{min-width:0;border:1px solid var(--border);border-radius:19px;padding:15px;background:color-mix(in srgb,var(--surface) 84%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.artinai-body .n-memory-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.artinai-body .n-memory-category{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border-radius:999px;background:color-mix(in srgb,var(--accent) 11%,var(--surface));color:var(--accent);font-size:10px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent)}
.artinai-body .n-memory-card-actions{display:flex;gap:5px}.artinai-body .n-memory-card-actions button{display:grid!important;place-items:center;width:32px;min-width:32px!important;height:32px;min-height:32px!important;padding:0!important;border-radius:10px!important}.artinai-body .n-memory-card-actions .n-svg{width:16px;height:16px}
.artinai-body .n-memory-card h3{margin:12px 0 7px;font-size:14px;line-height:1.7}.artinai-body .n-memory-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere}
.artinai-body .n-profile-action#profileMemory .n-profile-action-icon{background:color-mix(in srgb,var(--accent) 9%,var(--surface))}
@media(max-width:700px){.artinai-body .n-memory-summary{grid-template-columns:1fr}.artinai-body .n-memory-form-row{grid-template-columns:1fr}.artinai-body .n-memory-list{grid-template-columns:1fr}.artinai-body .n-memory-form-actions{display:grid;grid-template-columns:1fr 1fr}.artinai-body .n-memory-form-actions button{min-width:0}}

/* 1.10.2 — Project Workspace + model routing */
.n-model-category-section{padding-top:8px!important}
.n-model-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.n-model-category-grid button{min-height:48px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--text);display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;text-align:right}
.n-model-category-grid button:hover{background:var(--hover);border-color:color-mix(in srgb,var(--border) 45%,var(--text))}
.n-model-category-grid button span{width:25px;height:25px;border-radius:9px;display:grid;place-items:center;background:var(--surface-2);font-size:13px}
.n-model-category-grid button b{font-size:11px;line-height:1.5}
.n-model-dialog-categories{display:flex;gap:7px;overflow-x:auto;padding:0 18px 12px;scrollbar-width:none}
.n-model-dialog-categories::-webkit-scrollbar{display:none}
.n-model-dialog-categories button{flex:0 0 auto;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--muted);padding:7px 12px;cursor:pointer}
.n-model-dialog-categories button.active,.n-model-dialog-categories button:hover{background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--text);border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}
.n-project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:4px 0 18px;padding:15px 16px;border:1px solid var(--border);border-radius:18px;background:var(--surface-2)}
.n-project-toolbar>div{display:grid;gap:3px}.n-project-toolbar b{font-size:15px}.n-project-toolbar small{color:var(--muted)}
.n-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.n-project-card{border:1px solid var(--border);border-radius:22px;padding:17px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,white 6%),var(--surface));box-shadow:0 12px 30px rgba(15,25,45,.06)}
.n-project-card-head{display:flex;align-items:center;gap:11px}.n-project-icon{width:43px;height:43px;border-radius:14px;background:var(--surface-2);display:grid;place-items:center;font-size:20px;flex:0 0 43px}
.n-project-card h3{margin:0;font-size:15px}.n-project-card small{color:var(--muted);font-size:10px}.n-project-card>p{min-height:42px;margin:13px 0;color:var(--muted);line-height:1.8;font-size:12px}.n-project-card>p.is-muted{opacity:.7}
.n-project-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.n-project-card-actions button{min-height:37px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);color:var(--text);cursor:pointer}.n-project-card-actions button:hover{background:var(--hover)}.n-project-card-actions .is-danger{color:#e57f7f}
.n-project-editor{width:min(820px,100%)}
.n-project-editor-grid{display:grid;grid-template-columns:1fr 130px;gap:12px}.n-project-editor-grid label{display:grid;gap:7px;color:var(--muted);font-size:12px}.n-project-editor-grid label.wide{grid-column:1/-1}.n-project-editor-grid input,.n-project-editor-grid select,.n-project-editor-grid textarea{width:100%;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);color:var(--text);padding:11px 13px;outline:0}.n-project-editor-grid textarea{resize:vertical;line-height:1.8}.n-project-editor-grid input:focus,.n-project-editor-grid select:focus,.n-project-editor-grid textarea:focus{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}
.n-project-editor-actions{display:flex;gap:9px;margin-top:16px}.n-project-editor-actions button{min-height:42px;border-radius:12px;border:1px solid var(--border);padding:0 16px;background:var(--surface-2);color:var(--text);cursor:pointer}.n-project-editor-actions .n-panel-primary{background:var(--accent);color:#fff;border-color:transparent}
@media(max-width:760px){.n-project-grid{grid-template-columns:1fr}.n-project-toolbar{align-items:stretch;flex-direction:column}.n-project-editor-grid{grid-template-columns:1fr}.n-project-editor-grid label.wide{grid-column:auto}.n-model-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* 1.10.3 — Conversation export center */
.n-export-center,.n-executive-summary{width:min(760px,calc(100vw - 28px));max-height:min(88vh,820px);overflow:auto}
.n-export-title{display:grid;gap:4px;padding:16px 18px;margin:12px 0 18px;border:1px solid var(--border);border-radius:18px;background:var(--surface-2)}
.n-export-title small,.n-export-title span,.n-export-note,.n-export-summary small{color:var(--muted)}
.n-export-title strong{font-size:17px}.n-export-title span{font-size:12px}
.n-export-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.n-export-grid button{min-height:112px;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;padding:12px;text-align:center;transition:.18s ease}
.n-export-grid button:hover{transform:translateY(-2px);background:var(--hover);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}
.n-export-grid b{font-size:18px}.n-export-grid small{font-size:10px;line-height:1.7;color:var(--muted)}
.n-export-summary{margin-top:18px;padding:16px 18px;border-radius:20px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--accent) 6%,var(--surface));display:flex;align-items:center;justify-content:space-between;gap:18px}
.n-export-summary>div{display:grid;gap:4px}.n-export-summary small{line-height:1.7}.n-export-note{font-size:11px;line-height:1.8;margin:12px 2px 0}
.n-summary-content{margin:14px 0 18px;padding:20px;border:1px solid var(--border);border-radius:20px;background:var(--surface-2);line-height:2;max-height:52vh;overflow:auto}
.n-summary-actions{display:flex;gap:8px;flex-wrap:wrap}.n-summary-actions button{min-height:42px;padding:0 14px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text);cursor:pointer}.n-summary-actions .n-panel-primary{background:var(--accent);color:#fff;border-color:transparent}
@media(max-width:760px){.n-export-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.n-export-grid button{min-height:92px}.n-export-summary{align-items:stretch;flex-direction:column}.n-export-summary .n-panel-primary{width:100%}.n-summary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 1.10.4 Notification Center */
.n-notification-badge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--accent);color:#fff;font-style:normal;font-size:11px;margin-inline-start:6px}.n-notification-center{width:min(760px,calc(100vw - 28px))!important}.n-notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 16px;border-bottom:1px solid var(--border)}.n-notification-toolbar button{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:12px;padding:8px 12px;cursor:pointer}.n-notification-list{display:grid;gap:10px;padding-top:14px}.n-notification-item{border:1px solid var(--border);border-radius:18px;padding:16px;background:var(--surface)}.n-notification-item.is-unread{border-color:color-mix(in srgb,var(--accent) 58%,var(--border));background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.n-notification-item>div{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px}.n-notification-item h3{margin:10px 0 5px;font-size:15px}.n-notification-item p{margin:0;line-height:1.9;color:var(--muted)}.n-notification-item button{margin-top:10px;border:0;background:transparent;color:var(--accent);cursor:pointer}.n-notification-type{padding:3px 8px;border-radius:999px;background:var(--surface-2)}
.n-top-bell{position:relative}.n-top-bell-badge{position:absolute;top:-5px;left:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:#e95a67;color:#fff;font-size:10px;font-weight:800;border:2px solid var(--bg)}

/* 3.0.2 — Agents replace model categories */
.artinai-body .n-agent-section{padding-top:4px}
.artinai-body .n-agent-grid{display:grid;gap:8px}
.artinai-body .n-agent-grid>button{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;text-align:right;border:1px solid transparent;border-radius:15px;padding:9px 10px;background:transparent;color:var(--text);cursor:pointer;transition:.16s ease}
.artinai-body .n-agent-grid>button:hover{background:color-mix(in srgb,var(--surface) 84%,white 16%);border-color:var(--line)}
.artinai-body .n-agent-grid>button.active{background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:color-mix(in srgb,var(--accent) 42%,var(--line))}
.artinai-body .n-agent-grid>button>span:first-child{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--surface) 82%,white 18%);font-size:18px}
.artinai-body .n-agent-grid>button>span:last-child{display:flex;flex-direction:column;min-width:0;gap:2px}.artinai-body .n-agent-grid b{font-size:13px}.artinai-body .n-agent-grid small{font-size:10px;opacity:.62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.artinai-body .n-model-button>span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1;gap:2px}.artinai-body .n-model-button>span small{font-size:9px;opacity:.58;font-weight:500}.artinai-body .n-model-button>span b{font-size:12px}
.artinai-body .n-agent-empty{padding:12px;border:1px dashed var(--line);border-radius:14px;font-size:11px;line-height:1.7;opacity:.72;text-align:center}
.artinai-body .n-model-wrap{display:flex!important;align-items:center;gap:7px}.artinai-body .n-agent-button{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 90%,white 10%);color:var(--text);border-radius:14px;min-height:42px;padding:6px 10px;display:flex;align-items:center;gap:8px;cursor:pointer}.artinai-body .n-agent-button>i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,transparent);font-style:normal}.artinai-body .n-agent-button>span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}.artinai-body .n-agent-button small{font-size:8px;opacity:.55}.artinai-body .n-agent-button b{font-size:11px}.artinai-body .n-agent-button.is-empty{opacity:.65;cursor:not-allowed}.artinai-body .n-agent-dialog-list{display:grid;gap:9px;padding:16px}.artinai-body .n-agent-dialog-list>button{display:grid;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:12px;width:100%;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);padding:12px;text-align:right;cursor:pointer}.artinai-body .n-agent-dialog-list>button.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.artinai-body .n-agent-dialog-list>button>i{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 10%,transparent);font-style:normal;font-size:20px}.artinai-body .n-agent-dialog-list>button>span{display:flex;flex-direction:column;gap:3px}.artinai-body .n-agent-dialog-list>button small{opacity:.62}.artinai-body .n-agent-dialog-list>button>em{font-style:normal;color:var(--accent);font-weight:800}

/* 3.0.12 — Refined sidebar quick access: compact, flat and visually quiet */
.artinai-body .artin-chat .n-sidebar-actions-section{
  border-top:0!important;
  padding:10px 0 8px!important;
  margin:0!important;
}
.artinai-body .artin-chat .n-sidebar-actions-section .n-target-label{
  padding:0 0 7px!important;
  font-size:10px!important;
  font-weight:600!important;
  color:color-mix(in srgb,var(--muted) 88%,transparent)!important;
  text-align:center!important;
}
.artinai-body .artin-chat .n-target-services-2x2{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:4px!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto!important;
  padding:4px!important;
  border:1px solid color-mix(in srgb,var(--border) 72%,transparent)!important;
  border-radius:15px!important;
  background:color-mix(in srgb,var(--hover) 52%,transparent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important;
}
.artinai-body .artin-chat .n-target-services-2x2 .n-sidebar-launcher{
  width:38px!important;
  height:34px!important;
  min-width:38px!important;
  min-height:34px!important;
  max-width:38px!important;
  padding:0!important;
  border:0!important;
  border-radius:11px!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  color:var(--muted)!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease!important;
}
.artinai-body .artin-chat .n-target-services-2x2 .n-sidebar-launcher:hover,
.artinai-body .artin-chat .n-target-services-2x2 .n-sidebar-launcher:focus-visible{
  background:color-mix(in srgb,var(--surface) 86%,var(--accent) 14%)!important;
  color:var(--accent)!important;
  box-shadow:0 3px 10px rgba(20,38,62,.07),inset 0 1px 0 rgba(255,255,255,.2)!important;
  outline:none!important;
}
.artinai-body .artin-chat .n-target-services-2x2 .n-sidebar-launcher span{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
}
.artinai-body .artin-chat .n-target-services-2x2 .n-sidebar-launcher .n-svg{
  width:17px!important;
  height:17px!important;
  stroke-width:1.8!important;
}
.artinai-body .artin-chat .n-target-services-2x2 .n-sidebar-launcher b{display:none!important}
@media(max-width:1024px){
  .artinai-body .artin-chat .n-target-services-2x2 .n-sidebar-launcher{
    width:40px!important;height:36px!important;min-width:40px!important;min-height:36px!important;max-width:40px!important;
  }
}


/* 3.0.13 — Frontend chat repair: agents + composer + model controls */
/* The 3.0.2 agent rules were accidentally scoped to .novai-body.  Keep all
   frontend controls under the real body class so native browser controls never leak through. */
.artinai-body .artin-chat .n-agent-section{
  flex:0 0 auto!important;
  margin:0!important;
  padding:10px 0 8px!important;
  border:0!important;
}
.artinai-body .artin-chat .n-agent-section>.n-target-label{
  padding:0 4px 7px!important;
  font-size:10px!important;
  font-weight:650!important;
  color:var(--muted)!important;
}
.artinai-body .artin-chat .n-agent-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
}
.artinai-body .artin-chat .n-agent-grid>button{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  min-width:0!important;
  min-height:50px!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  margin:0!important;
  padding:7px 9px!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  background:transparent!important;
  color:var(--text)!important;
  box-shadow:none!important;
  font:inherit!important;
  text-align:right!important;
  cursor:pointer!important;
}
.artinai-body .artin-chat .n-agent-grid>button:hover{
  background:color-mix(in srgb,var(--surface) 84%,var(--hover) 16%)!important;
  border-color:color-mix(in srgb,var(--border) 78%,transparent)!important;
}
.artinai-body .artin-chat .n-agent-grid>button.active{
  background:color-mix(in srgb,var(--accent) 9%,var(--surface))!important;
  border-color:color-mix(in srgb,var(--accent) 28%,var(--border))!important;
}
.artinai-body .artin-chat .n-agent-grid>button>span:first-child{
  width:36px!important;height:36px!important;min-width:36px!important;
  display:grid!important;place-items:center!important;
  border-radius:11px!important;
  background:color-mix(in srgb,var(--accent) 8%,var(--surface))!important;
  font-size:17px!important;
}
.artinai-body .artin-chat .n-agent-grid>button>span:last-child{
  width:auto!important;height:auto!important;min-width:0!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  gap:1px!important;line-height:1.55!important;
}
.artinai-body .artin-chat .n-agent-grid b{
  width:100%;font-size:12px!important;font-weight:700!important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.artinai-body .artin-chat .n-agent-grid small{
  width:100%;font-size:9px!important;color:var(--muted)!important;opacity:.82!important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.artinai-body .artin-chat .n-agent-empty{
  padding:10px 11px!important;border:1px dashed var(--border)!important;border-radius:12px!important;
  background:color-mix(in srgb,var(--surface) 86%,transparent)!important;color:var(--muted)!important;
  font-size:10px!important;line-height:1.8!important;text-align:center!important;
}

/* Composer shell: one clean row, no native select/button appearance. */
.artinai-body .artin-chat .n-composer-minimal .n-minimal-composer-main.n-minimal-composer-left-tools{
  grid-template-columns:minmax(180px,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
}
.artinai-body .artin-chat .n-composer-minimal .n-composer-side-all-left{
  gap:7px!important;
  flex-wrap:nowrap!important;
  max-width:min(62%,680px)!important;
}
.artinai-body .artin-chat .n-composer-minimal .n-model-wrap{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  width:auto!important;
  max-width:min(390px,34vw)!important;
  min-width:0!important;
  direction:rtl!important;
}
.artinai-body .artin-chat .n-composer-minimal .n-agent-button,
.artinai-body .artin-chat .n-composer-minimal .n-model-button{
  appearance:none!important;
  -webkit-appearance:none!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  border:1px solid color-mix(in srgb,var(--border) 90%,transparent)!important;
  border-radius:15px!important;
  background:color-mix(in srgb,var(--surface) 96%,transparent)!important;
  color:var(--text)!important;
  box-shadow:none!important;
  font:inherit!important;
  cursor:pointer!important;
}
.artinai-body .artin-chat .n-composer-minimal .n-agent-button{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  max-width:180px!important;
  padding:0 9px!important;
}
.artinai-body .artin-chat .n-composer-minimal .n-agent-button>i{
  width:28px!important;height:28px!important;min-width:28px!important;
  display:grid!important;place-items:center!important;
  border-radius:9px!important;background:color-mix(in srgb,var(--accent) 9%,transparent)!important;
  font-style:normal!important;font-size:14px!important;
}
.artinai-body .artin-chat .n-composer-minimal .n-agent-button>span,
.artinai-body .artin-chat .n-composer-minimal .n-model-button>span{
  width:auto!important;height:auto!important;min-width:0!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  gap:1px!important;line-height:1.2!important;border-radius:0!important;
}
.artinai-body .artin-chat .n-composer-minimal .n-agent-button small,
.artinai-body .artin-chat .n-composer-minimal .n-model-button small{
  display:block!important;font-size:8px!important;font-weight:500!important;color:var(--muted)!important;
  opacity:.82!important;white-space:nowrap!important;
}
.artinai-body .artin-chat .n-composer-minimal .n-agent-button b,
.artinai-body .artin-chat .n-composer-minimal .n-model-button b{
  display:block!important;max-width:116px!important;font-size:11px!important;font-weight:700!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.artinai-body .artin-chat .n-composer-minimal .n-agent-button>.n-svg,
.artinai-body .artin-chat .n-composer-minimal .n-model-button>.n-svg{
  width:14px!important;height:14px!important;min-width:14px!important;color:var(--muted)!important;
}
.artinai-body .artin-chat .n-composer-minimal .n-model-button{
  min-width:116px!important;max-width:174px!important;padding:0 10px!important;gap:7px!important;
}
.artinai-body .artin-chat .n-composer-minimal .n-model-button>img{
  width:25px!important;height:25px!important;min-width:25px!important;border-radius:8px!important;object-fit:cover!important;
}
.artinai-body .artin-chat .n-composer-minimal .n-agent-button:hover,
.artinai-body .artin-chat .n-composer-minimal .n-model-button:hover{
  background:var(--hover)!important;
  border-color:color-mix(in srgb,var(--accent) 24%,var(--border))!important;
}
.artinai-body .artin-chat .n-composer-minimal textarea{
  width:100%!important;min-width:0!important;background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;
}
.artinai-body .artin-chat .n-composer-minimal .n-tool,
.artinai-body .artin-chat .n-composer-minimal .n-send{
  width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;border-radius:15px!important;
}
.artinai-body .artin-chat .n-composer-minimal .n-prompt-enhance{
  height:44px!important;min-height:44px!important;border-radius:15px!important;
}

/* Agent chooser modal follows the same visual language as the model chooser. */
.artinai-body .n-agent-dialog-list{
  display:grid!important;gap:8px!important;padding:12px!important;
}
.artinai-body .n-agent-dialog-list>button{
  appearance:none!important;-webkit-appearance:none!important;
  display:grid!important;grid-template-columns:42px minmax(0,1fr) 22px!important;align-items:center!important;gap:11px!important;
  width:100%!important;min-height:64px!important;margin:0!important;padding:10px 11px!important;
  border:1px solid var(--border)!important;border-radius:15px!important;background:var(--surface)!important;color:var(--text)!important;
  font:inherit!important;text-align:right!important;cursor:pointer!important;
}
.artinai-body .n-agent-dialog-list>button.active{
  border-color:color-mix(in srgb,var(--accent) 48%,var(--border))!important;
  background:color-mix(in srgb,var(--accent) 7%,var(--surface))!important;
}
.artinai-body .n-agent-dialog-list>button>i{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:12px!important;
  background:color-mix(in srgb,var(--accent) 9%,transparent)!important;font-style:normal!important;font-size:19px!important;
}
.artinai-body .n-agent-dialog-list>button>span{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}
.artinai-body .n-agent-dialog-list>button b{font-size:13px!important}.artinai-body .n-agent-dialog-list>button small{font-size:10px!important;color:var(--muted)!important}
.artinai-body .n-agent-dialog-list>button>em{font-style:normal!important;color:var(--accent)!important;font-weight:800!important}

@media(max-width:980px){
  .artinai-body .artin-chat .n-composer-minimal .n-composer-side-all-left{max-width:68%!important}
  .artinai-body .artin-chat .n-composer-minimal .n-agent-button>span small,
  .artinai-body .artin-chat .n-composer-minimal .n-model-button>span small{display:none!important}
}
@media(max-width:820px){
  .artinai-body .artin-chat .n-composer-minimal .n-minimal-composer-main.n-minimal-composer-left-tools{grid-template-columns:1fr!important;gap:9px!important}
  .artinai-body .artin-chat .n-composer-minimal .n-composer-side-all-left{width:100%!important;max-width:none!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important}
  .artinai-body .artin-chat .n-composer-minimal .n-composer-side-all-left::-webkit-scrollbar{display:none!important}
  .artinai-body .artin-chat .n-composer-minimal .n-model-wrap{flex:0 1 auto!important;max-width:min(390px,72vw)!important}
  .artinai-body .artin-chat .n-composer-minimal .n-model-button{width:auto!important}
}

/* 3.0.14 — Unified Agent + Model selector and fixed quick-access rail */
.artinai-body .artin-chat .n-sidebar-actions-fixed{
  flex:0 0 auto!important;
  position:relative!important;
  z-index:4!important;
  width:100%!important;
  margin:0!important;
  padding:8px 0 10px!important;
  background:var(--bg)!important;
  border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent)!important;
  border-bottom:0!important;
}
.artinai-body .artin-chat .n-sidebar-actions-fixed + .n-target-footer{
  margin-top:0!important;
  padding-top:10px!important;
}
.artinai-body .artin-chat .n-sidebar-scroll{
  padding-bottom:6px!important;
}
.artinai-body .artin-chat .n-composer-minimal .n-assistant-picker{
  appearance:none!important;
  -webkit-appearance:none!important;
  height:44px!important;
  min-height:44px!important;
  min-width:190px!important;
  max-width:250px!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr) 15px!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  padding:5px 9px!important;
  border:1px solid color-mix(in srgb,var(--border) 90%,transparent)!important;
  border-radius:15px!important;
  background:color-mix(in srgb,var(--surface) 96%,transparent)!important;
  color:var(--text)!important;
  box-shadow:none!important;
  font:inherit!important;
  text-align:right!important;
  direction:rtl!important;
  cursor:pointer!important;
}
.artinai-body .artin-chat .n-composer-minimal .n-assistant-picker:hover,
.artinai-body .artin-chat .n-composer-minimal .n-assistant-picker:focus-visible{
  background:var(--hover)!important;
  border-color:color-mix(in srgb,var(--accent) 30%,var(--border))!important;
  outline:none!important;
}
.artinai-body .artin-chat .n-assistant-picker-icon{
  width:30px!important;height:30px!important;min-width:30px!important;
  display:grid!important;place-items:center!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--accent) 9%,transparent)!important;
  font-size:15px!important;
}
.artinai-body .artin-chat .n-assistant-picker-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:1px!important;
  line-height:1.25!important;
}
.artinai-body .artin-chat .n-assistant-picker-copy small{
  width:100%!important;font-size:8px!important;font-weight:500!important;color:var(--muted)!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.artinai-body .artin-chat .n-assistant-picker-copy b{
  width:100%!important;font-size:11px!important;font-weight:750!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.artinai-body .artin-chat .n-assistant-picker>.n-svg{
  width:14px!important;height:14px!important;color:var(--muted)!important;
}
.artinai-body .artin-chat .n-assistant-picker.is-empty{opacity:.65!important;cursor:not-allowed!important}

.artinai-body .n-assistant-dialog{width:min(760px,calc(100vw - 28px))!important;max-height:min(720px,calc(100vh - 36px))!important;overflow:hidden!important}
.artinai-body .n-assistant-dialog-body{
  display:grid!important;
  grid-template-columns:minmax(220px,.82fr) minmax(300px,1.18fr)!important;
  gap:0!important;
  min-height:340px!important;
  max-height:min(570px,calc(100vh - 160px))!important;
  direction:rtl!important;
}
.artinai-body .n-assistant-dialog-agents,
.artinai-body .n-assistant-dialog-models{
  min-width:0!important;
  overflow-y:auto!important;
  padding:16px!important;
  scrollbar-width:thin!important;
}
.artinai-body .n-assistant-dialog-agents{border-left:1px solid var(--border)!important;background:color-mix(in srgb,var(--hover) 40%,transparent)!important}
.artinai-body .n-assistant-dialog-label{font-size:11px!important;font-weight:750!important;color:var(--muted)!important;margin:0 2px 10px!important}
.artinai-body .n-assistant-agent-list,
.artinai-body .n-assistant-model-list{display:grid!important;gap:8px!important}
.artinai-body .n-assistant-agent-list>button,
.artinai-body .n-assistant-model-list>button{
  appearance:none!important;-webkit-appearance:none!important;
  width:100%!important;min-width:0!important;min-height:62px!important;
  display:grid!important;grid-template-columns:42px minmax(0,1fr) 22px!important;
  align-items:center!important;gap:10px!important;
  margin:0!important;padding:9px 10px!important;
  border:1px solid var(--border)!important;border-radius:15px!important;
  background:var(--surface)!important;color:var(--text)!important;
  font:inherit!important;text-align:right!important;cursor:pointer!important;
  transition:background .15s ease,border-color .15s ease,transform .15s ease!important;
}
.artinai-body .n-assistant-agent-list>button:hover,
.artinai-body .n-assistant-model-list>button:hover{background:var(--hover)!important;transform:translateY(-1px)!important}
.artinai-body .n-assistant-agent-list>button.active,
.artinai-body .n-assistant-model-list>button.active{
  border-color:color-mix(in srgb,var(--accent) 48%,var(--border))!important;
  background:color-mix(in srgb,var(--accent) 7%,var(--surface))!important;
}
.artinai-body .n-assistant-agent-list>button>i{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;
  border-radius:12px!important;background:color-mix(in srgb,var(--accent) 9%,transparent)!important;
  font-style:normal!important;font-size:19px!important;
}
.artinai-body .n-assistant-model-list>button>img,
.artinai-body .n-assistant-model-list>button>span:first-child{
  width:42px!important;height:42px!important;min-width:42px!important;display:grid!important;place-items:center!important;
  border-radius:12px!important;object-fit:cover!important;background:color-mix(in srgb,var(--accent) 8%,transparent)!important;
}
.artinai-body .n-assistant-agent-list>button>span,
.artinai-body .n-assistant-model-list>button>span{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important}
.artinai-body .n-assistant-agent-list b,
.artinai-body .n-assistant-model-list b{width:100%!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.artinai-body .n-assistant-agent-list small,
.artinai-body .n-assistant-model-list small{width:100%!important;font-size:9px!important;color:var(--muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.artinai-body .n-assistant-agent-list em,
.artinai-body .n-assistant-model-list em{font-style:normal!important;color:var(--accent)!important;font-weight:850!important;text-align:center!important}

@media(max-width:720px){
  .artinai-body .n-assistant-dialog-body{grid-template-columns:1fr!important;max-height:min(620px,calc(100vh - 150px))!important}
  .artinai-body .n-assistant-dialog-agents{border-left:0!important;border-bottom:1px solid var(--border)!important;max-height:220px!important}
  .artinai-body .n-assistant-dialog-models{max-height:340px!important}
  .artinai-body .artin-chat .n-composer-minimal .n-assistant-picker{min-width:168px!important;max-width:220px!important}
}


/* 3.0.15 — Sidebar reset: history-first layout + unified bottom dock + modal search */
.artinai-body .artin-chat .n-target-sidebar{
  padding:18px 16px 14px!important;
  overflow:hidden!important;
}
.artinai-body .artin-chat .n-target-sidebar .n-side-shell{
  display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;gap:0!important;
}
.artinai-body .artin-chat .n-side-brand-centered{
  flex:0 0 auto!important;min-height:112px!important;margin:0 4px 12px!important;padding:10px 6px 18px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border-bottom:1px solid color-mix(in srgb,var(--border) 80%,transparent)!important;
}
.artinai-body .artin-chat .n-sidebar-history-only{
  flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
  padding:4px 2px 12px!important;margin:0!important;scrollbar-width:thin!important;
  scrollbar-color:color-mix(in srgb,var(--accent) 22%,var(--border)) transparent!important;
}
.artinai-body .artin-chat .n-sidebar-history-only .n-history-section-grow,
.artinai-body .artin-chat .n-sidebar-history-only .n-inline-history{height:auto!important;min-height:100%!important;margin:0!important;padding:0!important}
.artinai-body .artin-chat .n-history-heading{
  position:sticky!important;top:0!important;z-index:2!important;padding:9px 6px 12px!important;margin:0 0 5px!important;
  background:color-mix(in srgb,var(--sidebar) 92%,transparent)!important;backdrop-filter:blur(12px)!important;
}
.artinai-body .artin-chat .n-history-heading span{gap:8px!important;font-size:12px!important}
.artinai-body .artin-chat .n-history-heading button{font-size:10px!important;padding:5px 8px!important;border-radius:9px!important}









.artinai-body .artin-chat .n-agent-section,
.artinai-body .artin-chat .n-sidebar-actions-fixed,
.artinai-body .artin-chat .n-target-footer,
.artinai-body .artin-chat .n-sidebar-quickrow{display:none!important}

.artinai-body .artin-chat .n-sidebar-bottom-dock{
  flex:0 0 auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;
  padding:12px 0 0!important;margin:0!important;border-top:1px solid color-mix(in srgb,var(--border) 82%,transparent)!important;
  background:transparent!important;
}
.artinai-body .artin-chat .n-side-dock-button{
  appearance:none!important;-webkit-appearance:none!important;min-width:0!important;height:58px!important;margin:0!important;padding:6px 3px!important;
  border:1px solid color-mix(in srgb,var(--border) 90%,transparent)!important;border-radius:16px!important;
  background:color-mix(in srgb,var(--surface) 76%,transparent)!important;color:var(--muted)!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;
  font:inherit!important;font-size:9px!important;font-weight:650!important;cursor:pointer!important;box-shadow:none!important;
  transition:transform .15s ease,background .15s ease,border-color .15s ease,color .15s ease!important;
}
.artinai-body .artin-chat .n-side-dock-button:hover,
.artinai-body .artin-chat .n-side-dock-button:focus-visible{
  transform:translateY(-1px)!important;background:color-mix(in srgb,var(--accent) 6%,var(--surface))!important;
  border-color:color-mix(in srgb,var(--accent) 30%,var(--border))!important;color:var(--text)!important;outline:none!important;
}
.artinai-body .artin-chat .n-side-dock-button:disabled{opacity:.45!important;cursor:not-allowed!important;transform:none!important}
.artinai-body .artin-chat .n-side-dock-icon{
  width:28px!important;height:28px!important;min-width:28px!important;display:grid!important;place-items:center!important;
  border-radius:10px!important;background:color-mix(in srgb,var(--accent) 7%,transparent)!important;color:var(--accent)!important;
}
.artinai-body .artin-chat .n-side-dock-icon .n-svg{width:16px!important;height:16px!important}
.artinai-body .artin-chat .n-side-avatar{font-size:11px!important;font-weight:850!important;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 72%,#bcd7ff),var(--accent))!important;color:#fff!important}
.artinai-body .artin-chat .n-side-new{color:var(--accent)!important}

.artinai-body .n-sidebar-search-modal{z-index:10060!important;align-items:center!important;justify-content:center!important}
.artinai-body .n-sidebar-search-panel{
  width:min(620px,calc(100vw - 32px))!important;max-height:min(690px,calc(100dvh - 36px))!important;overflow:hidden!important;
  padding:24px!important;border-radius:28px!important;display:flex!important;flex-direction:column!important;gap:16px!important;
}
.artinai-body .n-sidebar-search-head{display:flex!important;align-items:center!important;gap:12px!important;padding-inline-end:44px!important}
.artinai-body .n-sidebar-search-head>span{width:44px!important;height:44px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:color-mix(in srgb,var(--accent) 8%,transparent)!important;color:var(--accent)!important}
.artinai-body .n-sidebar-search-head .n-svg{width:21px!important;height:21px!important}
.artinai-body .n-sidebar-search-head h2{margin:0!important;font-size:20px!important}.artinai-body .n-sidebar-search-head p{margin:3px 0 0!important;color:var(--muted)!important;font-size:11px!important}
.artinai-body .n-sidebar-search-field{
  height:54px!important;display:grid!important;grid-template-columns:24px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;
  padding:0 14px!important;border:1px solid var(--border)!important;border-radius:17px!important;background:color-mix(in srgb,var(--surface) 96%,transparent)!important;
}
.artinai-body .n-sidebar-search-field:focus-within{border-color:color-mix(in srgb,var(--accent) 42%,var(--border))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 7%,transparent)!important}
.artinai-body .n-sidebar-search-field input{width:100%!important;min-width:0!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--text)!important;font:inherit!important;text-align:right!important}
.artinai-body .n-sidebar-search-field kbd{border:1px solid var(--border)!important;border-radius:7px!important;padding:3px 6px!important;color:var(--muted)!important;background:var(--hover)!important;font-size:9px!important}
.artinai-body .n-sidebar-search-results{min-height:180px!important;max-height:430px!important;overflow:auto!important;display:flex!important;flex-direction:column!important;gap:7px!important;padding:2px!important;scrollbar-width:thin!important}
.artinai-body .n-sidebar-search-result{
  appearance:none!important;width:100%!important;min-height:62px!important;display:grid!important;grid-template-columns:40px minmax(0,1fr) 18px!important;align-items:center!important;gap:11px!important;
  padding:9px 11px!important;border:1px solid var(--border)!important;border-radius:16px!important;background:var(--surface)!important;color:var(--text)!important;text-align:right!important;font:inherit!important;cursor:pointer!important;
}
.artinai-body .n-sidebar-search-result:hover{background:var(--hover)!important;border-color:color-mix(in srgb,var(--accent) 28%,var(--border))!important}
.artinai-body .n-sidebar-search-result-icon{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:color-mix(in srgb,var(--accent) 7%,transparent)!important;color:var(--accent)!important}
.artinai-body .n-sidebar-search-result>span:nth-child(2){display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}.artinai-body .n-sidebar-search-result b{font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.artinai-body .n-sidebar-search-result small{font-size:9px!important;color:var(--muted)!important}.artinai-body .n-sidebar-search-result>i{font-style:normal!important;color:var(--muted)!important}.artinai-body .n-sidebar-search-result>i .n-svg{width:14px!important;height:14px!important}

@media(max-width:760px){
  .artinai-body .artin-chat .n-target-sidebar{padding:14px 12px 12px!important}
  .artinai-body .artin-chat .n-side-brand-centered{min-height:86px!important;margin-bottom:8px!important}
  .artinai-body .artin-chat .n-sidebar-bottom-dock{gap:5px!important}
  .artinai-body .artin-chat .n-side-dock-button{height:54px!important;border-radius:14px!important}
  .artinai-body .n-sidebar-search-panel{padding:18px 14px!important;border-radius:22px!important}
}


/* 3.0.16 — Dedicated admin-controlled quick-access rail above bottom dock */
.artinai-body .artin-chat .n-sidebar-quick-access{
  flex:0 0 auto!important;margin:0!important;padding:9px 0 10px!important;
  border-top:1px solid color-mix(in srgb,var(--border) 76%,transparent)!important;
  background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface) 38%,transparent))!important;
  overflow:hidden!important;
}
.artinai-body .artin-chat .n-sidebar-quick-head{
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-height:18px!important;margin:0 0 6px!important;color:var(--muted)!important;
  font-size:9px!important;font-weight:700!important;letter-spacing:0!important;
}
.artinai-body .artin-chat .n-sidebar-quick-buttons{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;
  width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding:1px 2px 4px!important;
  scrollbar-width:none!important;overscroll-behavior-inline:contain!important;scroll-snap-type:x proximity!important;
}
.artinai-body .artin-chat .n-sidebar-quick-buttons::-webkit-scrollbar{display:none!important}
.artinai-body .artin-chat .n-sidebar-launcher{
  appearance:none!important;-webkit-appearance:none!important;flex:0 0 54px!important;width:54px!important;height:50px!important;
  margin:0!important;padding:5px 3px!important;border:1px solid color-mix(in srgb,var(--border) 88%,transparent)!important;
  border-radius:15px!important;background:color-mix(in srgb,var(--surface) 82%,transparent)!important;color:var(--muted)!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;
  box-shadow:none!important;font:inherit!important;cursor:pointer!important;scroll-snap-align:center!important;
  transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease!important;
}
.artinai-body .artin-chat .n-sidebar-launcher:hover,
.artinai-body .artin-chat .n-sidebar-launcher:focus-visible{
  transform:translateY(-1px)!important;color:var(--accent)!important;outline:none!important;
  border-color:color-mix(in srgb,var(--accent) 30%,var(--border))!important;background:color-mix(in srgb,var(--accent) 6%,var(--surface))!important;
}
.artinai-body .artin-chat .n-sidebar-launcher>span{width:22px!important;height:22px!important;display:grid!important;place-items:center!important}
.artinai-body .artin-chat .n-sidebar-launcher .n-svg{width:17px!important;height:17px!important}
.artinai-body .artin-chat .n-sidebar-launcher>b{max-width:48px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:8px!important;font-weight:650!important;line-height:1.2!important}
.artinai-body .artin-chat .n-sidebar-bottom-dock{padding-top:9px!important}
@media(max-width:760px){
 .artinai-body .artin-chat .n-sidebar-quick-access{padding:7px 0 8px!important}
 .artinai-body .artin-chat .n-sidebar-launcher{flex-basis:50px!important;width:50px!important;height:47px!important;border-radius:14px!important}
}

/* 3.0.17 — Composer utility rail: one clean Tools control */
.artinai-body .artin-chat .n-chat-studio-rail.n-chat-tools-only{
  position:relative;
  display:flex!important;
  align-items:center;
  justify-content:flex-start;
  min-height:34px!important;
  margin-top:5px!important;
  padding-top:6px!important;
  overflow:visible!important;
  border-top:1px solid color-mix(in srgb,var(--border) 66%,transparent);
}
.artinai-body .artin-chat .n-chat-tools-only>.n-studio-tools-toggle{
  height:29px!important;
  min-width:78px;
  padding:0 11px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:var(--muted)!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:6px!important;
  font-size:10px!important;
  font-weight:800;
  cursor:pointer;
}
.artinai-body .artin-chat .n-chat-tools-only>.n-studio-tools-toggle:hover,
.artinai-body .artin-chat .n-chat-tools-only>.n-studio-tools-toggle[aria-expanded="true"]{
  color:var(--text)!important;
  background:color-mix(in srgb,var(--accent) 8%,var(--surface))!important;
}
.artinai-body .artin-chat .n-chat-tools-only>.n-studio-tools-toggle .n-svg{width:14px;height:14px}
.artinai-body .artin-chat .n-studio-tools-menu{
  display:none;
  position:absolute;
  z-index:90;
  inset-inline-start:0;
  bottom:calc(100% + 8px);
  width:min(390px,calc(100vw - 38px));
  padding:10px;
  border:1px solid color-mix(in srgb,var(--border) 88%,transparent);
  border-radius:18px;
  background:color-mix(in srgb,var(--surface) 96%,transparent);
  box-shadow:0 18px 50px rgba(22,39,62,.14),inset 0 1px 0 rgba(255,255,255,.5);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
}
.artinai-body .artin-chat .n-studio-tools-menu.show{display:block}
.artinai-body .artin-chat .n-studio-tools-head{
  padding:5px 7px 10px;
  margin-bottom:5px;
  border-bottom:1px solid color-mix(in srgb,var(--border) 65%,transparent);
  text-align:right;
}
.artinai-body .artin-chat .n-studio-tools-head b{display:block;color:var(--text);font-size:12px}
.artinai-body .artin-chat .n-studio-tools-head small{display:block;margin-top:2px;color:var(--faint);font-size:9px}
.artinai-body .artin-chat .n-studio-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.artinai-body .artin-chat .n-studio-tools-grid>button{
  width:100%;
  min-height:58px!important;
  height:auto!important;
  padding:9px 10px!important;
  border:1px solid color-mix(in srgb,var(--border) 70%,transparent)!important;
  border-radius:13px!important;
  background:color-mix(in srgb,var(--surface) 96%,var(--admin-bg) 4%)!important;
  color:var(--text)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  text-align:right;
}
.artinai-body .artin-chat .n-studio-tools-grid>button:hover{
  border-color:color-mix(in srgb,var(--accent) 30%,var(--border))!important;
  background:color-mix(in srgb,var(--accent) 7%,var(--surface))!important;
}
.artinai-body .artin-chat .n-studio-tools-grid>button>.n-svg,
.artinai-body .artin-chat .n-studio-tools-grid>button>.n-slash-mark{flex:0 0 auto}
.artinai-body .artin-chat .n-studio-tools-grid>button>span:last-child{min-width:0;display:block}
.artinai-body .artin-chat .n-studio-tools-grid>button b{display:block;font-size:10.5px;line-height:1.5;color:var(--text)}
.artinai-body .artin-chat .n-studio-tools-grid>button small{display:block;margin-top:2px;font-size:8.5px;line-height:1.55;color:var(--faint);white-space:normal}
@media(max-width:640px){
  .artinai-body .artin-chat .n-studio-tools-menu{inset-inline-start:-3px;width:min(350px,calc(100vw - 28px))}
  .artinai-body .artin-chat .n-studio-tools-grid{grid-template-columns:1fr}
}


/* 3.0.18 — Centered private entry + fully configurable copy */
.artinai-body .n-welcome-shell{display:grid!important;place-items:center!important;min-height:100dvh!important;padding:clamp(18px,4vw,48px)!important}
.artinai-body .n-private-auth-card.n-private-centered{width:min(720px,100%)!important;padding:clamp(28px,4vw,52px)!important;gap:18px!important;justify-items:center!important;text-align:center!important}
.artinai-body .n-private-centered .n-welcome-brand{width:100%;justify-content:center!important;margin:0 0 4px!important}
.artinai-body .n-private-centered .n-private-badge{justify-self:center!important;margin:2px auto 4px!important}
.artinai-body .n-private-centered h1{width:min(620px,100%);margin:8px auto 0!important;text-align:center!important;text-wrap:balance}
.artinai-body .n-private-centered .n-private-lead,.artinai-body .n-private-centered>p{width:min(610px,100%);max-width:none!important;margin:0 auto!important;text-align:center!important;line-height:2.05!important}
.artinai-body .n-private-centered .n-private-auth-options{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:8px}
.artinai-body .n-private-centered .n-private-auth-option{min-height:154px;padding:22px 20px!important;grid-template-columns:1fr!important;grid-template-rows:auto auto;justify-items:center;align-content:center;gap:12px!important;text-align:center!important;border-radius:26px!important}
.artinai-body .n-private-centered .n-private-option-icon{width:52px;height:52px;border-radius:18px;margin:auto}
.artinai-body .n-private-centered .n-private-auth-option>span:last-child{justify-items:center;text-align:center}
.artinai-body .n-private-centered .n-private-auth-option b,.artinai-body .n-private-centered .n-private-auth-option small{text-align:center!important}
.artinai-body .n-private-centered .n-private-security-note{width:100%;justify-content:center;text-align:center;margin-top:2px}
.artinai-body .n-private-centered .n-approval-email-note{width:100%;justify-content:center;text-align:right}
.artinai-body .n-private-centered>.n-primary,.artinai-body .n-private-centered>.n-back{width:min(360px,100%)}
@media(max-width:680px){.artinai-body .n-private-auth-card.n-private-centered{padding:28px 18px!important;gap:15px!important}.artinai-body .n-private-centered .n-private-auth-options{grid-template-columns:1fr}.artinai-body .n-private-centered .n-private-auth-option{min-height:118px;padding:17px!important}}


/* 3.0.19 — Refined auth navigation control */
.artinai-body .n-mobile-identity-card .n-auth-back{
  width:46px!important;height:46px!important;border-radius:16px!important;
  font-size:0!important;color:var(--text)!important;
  background:color-mix(in srgb,var(--surface) 96%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--border) 88%,transparent)!important;
  box-shadow:0 8px 20px rgba(18,34,55,.055),inset 0 1px 0 rgba(255,255,255,.55)!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease!important;
}
.artinai-body .n-mobile-identity-card .n-auth-back::before{
  content:"→";font-size:21px;font-weight:700;line-height:1;
}
.artinai-body .n-mobile-identity-card .n-auth-back:hover{
  transform:translateX(2px);
  border-color:color-mix(in srgb,var(--accent) 28%,var(--border))!important;
  background:color-mix(in srgb,var(--accent) 5%,var(--surface))!important;
}

/* ArtinAI 3.0.22 — categorized role agents */
.artinai-body .n-agent-category{display:grid;gap:7px;margin-top:10px}.artinai-body .n-agent-category-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px;font-size:11px;font-weight:800;opacity:.72}.artinai-body .n-agent-category-title small{font-size:9px;font-weight:600;opacity:.7}
.artinai-body .n-assistant-agent-group{display:grid;gap:7px;margin-bottom:14px}.artinai-body .n-assistant-agent-group:last-child{margin-bottom:0}.artinai-body .n-assistant-agent-group-title{padding:2px 5px 5px;font-size:11px;font-weight:800;opacity:.62}
.artinai-body .n-assistant-agent-group>button{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:right;border:1px solid var(--line);border-radius:14px;padding:10px;background:transparent;color:var(--text);cursor:pointer;margin-bottom:6px}.artinai-body .n-assistant-agent-group>button:hover{background:color-mix(in srgb,var(--surface) 84%,white 16%)}.artinai-body .n-assistant-agent-group>button.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.artinai-body .n-assistant-agent-group>button>i{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--surface) 82%,white 18%);font-style:normal;font-size:19px}.artinai-body .n-assistant-agent-group>button>span{display:flex;flex-direction:column;min-width:0;gap:2px}.artinai-body .n-assistant-agent-group>button b{font-size:13px}.artinai-body .n-assistant-agent-group>button small{font-size:10px;opacity:.62}.artinai-body .n-assistant-agent-group>button em{font-style:normal;color:var(--accent);font-weight:800}

/* Unified model selection in the comparison dialog; keep the original chat layout. */
.artinai-body .n-compare-models input[type="checkbox"]{
  appearance:none!important;-webkit-appearance:none!important;display:inline-block!important;position:relative!important;
  flex:0 0 46px!important;width:46px!important;min-width:46px!important;height:27px!important;margin:0!important;padding:0!important;
  border:1px solid var(--border)!important;border-radius:999px!important;background:#8797ac!important;box-shadow:none!important;cursor:pointer!important;
}
.artinai-body .n-compare-models input[type="checkbox"]::before{content:""!important;display:block!important;position:absolute!important;top:3px!important;right:3px!important;left:auto!important;width:19px!important;height:19px!important;margin:0!important;border:0!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 5px #15253a33!important;transform:none!important}
.artinai-body .n-compare-models input[type="checkbox"]:checked{background:var(--accent)!important;border-color:var(--accent)!important}
.artinai-body .n-compare-models input[type="checkbox"]:checked::before{transform:translateX(-19px)!important}
.artinai-body .n-compare-models input[type="checkbox"]::after{content:none!important;display:none!important}
.artinai-body .n-compare-models input[type="checkbox"]:focus-visible{outline:3px solid var(--accent)!important;outline-offset:3px!important}
.artinai-body .n-compare-models label:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface-2))}

/* 3.1.2 — One compact, top-aligned history component. */
.artinai-body .artin-chat .n-history-section-grow .n-history-list{
 display:flex!important;flex-direction:column!important;justify-content:flex-start!important;
 align-items:stretch!important;gap:3px!important;min-height:0!important;max-height:none!important;
 margin:0!important;padding:3px 2px 8px!important;overflow-y:auto!important;overflow-x:hidden!important;
 scrollbar-width:thin;scrollbar-color:var(--border) transparent;
}
.artinai-body .artin-chat .n-history-row{
 box-sizing:border-box;position:relative!important;display:block!important;flex:0 0 auto!important;
 width:100%!important;min-width:0!important;min-height:42px!important;height:auto!important;
 margin:0!important;padding:0!important;border:1px solid transparent!important;border-radius:12px!important;
 transition:background .15s ease,border-color .15s ease;
}
.artinai-body .artin-chat .n-history-item{
 box-sizing:border-box;display:flex!important;align-items:center!important;justify-content:flex-start!important;
 direction:rtl!important;text-align:right!important;width:100%!important;min-width:0!important;
 min-height:40px!important;height:40px!important;margin:0!important;padding:0 10px!important;
 gap:8px!important;border:0!important;border-radius:11px!important;background:transparent!important;
 color:var(--text)!important;font:inherit!important;font-size:12px!important;line-height:1.5!important;cursor:pointer;
}
.artinai-body .artin-chat .n-history-item>span{
 flex:1!important;min-width:0!important;display:block!important;overflow:hidden!important;
 text-overflow:ellipsis!important;white-space:nowrap!important;text-align:right!important;
 font:inherit!important;line-height:1.5!important;margin:0!important;padding:0!important;
}
.artinai-body .artin-chat .n-history-item>.n-svg{width:17px!important;height:17px!important;flex:0 0 17px;color:var(--muted)}
.artinai-body .artin-chat .n-history-row:hover,.artinai-body .artin-chat .n-history-row:focus-within{
 background:color-mix(in srgb,var(--accent) 5%,var(--surface))!important;
 border-color:color-mix(in srgb,var(--accent) 14%,var(--border))!important;
}
.artinai-body .artin-chat .n-history-row:has(.n-history-item.active){
 background:color-mix(in srgb,var(--accent) 10%,var(--surface))!important;
 border-color:color-mix(in srgb,var(--accent) 26%,var(--border))!important;
}
.artinai-body .artin-chat .n-history-row.is-pinned .n-history-item>.n-svg,
.artinai-body .artin-chat .n-history-item.active>.n-svg{color:var(--accent)}
.artinai-body .artin-chat .n-history-actions{
 display:flex!important;align-items:center!important;gap:1px!important;position:absolute!important;
 inset-inline-end:4px!important;left:4px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;
 padding:2px!important;margin:0!important;border:1px solid var(--border);border-radius:9px!important;
 background:var(--surface)!important;opacity:0!important;pointer-events:none!important;transition:opacity .15s;
}
.artinai-body .artin-chat .n-history-actions button{
 display:grid;place-items:center;box-sizing:border-box;width:28px!important;height:30px!important;
 margin:0!important;padding:5px!important;border:0;border-radius:7px!important;
 background:transparent;color:var(--muted);cursor:pointer;
}
.artinai-body .artin-chat .n-history-actions .n-svg{width:15px!important;height:15px!important}
.artinai-body .artin-chat .n-history-row:hover .n-history-actions,
.artinai-body .artin-chat .n-history-row:focus-within .n-history-actions{opacity:1!important;pointer-events:auto!important}
.artinai-body .artin-chat .n-history-row:hover .n-history-item,
.artinai-body .artin-chat .n-history-row:focus-within .n-history-item{padding-inline-end:98px!important}
.artinai-body .artin-chat .n-history-row:has([data-history-action="export"]):hover .n-history-item,
.artinai-body .artin-chat .n-history-row:has([data-history-action="export"]):focus-within .n-history-item{padding-inline-end:127px!important}
.artinai-body .artin-chat .n-history-actions button:hover,
.artinai-body .artin-chat .n-history-actions button[aria-pressed="true"]{color:var(--accent);background:var(--hover)}
.artinai-body .artin-chat .n-history-actions button[data-history-action="delete"]:hover{color:#c74c4c;background:color-mix(in srgb,#c74c4c 10%,var(--surface))}
.artinai-body .artin-chat .n-history-item:disabled,.artinai-body .artin-chat .n-history-actions button:disabled{opacity:.5;cursor:default}
.artinai-body .artin-chat .n-history-item:focus-visible,.artinai-body .artin-chat .n-history-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
@media(hover:none),(pointer:coarse){
 .artinai-body .artin-chat .n-history-actions{opacity:1!important;pointer-events:auto!important}
 .artinai-body .artin-chat .n-history-item{padding-inline-end:98px!important}
 .artinai-body .artin-chat .n-history-row:has([data-history-action="export"]) .n-history-item{padding-inline-end:127px!important}
}
@media(prefers-reduced-motion:reduce){.artinai-body .artin-chat .n-history-row,.artinai-body .artin-chat .n-history-actions{transition:none!important}}




/* 4.4.0 — Artin Pro UI: Engineered Formula Cards, Step Badges, Variable Pills, Wizard Cards & Quick Chips */
.artinai-body .artin-chat .n-msg-row.ai.n-editorial-row .n-msg.n-editorial-body {
  border-right: 0 !important;
  padding: 20px 22px !important;
  border-radius: 24px !important;
  border: 1px solid color-mix(in srgb, var(--text) 12%, var(--border)) !important;
  background: color-mix(in srgb, var(--surface) 96%, var(--bg)) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.08) !important;
}
.artinai-body .artin-chat .n-msg-row.ai.n-editorial-row .n-editorial-heading {
  display: none !important;
}
.artinai-body .artin-chat .n-pro-assistant-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding-bottom: 12px !important;
  margin-bottom: 14px !important;
  border-bottom: 1px solid color-mix(in srgb, var(--text) 11%, var(--border)) !important;
  direction: rtl !important;
}
.artinai-body .artin-chat .n-pro-assistant-id {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  flex-wrap: wrap !important;
}
.artinai-body .artin-chat .n-pro-assistant-mark {
  width: 28px !important;
  height: 28px !important;
  border-radius: 9px !important;
  background: var(--accent, #3b82f6) !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  display: grid !important;
  place-items: center !important;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--accent, #3b82f6) 35%, transparent) !important;
}
.artinai-body .artin-chat .n-pro-assistant-title {
  font-weight: 800 !important;
  font-size: 0.92em !important;
  color: var(--text) !important;
}
.artinai-body .artin-chat .n-pro-assistant-badge {
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 2px 10px !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--accent, #3b82f6) 14%, transparent) !important;
  color: var(--accent, #3b82f6) !important;
  border: 1px solid color-mix(in srgb, var(--accent, #3b82f6) 30%, transparent) !important;
}
.artinai-body .artin-chat .n-pro-assistant-ver {
  font-size: 11px !important;
  color: var(--muted) !important;
}

/* Step Badge Headings (.n-step-heading) */
.artinai-body .artin-chat .n-step-heading {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 18px 0 10px !important;
  padding-top: 6px !important;
  direction: rtl !important;
  text-align: right !important;
}
.artinai-body .artin-chat .n-step-badge {
  width: 26px !important;
  height: 26px !important;
  flex: 0 0 26px !important;
  border-radius: 8px !important;
  background: var(--accent, #3b82f6) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  display: grid !important;
  place-items: center !important;
  box-shadow: 0 4px 10px color-mix(in srgb, var(--accent, #3b82f6) 30%, transparent) !important;
}
.artinai-body .artin-chat .n-step-title {
  margin: 0 !important;
  font-size: 1.04em !important;
  font-weight: 800 !important;
  color: var(--text) !important;
  line-height: 1.6 !important;
}

/* Engineered Formula Cards (.n-math-card) */
.artinai-body .artin-chat .n-math-card {
  width: 100% !important;
  max-width: 600px !important;
  margin: 16px auto !important;
  border-radius: 16px !important;
  border: 1px solid color-mix(in srgb, var(--accent, #3b82f6) 38%, var(--border)) !important;
  background: linear-gradient(145deg, color-mix(in srgb, var(--accent, #3b82f6) 11%, transparent), color-mix(in srgb, var(--surface) 96%, transparent)) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10) !important;
  overflow: hidden !important;
  direction: rtl !important;
}
.artinai-body .artin-chat .n-math-card-head {
  padding: 8px 14px !important;
  border-bottom: 1px solid color-mix(in srgb, var(--accent, #3b82f6) 24%, var(--border)) !important;
  background: color-mix(in srgb, var(--bg) 35%, transparent) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  font-size: 11.5px !important;
  direction: rtl !important;
}
.artinai-body .artin-chat .n-math-card-title {
  font-weight: 700 !important;
  color: var(--accent, #3b82f6) !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}
.artinai-body .artin-chat .n-math-card-meta {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  direction: ltr !important;
}
.artinai-body .artin-chat .n-math-eq-num {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important;
  font-size: 11px !important;
  color: var(--muted) !important;
}
.artinai-body .artin-chat .n-math-copy-btn {
  border: 1px solid color-mix(in srgb, var(--text) 16%, var(--border)) !important;
  border-radius: 7px !important;
  background: color-mix(in srgb, var(--surface) 80%, transparent) !important;
  color: var(--text) !important;
  padding: 2px 8px !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background 0.15s ease, border-color 0.15s ease !important;
}
.artinai-body .artin-chat .n-math-copy-btn:hover {
  border-color: var(--accent, #3b82f6) !important;
  color: var(--accent, #3b82f6) !important;
}
.artinai-body .artin-chat .n-math-card-body {
  padding: 18px 20px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  overflow-x: auto !important;
  direction: ltr !important;
  text-align: center !important;
  unicode-bidi: isolate !important;
  font-family: "Cambria Math", Cambria, "STIX Two Math", "Times New Roman", serif !important;
  font-size: 1.25em !important;
  line-height: 1.85 !important;
}
.artinai-body .artin-chat .n-math-card-body .n-math-boxed {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Variable Pills & Custom RTL Lists (.n-pro-list / .n-var-item) */
.artinai-body .artin-chat .n-message-content ul.n-pro-list,
.artinai-body .artin-chat .n-message-content ol.n-pro-list {
  list-style: none !important;
  padding: 0 4px 0 0 !important;
  margin: 10px 0 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  direction: rtl !important;
  text-align: right !important;
}
.artinai-body .artin-chat .n-var-item {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  direction: rtl !important;
  text-align: right !important;
  line-height: 1.85 !important;
}
.artinai-body .artin-chat .n-var-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 28px !important;
  padding: 2px 9px !important;
  border-radius: 8px !important;
  background: color-mix(in srgb, var(--accent, #3b82f6) 14%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--accent, #3b82f6) 36%, transparent) !important;
  color: var(--accent, #3b82f6) !important;
  font-family: "Cambria Math", Cambria, "STIX Two Math", "Times New Roman", serif !important;
  font-weight: 700 !important;
  font-size: 0.92em !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  flex-shrink: 0 !important;
}
.artinai-body .artin-chat .n-rtl-bullet-item {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  direction: rtl !important;
  text-align: right !important;
  line-height: 1.9 !important;
}
.artinai-body .artin-chat .n-bullet-dot {
  color: var(--accent, #3b82f6) !important;
  font-weight: 900 !important;
  font-size: 1.1em !important;
  line-height: 1.6 !important;
  flex-shrink: 0 !important;
}

/* Engineered Modern Tables */
.artinai-body .artin-chat .n-table-wrap {
  margin: 14px 0 18px !important;
  border: 1px solid color-mix(in srgb, var(--accent, #3b82f6) 24%, var(--border)) !important;
  border-radius: 16px !important;
  background: color-mix(in srgb, var(--surface-2) 55%, var(--surface)) !important;
  overflow: hidden !important;
  overflow-x: auto !important;
}
.artinai-body .artin-chat .n-message-table {
  width: 100% !important;
  border-collapse: collapse !important;
  direction: rtl !important;
  text-align: right !important;
  font-size: 0.93em !important;
}
.artinai-body .artin-chat .n-message-table thead tr {
  background: color-mix(in srgb, var(--accent, #3b82f6) 14%, transparent) !important;
}
.artinai-body .artin-chat .n-message-table th,
.artinai-body .artin-chat .n-message-table td {
  padding: 11px 15px !important;
  border-bottom: 1px solid color-mix(in srgb, var(--text) 10%, var(--border)) !important;
  text-align: right !important;
}
.artinai-body .artin-chat .n-message-table th {
  font-weight: 800 !important;
  color: var(--text) !important;
}
.artinai-body .artin-chat .n-message-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

/* Interactive Follow-up Wizard Card (.n-interactive-wrap) */
.artinai-body .artin-chat .n-interactive-wrap {
  margin: 22px 0 8px !important;
  padding-top: 16px !important;
  border-top: 1px solid color-mix(in srgb, var(--text) 12%, var(--border)) !important;
  direction: rtl !important;
  text-align: right !important;
}
.artinai-body .artin-chat .n-interactive-head {
  margin-bottom: 12px !important;
}
.artinai-body .artin-chat .n-interactive-head strong {
  display: block !important;
  font-size: 1.03em !important;
  font-weight: 800 !important;
  color: var(--text) !important;
  margin-bottom: 4px !important;
}
.artinai-body .artin-chat .n-interactive-head p {
  margin: 0 !important;
  color: var(--muted) !important;
  font-size: 0.91em !important;
}
.artinai-body .artin-chat .n-interactive-card {
  border: 1px solid color-mix(in srgb, var(--text) 14%, var(--border)) !important;
  border-radius: 18px !important;
  padding: 18px !important;
  background: color-mix(in srgb, var(--bg) 50%, var(--surface)) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  direction: rtl !important;
  text-align: right !important;
}
.artinai-body .artin-chat .n-ic-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
.artinai-body .artin-chat .n-ic-group + .n-ic-group {
  padding-top: 12px !important;
  border-top: 1px solid color-mix(in srgb, var(--text) 10%, var(--border)) !important;
}
.artinai-body .artin-chat .n-ic-label-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
.artinai-body .artin-chat .n-ic-label {
  font-size: 0.88em !important;
  font-weight: 700 !important;
  color: var(--muted) !important;
}
.artinai-body .artin-chat .n-ic-quick-vals {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  flex-wrap: wrap !important;
}
.artinai-body .artin-chat .n-ic-quick-vals small {
  font-size: 10.5px !important;
  color: var(--muted) !important;
}
.artinai-body .artin-chat .n-ic-quick-chip {
  border: 1px solid color-mix(in srgb, var(--text) 16%, var(--border)) !important;
  border-radius: 7px !important;
  background: var(--surface) !important;
  color: var(--text) !important;
  padding: 2px 8px !important;
  font: inherit !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}
.artinai-body .artin-chat .n-ic-quick-chip.is-active,
.artinai-body .artin-chat .n-ic-quick-chip:hover {
  background: var(--accent, #3b82f6) !important;
  border-color: var(--accent, #3b82f6) !important;
  color: #ffffff !important;
}
.artinai-body .artin-chat .n-ic-options {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
.artinai-body .artin-chat .n-ic-options.is-4col {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
@media (max-width: 640px) {
  .artinai-body .artin-chat .n-ic-options,
  .artinai-body .artin-chat .n-ic-options.is-4col {
    grid-template-columns: 1fr !important;
  }
}
.artinai-body .artin-chat .n-ic-radio {
  appearance: none !important;
  width: 100% !important;
  border: 1px solid color-mix(in srgb, var(--text) 14%, var(--border)) !important;
  border-radius: 12px !important;
  background: var(--surface) !important;
  color: var(--text) !important;
  padding: 10px 12px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  direction: rtl !important;
  text-align: right !important;
  font: inherit !important;
  font-size: 0.88em !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}
.artinai-body .artin-chat .n-ic-radio:hover {
  border-color: var(--accent, #3b82f6) !important;
}
.artinai-body .artin-chat .n-ic-radio.is-selected {
  background: color-mix(in srgb, var(--accent, #3b82f6) 13%, var(--surface)) !important;
  border-color: var(--accent, #3b82f6) !important;
}
.artinai-body .artin-chat .n-ic-radio-dot {
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 17px !important;
  border-radius: 50% !important;
  border: 2px solid color-mix(in srgb, var(--text) 42%, transparent) !important;
  display: grid !important;
  place-items: center !important;
}
.artinai-body .artin-chat .n-ic-radio.is-selected .n-ic-radio-dot {
  border-color: var(--accent, #3b82f6) !important;
  background: var(--accent, #3b82f6) !important;
}
.artinai-body .artin-chat .n-ic-radio.is-selected .n-ic-radio-dot::after {
  content: "" !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
}
.artinai-body .artin-chat .n-ic-input {
  width: 100% !important;
  height: 42px !important;
  border: 1px solid color-mix(in srgb, var(--text) 16%, var(--border)) !important;
  border-radius: 12px !important;
  background: var(--surface) !important;
  color: var(--text) !important;
  padding: 0 14px !important;
  font: inherit !important;
  font-size: 0.92em !important;
  font-weight: 700 !important;
  direction: rtl !important;
  text-align: right !important;
  outline: none !important;
  box-sizing: border-box !important;
}
.artinai-body .artin-chat .n-ic-input:focus {
  border-color: var(--accent, #3b82f6) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent, #3b82f6) 15%, transparent) !important;
}
.artinai-body .artin-chat .n-interactive-submit {
  width: 100% !important;
  min-height: 44px !important;
  margin-top: 4px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--accent, #3b82f6) !important;
  color: #ffffff !important;
  font: inherit !important;
  font-size: 0.93em !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  box-shadow: 0 6px 20px color-mix(in srgb, var(--accent, #3b82f6) 32%, transparent) !important;
  transition: transform 0.14s ease, opacity 0.14s ease !important;
}
.artinai-body .artin-chat .n-interactive-submit:hover {
  opacity: 0.94 !important;
  transform: translateY(-1px) !important;
}

/* Composer Quick Prompt Chips Bar (.n-composer-quick-bar) */
.artinai-body .artin-chat .n-composer-quick-bar {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  padding: 0 2px 9px !important;
  margin-bottom: 6px !important;
  border-bottom: 1px solid color-mix(in srgb, var(--text) 10%, var(--border)) !important;
  direction: rtl !important;
}
.artinai-body .artin-chat .n-composer-quick-label {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--muted) !important;
  margin-left: 2px !important;
}
.artinai-body .artin-chat .n-composer-quick-chip {
  border: 1px solid color-mix(in srgb, var(--text) 13%, var(--border)) !important;
  border-radius: 9px !important;
  background: color-mix(in srgb, var(--bg) 60%, var(--surface)) !important;
  color: var(--text) !important;
  padding: 4px 10px !important;
  font: inherit !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.14s ease !important;
}
.artinai-body .artin-chat .n-composer-quick-chip:hover {
  border-color: var(--accent, #3b82f6) !important;
  background: color-mix(in srgb, var(--accent, #3b82f6) 10%, var(--surface)) !important;
  color: var(--accent, #3b82f6) !important;
}