/* _ai-panel */
._ai-panel{position:fixed; right:24px; bottom:24px; height:660px; max-height:calc(100vh - 48px); width:460px; background:#fff; border:1px solid rgba(15,23,42,.08); border-radius:20px; box-shadow:0 28px 64px -16px rgba(15,23,42,.22), 0 10px 28px -8px rgba(15,23,42,.1); display:flex; flex-direction:column; z-index:10000; font-family:Pretendard, sans-serif; font-size:15px; color:#0f172a; overflow:hidden; transform-origin:bottom right; animation:_ai-open .25s cubic-bezier(.4,0,.2,1);}
@keyframes _ai-open{from {opacity:0; transform:translateY(12px) scale(.96);} to {opacity:1; transform:translateY(0) scale(1);}}
._ai-header{display:flex; justify-content:space-between; align-items:center; padding:16px 14px 16px 20px; border-bottom:1px solid rgba(0,0,0,.14); background:linear-gradient(135deg, #4f46e5, #4338ca);}
._ai-header-left{display:flex; align-items:center; gap:10px; min-width:0; flex:1;}
._ai-title{font-size:16.5px; font-weight:600; color:#ffffff; letter-spacing:-.2px; display:flex; align-items:center; gap:10px;}
/* the dot becomes the assistant avatar - same slot, same 34px circle */
._ai-title:before{content:""; width:34px; height:34px; flex:0 0 auto; border-radius:50%; background:rgba(255,255,255,.2) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M12 2.6l1.85 5.2a4 4 0 0 0 2.35 2.35L21.4 12l-5.2 1.85a4 4 0 0 0-2.35 2.35L12 21.4l-1.85-5.2a4 4 0 0 0-2.35-2.35L2.6 12l5.2-1.85a4 4 0 0 0 2.35-2.35L12 2.6Z'/></svg>") center/18px 18px no-repeat; box-shadow:none;}
/* title sits in two lines - the name, then what the panel does */
._ai-title-text{display:flex; flex-direction:column; line-height:1.2; min-width:0;}
._ai-title-text small{font-size:12.5px; font-weight:500; margin-top:3px;}
._ai-footer-hint{margin-top:7px; font-size:12px; text-align:center;}
._ai-header-right{display:flex; align-items:center; gap:4px;}
._ai-iconbtn{background:transparent; border:none; cursor:pointer; color:rgba(255,255,255,.85); padding:8px; line-height:1; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; transition:background .15s, color .15s;}
._ai-iconbtn:hover{background:rgba(255,255,255,.18); color:#ffffff;}
._ai-iconbtn svg{width:16px; height:16px; display:block;}
._ai-back-btn, ._ai-close-btn{background:transparent; border:none; cursor:pointer; color:rgba(255,255,255,.85); padding:8px; line-height:1; border-radius:8px; display:flex; align-items:center; justify-content:center; transition:background .15s, color .15s;}
._ai-back-btn{font-size:18px; display:none;}
._ai-close-btn{font-size:20px;}
._ai-back-btn:hover, ._ai-close-btn:hover{background:rgba(255,255,255,.18); color:#ffffff;}
/* chat body */
._ai-chat-body{flex:1; min-height:0; overflow-y:auto; padding:20px; background:#f8f9fb;}
._ai-chat-body::-webkit-scrollbar{width:8px;}
._ai-chat-body::-webkit-scrollbar-thumb{background:rgba(15,23,42,.12); border-radius:4px;}
._ai-chat-body::-webkit-scrollbar-thumb:hover{background:rgba(15,23,42,.2);}
/* empty state - the assistant leads with a round sparkle mark, then the title, then the hints */
._ai-chat-empty{text-align:center; color:#94a3b8; padding:48px 20px; font-size:13.5px; line-height:1.7;}
._ai-chat-empty:before{content:""; display:block; width:48px; height:48px; margin:0 auto 14px; border-radius:50%; background:color-mix(in srgb, #4f46e5 10%, #fff) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234f46e5'><path d='M12 2.8l1.7 4.8a3.6 3.6 0 0 0 2.2 2.2l4.8 1.7-4.8 1.7a3.6 3.6 0 0 0-2.2 2.2L12 20.2l-1.7-4.8a3.6 3.6 0 0 0-2.2-2.2L3.3 11.5l4.8-1.7a3.6 3.6 0 0 0 2.2-2.2L12 2.8Z'/></svg>") center/24px 24px no-repeat;}
._ai-chat-empty > b{display:block; font-size:15.5px; font-weight:600; color:#475569; margin-bottom:6px;}
/* _ai-msg */
._ai-msg{margin-bottom:18px; display:flex; flex-direction:column;}
._ai-msg-user{align-items:flex-end;}
._ai-msg-assistant{align-items:flex-start;}
._ai-msg-label{font-size:10px; color:#94a3b8; margin-bottom:6px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; padding:0 4px;}
._ai-msg-content{max-width:88%; line-height:1.6;}
._ai-msg-user ._ai-msg-content{background:linear-gradient(135deg, #4f46e5, #4338ca); color:#fff; padding:12px 16px; border-radius:18px 18px 4px 18px; box-shadow:0 4px 12px -2px color-mix(in srgb, #4f46e5 30%, transparent); white-space:pre-wrap;}
._ai-msg-assistant ._ai-msg-content{background:#fff; border:1px solid rgba(15,23,42,.08); border-radius:18px 18px 18px 4px; padding:14px; box-shadow:0 2px 6px -2px rgba(15,23,42,.04);}
/* _ai-code */
._ai-code{font-family:"JetBrains Mono", Consolas, Monaco, monospace; font-size:11.5px; line-height:1.55; max-height:220px; overflow-y:auto; white-space:pre-wrap; word-break:break-all; margin:0 0 10px; background:#0f172a; color:#e2e8f0; padding:12px 14px; border-radius:10px;}
._ai-code::-webkit-scrollbar{width:6px; height:6px;}
._ai-code::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15); border-radius:3px;}
/* _ai-apply-btn */
._ai-apply-btn{display:inline-flex; align-items:center; gap:6px; padding:6px 16px; background:var(--color-active, #3b82f6); color:#fff; border:none; border-radius:8px; cursor:pointer; font-size:12px; font-weight:600; letter-spacing:-.1px; transition:transform .15s, box-shadow .15s, filter .15s; box-shadow:0 2px 6px -1px color-mix(in srgb, var(--color-active, #3b82f6) 35%, transparent);}
._ai-apply-btn:hover{filter:brightness(1.08); transform:translateY(-1px); box-shadow:0 6px 12px -2px color-mix(in srgb, var(--color-active, #3b82f6) 40%, transparent);}
._ai-apply-btn:active{transform:translateY(0);}
/* footer */
._ai-footer{border-top:1px solid rgba(15,23,42,.06); padding:12px 14px 14px; background:#fff;}
._ai-controls{display:flex; align-items:center; gap:8px; margin-bottom:10px;}
._ai-model, ._ai-imgmodel{padding:7px 30px 7px 12px; border:1px solid rgba(15,23,42,.12); border-radius:8px; font-size:12.5px; font-weight:500; background:#f8fafc url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'><path d='M1 1l4 4 4-4' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round'/></svg>") right 10px center no-repeat; color:#334155; outline:none; cursor:pointer; appearance:none; -webkit-appearance:none; transition:border-color .15s, background-color .15s, box-shadow .15s;}
._ai-model:hover, ._ai-imgmodel:hover{border-color:rgba(15,23,42,.2); background-color:#fff;}
._ai-model:focus, ._ai-imgmodel:focus{border-color:var(--color-active, #3b82f6); box-shadow:0 0 0 3px color-mix(in srgb, var(--color-active, #3b82f6) 15%, transparent); background-color:#fff;}
/* SEO chip */
._ai-seo-wrap{font-size:12.5px; font-weight:500; display:inline-flex; align-items:center; gap:7px; cursor:pointer; color:#64748b; user-select:none; padding:7px 12px; border:1px solid rgba(15,23,42,.12); border-radius:8px; background:#f8fafc; transition:all .15s;}
._ai-seo-wrap:hover{border-color:rgba(15,23,42,.2); background:#fff; color:#334155;}
._ai-seo-wrap:has(._ai-seo:checked){border-color:color-mix(in srgb, var(--color-active, #3b82f6) 45%, transparent); background:color-mix(in srgb, var(--color-active, #3b82f6) 8%, #fff); color:var(--color-active, #3b82f6);}
._ai-seo{appearance:auto; -webkit-appearance:checkbox; width:14px; height:14px; margin:0; cursor:pointer; accent-color:var(--color-active, #3b82f6);}
/* _ai-seo-fields */
._ai-seo-fields{display:flex; flex-direction:column; gap:6px; margin-bottom:10px; padding:12px; border:1px solid rgba(15,23,42,.08); border-radius:10px; background:#f8fafc;}
._ai-seo-fields input{padding:8px 12px; border:1px solid rgba(15,23,42,.1); border-radius:7px; font-size:13px; font-family:inherit; outline:none; background:#fff; color:#0f172a; transition:border-color .15s, box-shadow .15s;}
._ai-seo-fields input::placeholder{color:#94a3b8;}
._ai-seo-fields input:focus{border-color:var(--color-active, #3b82f6); box-shadow:0 0 0 3px color-mix(in srgb, var(--color-active, #3b82f6) 15%, transparent);}
/* _ai-composer */
._ai-composer{display:flex; flex-direction:column; border:1px solid rgba(15,23,42,.14); border-radius:14px; background:#fff; transition:border-color .15s, box-shadow .15s; overflow:hidden;}
._ai-composer:focus-within{border-color:#4f46e5; box-shadow:0 0 0 3px color-mix(in srgb, #4f46e5 15%, transparent);}
._ai-input{width:100%; resize:none; border:none; padding:12px 14px 6px; font-size:14px; font-family:inherit; line-height:1.55; background:transparent; color:#0f172a; outline:none; min-height:60px; max-height:160px;}
._ai-input::placeholder{color:#94a3b8;}
._ai-composer-actions{display:flex; align-items:center; justify-content:space-between; padding:6px 8px 8px;}
._ai-composer-tools{display:flex; align-items:center; gap:2px;}
._ai-tool-btn{background:transparent; border:none; cursor:pointer; color:#64748b; padding:7px; line-height:1; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; transition:background .15s, color .15s;}
._ai-tool-btn:hover{background:rgba(15,23,42,.06); color:var(--color-active, #3b82f6);}
._ai-tool-btn svg{width:18px; height:18px; display:block;}
._ai-send-btn{width:34px; height:34px; background:#4f46e5; color:#fff; border:none; border-radius:10px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; padding:0; transition:filter .15s, transform .15s, box-shadow .15s; box-shadow:0 3px 8px -1px color-mix(in srgb, #4f46e5 35%, transparent);}
._ai-send-btn:hover{filter:brightness(1.08); transform:translateY(-1px); box-shadow:0 6px 14px -2px color-mix(in srgb, var(--color-active, #3b82f6) 45%, transparent);}
._ai-send-btn:active{transform:translateY(0);}
._ai-send-btn:disabled{background:#cbd5e1; cursor:not-allowed; filter:none; transform:none; box-shadow:none;}
._ai-send-btn svg{width:16px; height:16px; display:block; color:#fff; stroke:#fff;}
._ai-actions, ._ai-newchat-btn{display:none;}
/* _ai-list-view */
._ai-list-view{flex:1; overflow-y:auto; background:#f8f9fb;}
._ai-list-view::-webkit-scrollbar{width:8px;}
._ai-list-view::-webkit-scrollbar-thumb{background:rgba(15,23,42,.12); border-radius:4px;}
._ai-list-header{padding:16px 20px 12px; display:flex; justify-content:flex-end;}
._ai-list-newbtn{padding:9px 18px; background:#4f46e5; color:#fff; border:none; border-radius:10px; cursor:pointer; font-size:13px; font-weight:600; letter-spacing:-.1px; transition:filter .15s, transform .15s, box-shadow .15s; box-shadow:0 4px 10px -2px color-mix(in srgb, #4f46e5 30%, transparent);}
._ai-list-newbtn:hover{filter:brightness(1.08); transform:translateY(-1px); box-shadow:0 6px 16px -2px color-mix(in srgb, var(--color-active, #3b82f6) 40%, transparent);}
._ai-list-newbtn:active{transform:translateY(0);}
._ai-list-items{padding:0 16px 16px;}
._ai-list-item{display:flex; align-items:center; padding:14px 16px; background:#fff; border:1px solid rgba(15,23,42,.06); border-radius:12px; margin-bottom:10px; cursor:pointer; transition:border-color .18s, box-shadow .18s, transform .18s;}
._ai-list-item:hover{border-color:color-mix(in srgb, var(--color-active, #3b82f6) 35%, transparent); box-shadow:0 8px 20px -6px rgba(15,23,42,.1); transform:translateY(-1px);}
._ai-list-info{flex:1; min-width:0;}
._ai-list-title{font-size:13.5px; font-weight:600; color:#0f172a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:-.1px;}
._ai-list-date{font-size:11px; color:#94a3b8; margin-top:4px;}
._ai-list-del{background:transparent; border:none; color:#cbd5e1; font-size:14px; cursor:pointer; padding:6px 8px; line-height:1; flex-shrink:0; border-radius:6px; transition:color .15s, background .15s;}
._ai-list-del:hover{color:#ef4444; background:rgba(239,68,68,.08);}
._ai-list-empty{text-align:center; color:#94a3b8; padding:60px 24px; font-size:13px; line-height:1.8;}
/* _ai-attach-btn */
._ai-attach-btn, ._ai-link-btn{background:transparent; border:none; cursor:pointer; color:#64748b; padding:7px; line-height:1; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; transition:background .15s, color .15s;}
._ai-attach-btn:hover, ._ai-link-btn:hover{background:rgba(15,23,42,.06); color:var(--color-active, #3b82f6);}
._ai-attach-btn svg, ._ai-link-btn svg{width:18px; height:18px; display:block;}
._ai-attach-preview{display:flex; flex-wrap:wrap; gap:8px; padding:10px 12px 0;}
._ai-attach-thumb{position:relative; width:64px; height:64px; border-radius:10px; overflow:hidden; border:1px solid rgba(15,23,42,.08); box-shadow:0 2px 4px -1px rgba(15,23,42,.06);}
._ai-attach-thumb img{width:100%; height:100%; object-fit:cover; display:block;}
/* _ai-attach-thumb */
._ai-attach-thumb.is-file{width:auto; max-width:190px; height:64px; display:flex; flex-direction:column; justify-content:center; gap:3px; padding:8px 26px 8px 10px; background:#f8fafc;}
._ai-attach-kind{font-size:11px; font-weight:600; color:#4f46e5; letter-spacing:.02em;}
._ai-attach-name{font-size:12px; color:#475569; line-height:1.35; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;}
._ai-attach-del{position:absolute; top:3px; right:3px; background:rgba(15,23,42,.65); color:#fff; border:none; border-radius:50%; width:20px; height:20px; font-size:12px; line-height:20px; text-align:center; cursor:pointer; padding:0; transition:background .15s, transform .15s;}
._ai-attach-del:hover{background:rgba(15,23,42,.85); transform:scale(1.08);}
/* link modal - lives outside the panel, so it wears the ordinary light modal look */
._ai-link-note{margin:0 0 10px; font-size:13.5px; color:var(--color-gray-1200, #202020);}
._ai-link-input{width:100%; padding:9px 11px; border:1px solid var(--color-gray-400, #ddd); border-radius:8px; font-size:14px;}
/* anmok-ai-spark */
.anmok-ai-spark{overflow:visible; animation:anmok-ai-breathe 3.2s ease-in-out infinite;}
.anmok-ai-spark .s2, .anmok-ai-spark .s3{transform-box:fill-box; transform-origin:center; animation:anmok-ai-twinkle 3.2s ease-in-out infinite;}
.anmok-ai-spark .s3{animation-delay:1.6s;}
@keyframes anmok-ai-breathe{
	0%, 100% {filter:drop-shadow(0 0 0 rgba(79,70,229,0));}
	50%      {filter:drop-shadow(0 0 4px rgba(99,102,241,.6));}
}
@keyframes anmok-ai-twinkle{
	0%, 100% {opacity:.4; transform:scale(.78);}
	50%      {opacity:1;  transform:scale(1);}
}
/* tox */
.tox .tox-tbtn:has(.anmok-ai-spark){background:linear-gradient(135deg, rgba(124,58,237,.10), rgba(6,182,212,.10));}
.tox .tox-tbtn:has(.anmok-ai-spark):hover{background:linear-gradient(135deg, rgba(124,58,237,.18), rgba(6,182,212,.18));}
.tox .tox-tbtn:hover .anmok-ai-spark, .tox .tox-tbtn:hover .anmok-ai-spark *{animation-play-state:paused;}
@media (prefers-reduced-motion:reduce){
.anmok-ai-spark, .anmok-ai-spark *{animation:none !important; filter:none !important; opacity:1 !important; transform:none !important;}
}
/* _ai-choices */
._ai-choices{display:flex; flex-direction:column; margin:12px -14px -14px; counter-reset:aichoice;}
._ai-choice{display:flex; align-items:center; gap:10px; width:100%; min-height:44px;
	padding:12px 14px; border:0; border-top:1px solid rgba(15,23,42,.07);
	background:transparent; color:#312e81; text-align:left; cursor:pointer;
	font:inherit; font-size:13.5px; font-weight:600; line-height:1.45;
	transition:background .15s;}
._ai-choice::before{counter-increment:aichoice; content:counter(aichoice);
	flex:0 0 auto; width:20px; height:20px; border-radius:50%; display:grid; place-items:center;
	background:rgba(79,70,229,.12); color:#4f46e5; font-size:11px; font-weight:700;}
._ai-choice:last-child{border-radius:0 0 18px 4px;}
._ai-choice:hover{background:rgba(79,70,229,.07);}
._ai-choice:focus-visible{outline:2px solid #4f46e5; outline-offset:-2px;}
/* _ai-summary */
._ai-summary{margin:-6px 0 18px; padding:11px 13px; border-radius:10px;
	background:rgba(15,23,42,.035); border:1px solid rgba(15,23,42,.07);
	color:#475569; font-size:12.5px; line-height:1.75; white-space:pre-wrap;}
/* _ai-chat-empty */
._ai-chat-empty{text-align:left; color:#64748b; padding:28px 20px; font-size:13px; line-height:1.75;
	display:flex; flex-direction:column; gap:14px;}
._ai-chat-empty b{color:#0f172a; font-weight:700;}
._ai-chat-empty > b:first-child{font-size:14.5px;}
._ai-hint-ex{padding:11px 13px; border-radius:10px; background:rgba(79,70,229,.06);
	border:1px solid rgba(79,70,229,.14); color:#4338ca; font-size:12.5px; line-height:1.8;}
._ai-hint-tip{color:#64748b; font-size:12.5px; line-height:1.9;}
._ai-hint-cost{padding:11px 13px; border-radius:10px; background:rgba(180,83,9,.06);
	border:1px solid rgba(180,83,9,.18); color:#7c4a10; font-size:12.5px; line-height:1.8;}
._ai-hint-cost > b:first-child{display:block; color:#7c2d12; margin-bottom:2px;}
/* _ai-panel */
._ai-panel, ._ai-chat-empty, ._ai-chat-empty *, ._ai-summary, ._ai-msg-content, ._ai-choice, ._ai-hint-ex, ._ai-hint-tip, ._ai-hint-cost{word-break:keep-all; overflow-wrap:anywhere;}
/* dark skin borrowed from the AI assistant - colours only, the layout rules above stay untouched */
._ai-panel{background:linear-gradient(168deg,#171a3d 0%,#1d2050 46%,#141636 100%); border:0; color:rgba(255,255,255,.9); box-shadow:0 26px 64px -26px rgba(28,22,90,.6), 0 0 0 1px rgba(148,140,255,.22);}
/* aura - three soft lights drifting behind the glass */
._ai-panel:before{content:""; position:absolute; inset:-30% -20%; z-index:0; pointer-events:none; border-radius:inherit;
	background:radial-gradient(32% 26% at 22% 16%, rgba(129,140,248,.55) 0%, transparent 68%),
	           radial-gradient(28% 24% at 84% 30%, rgba(167,111,255,.45) 0%, transparent 70%),
	           radial-gradient(36% 30% at 50% 92%, rgba(99,102,241,.42) 0%, transparent 72%);
	animation:_ai-aura 9s ease-in-out infinite alternate;}
@keyframes _ai-aura{from{transform:translate3d(-2%,-1%,0) scale(1);} to{transform:translate3d(2%,2%,0) scale(1.06);}}
/* z-index only - the children must sit above the aura */
._ai-panel > *{position:relative; z-index:1;}
/* header */
._ai-header{background:transparent; border-bottom:1px solid rgba(255,255,255,.1);}
._ai-title{color:#fff;}
._ai-title-text small{color:rgba(255,255,255,.72);}
._ai-footer-hint{color:rgba(255,255,255,.55);}
._ai-title:before{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M12 2.6l1.85 5.2a4 4 0 0 0 2.35 2.35L21.4 12l-5.2 1.85a4 4 0 0 0-2.35 2.35L12 21.4l-1.85-5.2a4 4 0 0 0-2.35-2.35L2.6 12l5.2-1.85a4 4 0 0 0 2.35-2.35L12 2.6Z'/></svg>") center/17px 17px no-repeat, linear-gradient(140deg,#7c6cf7,#a76fff); box-shadow:0 0 14px rgba(150,120,255,.7); animation:_ai-glow 2.6s ease-in-out infinite;}
@keyframes _ai-glow{0%,100%{box-shadow:0 0 12px rgba(150,120,255,.55);} 50%{box-shadow:0 0 20px rgba(167,111,255,.9);}}
/* body */
._ai-chat-body, ._ai-list-view{background:transparent;}
._ai-chat-body::-webkit-scrollbar-thumb, ._ai-list-view::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);}
._ai-chat-body::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.28);}
/* empty state - icon and title centre like the assistant, and the whole hint set must fit the first screen */
._ai-chat-empty{color:rgba(255,255,255,.62); text-align:center; padding:18px 20px 16px; gap:10px;}
._ai-chat-empty:before{width:52px; height:52px; margin:0 auto -2px; background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23efeaff'><path d='M12 2.8l1.7 4.8a3.6 3.6 0 0 0 2.2 2.2l4.8 1.7-4.8 1.7a3.6 3.6 0 0 0-2.2 2.2L12 20.2l-1.7-4.8a3.6 3.6 0 0 0-2.2-2.2L3.3 11.5l4.8-1.7a3.6 3.6 0 0 0 2.2-2.2L12 2.8Z'/></svg>") center/30px 30px no-repeat, radial-gradient(circle at 50% 42%, rgba(167,111,255,.5), rgba(99,102,241,.16) 68%, transparent 72%); box-shadow:0 0 34px -6px rgba(150,110,255,.55); animation:_ai-breathe 3.4s ease-in-out infinite;}
@keyframes _ai-breathe{0%,100%{transform:scale(1);} 50%{transform:scale(1.07);}}
._ai-chat-empty b{color:#fff;}
._ai-chat-empty > b:first-child{font-size:18.5px; font-weight:800; letter-spacing:-.4px; background:linear-gradient(92deg,#fff 8%,#c9c2ff 54%,#e9d9ff 100%); -webkit-background-clip:text; background-clip:text; color:transparent;}
/* hint blocks - the assistant suggestion tile, read left to right */
._ai-hint-ex{text-align:left; background:linear-gradient(180deg, rgba(129,140,248,.17), rgba(129,140,248,.1)); border:1px solid rgba(165,180,252,.24); color:#c9cdfb; box-shadow:0 1px 0 rgba(255,255,255,.05) inset;}
._ai-hint-tip{text-align:left; color:rgba(255,255,255,.62);}
._ai-hint-cost{text-align:left; background:rgba(251,191,36,.1); border:1px solid rgba(251,191,36,.26); color:#f3d9a4;}
._ai-hint-cost > b:first-child{color:#fde68a;}
/* bubbles - bot side is a soft glass tile, user side the violet fill */
._ai-msg-label{color:rgba(255,255,255,.45);}
._ai-msg-user ._ai-msg-content{background:linear-gradient(140deg,#5b4ae8,#8f4ff0); border:0; color:#fff; box-shadow:0 6px 18px -8px rgba(120,90,255,.8);}
._ai-msg-assistant ._ai-msg-content{background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.9); box-shadow:none;}
._ai-code{background:rgba(0,0,0,.34); border:1px solid rgba(255,255,255,.1); color:#e9e6ff;}
._ai-code::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);}
._ai-apply-btn{background:linear-gradient(140deg,#6d5cf6,#a76fff); box-shadow:0 0 16px rgba(150,110,255,.75);}
._ai-apply-btn:hover{box-shadow:0 0 22px rgba(167,111,255,.9);}
._ai-summary{background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.8);}
/* choices */
._ai-choice{border-top:1px solid rgba(255,255,255,.12); color:#e9e4ff;}
._ai-choice::before{background:rgba(165,180,252,.22); color:#e9e4ff;}
._ai-choice:hover{background:rgba(255,255,255,.08);}
._ai-choice:focus-visible{outline-color:rgba(196,167,255,.85);}
/* footer and composer */
._ai-footer{background:transparent; border-top:1px solid rgba(255,255,255,.1);}
._ai-composer{background:rgba(255,255,255,.06); border:1px solid rgba(165,180,252,.28);}
._ai-composer:focus-within{border-color:rgba(196,167,255,.75); box-shadow:0 0 0 3px rgba(129,140,248,.22);}
._ai-input{color:#fff;}
._ai-input::placeholder{color:rgba(255,255,255,.42);}
._ai-model, ._ai-imgmodel{background:rgba(129,140,248,.12) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'><path d='M1 1l4 4 4-4' stroke='%23c3c8fb' stroke-width='1.5' stroke-linecap='round'/></svg>") right 10px center no-repeat; border:1px solid rgba(165,180,252,.3); color:#c3c8fb;}
._ai-model:hover, ._ai-imgmodel:hover{background-color:rgba(129,140,248,.2); border-color:rgba(196,167,255,.5);}
._ai-model:focus, ._ai-imgmodel:focus{background-color:rgba(129,140,248,.2); border-color:rgba(196,167,255,.75); box-shadow:0 0 0 3px rgba(129,140,248,.22);}
._ai-model option, ._ai-imgmodel option{background:#1d2050; color:#fff;}
/* SEO chip */
._ai-seo-wrap{background:rgba(255,255,255,.06); border:1px solid rgba(165,180,252,.28); color:rgba(255,255,255,.62);}
._ai-seo-wrap:hover{background:rgba(255,255,255,.1); border-color:rgba(196,167,255,.5); color:#fff;}
._ai-seo-wrap:has(._ai-seo:checked){background:rgba(129,140,248,.24); border-color:rgba(196,167,255,.6); color:#e9e4ff;}
._ai-seo{accent-color:#8f4ff0;}
._ai-seo-fields{background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1);}
._ai-seo-fields input{background:rgba(255,255,255,.06); border:1px solid rgba(165,180,252,.24); color:#fff;}
._ai-seo-fields input::placeholder{color:rgba(255,255,255,.42);}
._ai-seo-fields input:focus{border-color:rgba(196,167,255,.75); box-shadow:0 0 0 3px rgba(129,140,248,.22);}
._ai-tool-btn, ._ai-attach-btn, ._ai-link-btn{color:rgba(255,255,255,.6);}
._ai-tool-btn:hover, ._ai-attach-btn:hover, ._ai-link-btn:hover{background:rgba(255,255,255,.12); color:#fff;}
._ai-send-btn{background:linear-gradient(140deg,#6d5cf6,#a76fff); box-shadow:0 0 16px rgba(150,110,255,.75);}
._ai-send-btn:hover{box-shadow:0 0 22px rgba(167,111,255,.9);}
._ai-send-btn:disabled{background:rgba(255,255,255,.14); box-shadow:none;}
/* history list */
._ai-list-newbtn{background:linear-gradient(140deg,#6d5cf6,#a76fff); box-shadow:0 0 16px rgba(150,110,255,.75);}
._ai-list-newbtn:hover{box-shadow:0 0 22px rgba(167,111,255,.9);}
._ai-list-item{background:rgba(255,255,255,.06); border:1px solid rgba(165,180,252,.2);}
._ai-list-item:hover{background:rgba(129,140,248,.16); border-color:rgba(196,167,255,.5); box-shadow:0 8px 20px -8px rgba(120,90,255,.6);}
._ai-list-title{color:#fff;}
._ai-list-date{color:rgba(255,255,255,.48);}
._ai-list-del{color:rgba(255,255,255,.4);}
._ai-list-del:hover{color:#fda4af; background:rgba(244,63,94,.16);}
._ai-list-empty{color:rgba(255,255,255,.55);}
/* attachments */
._ai-attach-thumb{border:1px solid rgba(255,255,255,.14); box-shadow:none;}
._ai-attach-thumb.is-file{background:rgba(255,255,255,.07);}
._ai-attach-kind{color:#c9cdfb;}
._ai-attach-name{color:rgba(255,255,255,.75);}
@media (prefers-reduced-motion:reduce){
._ai-panel:before, ._ai-title:before, ._ai-chat-empty:before{animation:none;}
}
@media (max-width:600px){
._ai-panel{width:calc(100vw - 24px); height:calc(100vh - 100px); right:12px; bottom:12px;}
}