
.nx-ai-host{pointer-events:auto;flex:none;width:calc(100% + 12px);min-width:0;margin:8px -6px 0;position:relative;height:var(--nx-ai-height,320px);max-height:calc(100dvh - 150px);overflow:visible;border-radius:16px}
.nx-ai,.nx-ai *{box-sizing:border-box}
.nx-ai{--nx-ai-muted:#91a2b8;display:flex;flex-direction:column;min-width:0;color:#e9f1f9;background:#111c2b;border:1px solid #29394c;font:13px/1.4 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;outline:none}
.nx-ai--dock{height:100%;border-radius:16px;overflow:hidden;animation:nx-ai-enter .16s ease-out}
.nx-ai button,.nx-ai textarea,.nx-ai input{font:inherit}
.nx-ai button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.nx-ai svg{width:18px;height:18px;flex:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nx-ai button:disabled{opacity:.45;cursor:default}
.nx-ai button:focus-visible,.nx-ai textarea:focus-visible,.nx-ai input:focus-visible{outline:2px solid #88decf;outline-offset:2px}
.nx-ai-header{display:flex;align-items:center;justify-content:space-between;flex:none;min-height:40px;padding:0 6px 0 12px;border-bottom:1px solid #263649}
.nx-ai-title{display:flex;align-items:center;gap:8px;font-weight:650;font-size:14px;letter-spacing:-.01em}
.nx-ai-title svg{color:#89dfd0}
.nx-ai-header-actions{display:flex;gap:2px}
.nx-ai-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:0;border-radius:10px;background:transparent;color:#a9bcd0}
.nx-ai-icon:hover{background:#ffffff09;color:#e4f4f2}
.nx-ai-body{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;padding:10px 12px 6px;overflow:hidden}
.nx-ai-modes{display:flex;align-items:center;gap:6px;flex:none;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:1px 0 3px}.nx-ai-modes::-webkit-scrollbar{display:none}
.nx-ai-mode{display:flex;align-items:center;justify-content:center;gap:5px;flex:none;min-width:0;height:34px;padding:0 10px;border:1px solid #2a3a4d;border-radius:9px;background:#172335;color:#b9c8d9;font-size:12px;font-weight:550;white-space:nowrap}
.nx-ai-mode svg{width:16px;height:16px}
.nx-ai-mode.is-selected{border-color:#71bcaf;background:#20433f;color:#b0efde}
.nx-ai-mode:hover{border-color:#57746f}
.nx-ai-text-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px;flex:none;color:#a5b5c8;font-size:12px}
.nx-ai-text-head label{font-weight:550}
.nx-ai-count{color:#8194ad;font-size:11px;margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}
.nx-ai-text-head .nx-ai-icon{height:28px;width:30px}
.nx-ai-tabs{display:flex;gap:4px}
.nx-ai-tabs button{height:28px;border:0;border-radius:7px;background:transparent;color:#8398b1;padding:0 9px;font-size:12px}
.nx-ai-tabs button.is-selected{color:#b3efdf;background:#24413f}
.nx-ai-text{display:block;width:100%;flex:1 1 0;min-height:48px;height:0;margin:0;padding:9px 11px;resize:none;border:1px solid #304257;border-radius:10px;outline:none;background:#0c1624;color:#dce7f4;font-size:14px!important;line-height:1.5;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.nx-ai-text[readonly]{cursor:default}
.nx-ai-settings{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;min-height:28px}
.nx-ai-toggle{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:28px;cursor:pointer;color:#bdcddd;font-size:12px;white-space:nowrap}
.nx-ai-toggle input{position:absolute;width:30px;height:28px;opacity:0;cursor:pointer;left:0;margin:0}
.nx-ai-switch{display:block;width:28px;height:17px;flex:none;border-radius:20px;background:#3c4a5b;position:relative;pointer-events:none}
.nx-ai-switch:after{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:#c4d2e2;transition:transform .15s}
.nx-ai-toggle input:checked+.nx-ai-switch{background:#79d5c4}
.nx-ai-toggle input:checked+.nx-ai-switch:after{transform:translateX(11px);background:#17322e}
.nx-ai-hint{font-size:10px;color:#7f93aa;text-align:right}
.nx-ai-error{flex:none;margin:0;padding:8px 10px;border:1px solid #7b4a56;border-radius:9px;background:#422d36;color:#f4cbd1;font-size:12px;line-height:1.5}
.nx-ai-count.is-over{color:#efa8b3}
.nx-ai-footer{display:flex;align-items:center;gap:8px;flex:none;padding:8px 12px;border-top:1px solid #263649;background:#111c2b}
.nx-ai-primary,.nx-ai-secondary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 12px;border-radius:10px;font-weight:600;white-space:nowrap}
.nx-ai-primary{flex:1;border:1px solid #80d7c6;background:#92e3d0;color:#12342d;font-size:13px}
.nx-ai-primary:hover{background:#a6eedc}
.nx-ai-secondary{flex:1;border:1px solid #33465c;background:#172538;color:#bacbde;font-size:12px}
.nx-ai-footer svg{width:16px;height:16px}
.nx-ai-spinner{width:14px;height:14px;border:2px solid #23433840;border-top-color:#234338;border-radius:50%;animation:nx-ai-spin .75s linear infinite}
.nx-ai-overlay{position:fixed;inset:0;z-index:25000;display:flex;align-items:center;justify-content:center;padding:24px;background:#030812b8;backdrop-filter:blur(8px)}
.nx-ai--desktop{width:min(620px,100%);max-height:calc(100dvh - 48px);border-radius:18px;box-shadow:0 24px 80px #0007}
.nx-ai--desktop .nx-ai-body{padding:16px;gap:12px}
.nx-ai--desktop .nx-ai-text{flex:none;height:180px;min-height:180px}
.nx-ai--desktop .nx-ai-mode{height:36px;font-size:12px}
.nx-ai--desktop .nx-ai-header{padding-left:18px;min-height:52px}
.nx-ai--desktop .nx-ai-footer{padding:12px 16px}
.tg-chat-container.nx-ai-docked .tg-chat-container__ai-btn{color:#a6ead8!important;background:#24483f!important}
.tg-chat-container__ai-btn,.dcw-composer__ai-btn{min-width:34px!important;height:34px!important;font-size:11px!important;border-radius:9px!important}
@keyframes nx-ai-enter{from{opacity:0;transform:none}to{opacity:1;transform:none}}
@keyframes nx-ai-spin{to{transform:rotate(360deg)}}
@media(max-width:350px){.nx-ai-body{padding-left:8px;padding-right:8px}.nx-ai-mode{gap:4px;padding:0 9px;font-size:12px}.nx-ai-hint{max-width:140px}.nx-ai-footer{padding-left:8px;padding-right:8px}}
@media(prefers-reduced-motion:reduce){.nx-ai--dock,.nx-ai-spinner{animation:none}.nx-ai-switch:after{transition:none}}

.tg-chat-container.nx-ai-docked .tg-chat-container__composer{z-index:5}
.tg-chat-container.nx-ai-docked .tg-chat-container__scroll{bottom:var(--nx-ai-composer-height,440px)!important;height:auto!important;padding-bottom:0!important}

@media(max-height:480px){.nx-ai--dock .nx-ai-header{min-height:36px}.nx-ai--dock .nx-ai-body{padding-top:6px;gap:4px}.nx-ai--dock .nx-ai-text{min-height:36px}.nx-ai--dock .nx-ai-settings,.nx-ai--dock .nx-ai-toggle{min-height:24px}.nx-ai--dock .nx-ai-footer{padding-top:6px;padding-bottom:6px}.nx-ai--dock .nx-ai-primary,.nx-ai--dock .nx-ai-secondary{min-height:34px}}
