#ytk-ai{--ai-grad:linear-gradient(135deg,#01a5f6,#181cb6 55%,#6a0ee8);position:fixed;left:18px;bottom:18px;z-index:9995;font-family:"IBM Plex Sans Arabic",Inter,system-ui,sans-serif;direction:rtl}
#ytk-ai *{box-sizing:border-box}
.ytk-fullscreen #ytk-ai{bottom:84px}
#ytk-ai .ai-fab{display:flex;align-items:center;gap:8px;height:52px;padding:0 18px 0 8px;border:0;border-radius:999px;background:var(--ai-grad);color:#fff;font-weight:700;font-size:15px;font-family:inherit;cursor:pointer;box-shadow:0 14px 30px -12px rgba(58,31,216,.75);animation:aiPulse 2.6s ease-in-out 3}
#ytk-ai .ai-fab img{width:38px;height:38px;border-radius:50%;background:#fff;padding:3px}
#ytk-ai.open .ai-fab{display:none}
@keyframes aiPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
#ytk-ai .ai-box{width:min(390px,calc(100vw - 24px));height:min(600px,calc(100vh - 110px));background:#fff;border:1px solid #e5e8f2;border-radius:22px;box-shadow:0 30px 70px -24px rgba(5,11,46,.5);display:flex;flex-direction:column;overflow:hidden}
#ytk-ai .ai-box[hidden]{display:none}
#ytk-ai header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--ai-grad);color:#fff}
#ytk-ai header img{width:36px;height:36px;border-radius:50%;background:#fff;padding:3px}
#ytk-ai header div{flex:1}#ytk-ai header b{display:block;font-size:15px}#ytk-ai header small{opacity:.85;font-size:12px}
#ytk-ai header button{width:32px;height:32px;border:0;border-radius:10px;background:rgba(255,255,255,.16);color:#fff;font-size:18px;cursor:pointer}
#ytk-ai .ai-log{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#f5f7fc}
#ytk-ai .ai-m{max-width:88%;padding:10px 13px;border-radius:16px;font-size:14.5px;line-height:1.75;color:#0b1230;word-wrap:break-word}
#ytk-ai .ai-m.bot{align-self:flex-start;background:#fff;border:1px solid #e5e8f2;border-top-right-radius:6px}
#ytk-ai .ai-m.me{align-self:flex-end;background:#3a1fd8;color:#fff;border-top-left-radius:6px}
#ytk-ai .ai-m.err{border-color:#fecaca;background:#fef2f2;color:#991b1b}
#ytk-ai .ai-m a{color:#3a1fd8;font-weight:700;text-decoration:underline}
#ytk-ai .ai-m .li{display:block;padding-inline-start:4px}
#ytk-ai .typing{display:flex;gap:4px;padding:14px}#ytk-ai .typing i{width:7px;height:7px;border-radius:50%;background:#9aa3c7;animation:aiDot 1s infinite}#ytk-ai .typing i:nth-child(2){animation-delay:.15s}#ytk-ai .typing i:nth-child(3){animation-delay:.3s}
@keyframes aiDot{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
#ytk-ai .ai-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 8px;background:#f5f7fc}
#ytk-ai .ai-chips button{border:1px solid #c7c2f5;background:#fff;color:#3a1fd8;border-radius:999px;padding:6px 12px;font-weight:600;font-size:13px;font-family:inherit;cursor:pointer}
#ytk-ai .ai-in{display:flex;gap:8px;padding:10px;border-top:1px solid #e5e8f2;background:#fff}
#ytk-ai .ai-in textarea{flex:1;resize:none;border:1px solid #e5e8f2;border-radius:14px;padding:10px 12px;font-size:15px;font-family:inherit;max-height:120px;outline:none}
#ytk-ai .ai-in textarea:focus{border-color:#3a1fd8}
#ytk-ai .ai-in button{width:44px;border:0;border-radius:14px;background:var(--ai-grad);color:#fff;font-size:18px;cursor:pointer;transform:scaleX(-1)}
#ytk-ai .ai-note{margin:0;padding:0 12px 10px;font-size:11px;color:#8a90aa;background:#fff;text-align:center}
@media (max-width:520px){#ytk-ai{left:10px;bottom:12px}.ytk-fullscreen #ytk-ai{bottom:76px}#ytk-ai .ai-fab span{display:none}#ytk-ai .ai-fab{padding:0 7px}#ytk-ai .ai-box{height:calc(100vh - 100px)}}