html[data-mode="live"] .demo-badge { display:none }
html[data-mode="live"] .history-item { display:flex; align-items:center; min-width:0; gap:6px; border-radius:10px }
html[data-mode="live"] .history-item>a { display:flex; align-items:center; gap:10px; flex:1; min-width:0; padding:9px 10px; color:inherit; text-decoration:none }
html[data-mode="live"] .history-item>a>span { overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
html[data-mode="live"] .history-item>.icon-button { width:28px; height:28px; flex-shrink:0 }
html[data-mode="live"] .history-item.active { background:#ffffff08 }
html[data-mode="live"] .sidebar-history .history-item { padding:0; min-height:38px; margin:4px 0; border:0; box-shadow:none }
html[data-mode="live"] .sidebar-history .history-item>a { font-size:12px }
html[data-mode="live"] .sidebar-history .history-item .icon { flex-shrink:0 }
html[data-mode="live"] .avatar>img { width:100%; height:100%; border-radius:inherit; object-fit:cover }
.sidebar-empty { padding:16px 10px; font-size:12px; color:var(--muted) }
.live-composer-collapsed .composer { max-height:0; opacity:0; padding-top:0; padding-bottom:0; margin:0; border-width:0; pointer-events:none; overflow:hidden }
html[data-mode="live"] .composer { transition:max-height .25s ease,opacity .22s ease,padding .25s ease; max-height:350px }
.live-collapse { margin-left:auto; display:flex!important; width:30px; height:26px; opacity:.6 }
.live-estimate { font-size:11px; color:var(--muted); padding:0 5px; min-height:0 }
.live-estimate:not(:empty) { padding-top:8px }
.live-jumps { position:absolute; right:14px; top:46%; display:grid; gap:8px; z-index:2 }
.live-jumps>.icon-button { border:1px solid #ffffff14; background:#10131d40; width:32px; height:32px; backdrop-filter:blur(3px) }
.live-result-image { display:block; max-width:100%; max-height:640px; width:auto; height:auto; margin:14px 0; border-radius:14px; object-fit:contain }
.live-progress { font-size:12px; color:var(--muted) }
.live-charge { font-size:11px; color:var(--muted); margin-left:auto }
.live-auth-provider { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; margin:14px 0; text-decoration:none; text-align:center }
.live-auth-legal { margin-top:22px; font-size:11px }
.live-code { text-align:center; letter-spacing:.3em; font-size:24px }
.live-error { font-size:12px; color:#e7b4b4; min-height:1em }
.live-telegram-code { display:block; font-size:36px; font-variant-numeric:tabular-nums; letter-spacing:.3em; text-align:center; margin:25px 0 }
.live-merge-balances { display:grid; gap:12px; text-align:center; padding:22px; border:1px solid #ffffff18; border-radius:14px }
.live-merge-balances>strong { font-size:26px }
.live-settings-actions { display:flex; flex-wrap:wrap; gap:10px; margin:18px 0 28px }
.live-devices>div,.live-ledger { display:flex; align-items:center; gap:16px; padding:13px 0; border-bottom:1px solid #ffffff12 }
.live-devices>div>span,.live-ledger>span { min-width:0; flex:1; overflow-wrap:anywhere; font-size:13px }
.live-devices small,.live-ledger small { display:block; color:var(--muted); margin-top:4px; font-size:11px }
.live-ledger strong { font-size:13px; white-space:nowrap }
.live-wallet-card { padding:24px; margin-bottom:20px; border:1px solid #ffffff16; border-radius:18px; background:#12152238 }
.live-wallet-card h2 { margin:0 0 16px; font-size:20px; font-weight:550 }
.live-topup-form { display:flex; gap:12px; margin-top:18px }
.live-topup-form>input { min-width:0; flex:1 }
.live-topup-form>.primary-button { flex-shrink:0; text-align:center; justify-content:center; display:flex }
#payment-methods img { width:34px; height:28px; object-fit:contain; margin-right:10px }
.live-list-chat { display:flex; gap:14px; align-items:center; padding:16px; margin:8px 0; color:inherit; text-decoration:none; border:1px solid #ffffff12; border-radius:12px }
.live-list-chat>span { flex:1; min-width:0; overflow-wrap:anywhere }
.live-payment-ready,.live-payment-success { margin-top:22px; padding:20px; border:1px solid #60d8a040; border-radius:18px; background:#2a755318 }
.live-payment-ready h3 { display:flex; align-items:center; gap:10px; color:#7ce8ae; font-size:18px }
.live-payment-ready p { color:var(--muted); font-size:13px }
.live-payment-ready>.primary-button { display:flex; align-items:center; justify-content:center; gap:10px; text-decoration:none; margin:18px 0; background:#218f5c }
.live-payment-link { display:flex; gap:8px; align-items:center }
.live-payment-link>input { min-width:0; flex:1; color:var(--muted); background:#ffffff05; padding:12px; border:1px solid #ffffff12; border-radius:10px; text-overflow:ellipsis }
.live-payment-success { display:flex; gap:12px; align-items:center; animation:live-paid .4s ease-out }
.live-payment-success>.icon { color:#83eeb4 }
.live-ratio { gap:7px }
.ratio-symbol { display:inline-block; width:17px; max-height:22px; border:1px solid currentColor; border-radius:2px; opacity:.7 }
html[data-mode="live"] .model-trigger { max-width:248px; min-width:0; white-space:nowrap }
html[data-mode="live"] .model-trigger>span:not(.model-symbol,.model-orb) { min-width:0; overflow:hidden; text-overflow:ellipsis }
html[data-mode="live"] .menu-item small { display:block; margin-top:4px; font-size:11px; color:var(--muted) }
html[data-mode="live"] .choice-button[aria-pressed="true"],html[data-mode="live"] .choice-button.selected { border-color:#aa97e780; background:#b6a2ff12 }
html[data-mode="live"] .chat-page { position:relative }
@keyframes live-paid { from {opacity:0;transform:translateY(8px) scale(.98)} to {opacity:1;transform:none} }
@media(max-width:600px){.live-topup-form{gap:8px}.live-wallet-card{padding:18px}.live-jumps{right:8px}.live-ratio{font-size:11px;padding:5px}.live-ratio .ratio-symbol{display:none}html[data-mode="live"] .model-trigger{max-width:190px;font-size:12px}html[data-mode="live"] .composer-toolbar{gap:5px}.live-settings-actions{display:grid}.live-devices>div{align-items:flex-start}}
@media(max-width:600px){html[data-mode="live"] .live-image-composer .composer-toolbar{flex-wrap:wrap}html[data-mode="live"] .live-image-composer .model-trigger{max-width:160px}.live-image-composer .composer-spacer{flex-basis:0}.live-image-composer .send-button{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.live-payment-success,html[data-mode="live"] .composer{animation:none;transition:none}}

.live-image-composer .nx-image-controls{--image-controls-bg:rgba(15,17,27,.96);color:var(--text);padding:5px 0 1px}
.live-sunburst-name{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);white-space:nowrap}
.live-sunburst-name svg{width:17px;height:17px}
.live-image-download{display:inline-flex;margin:7px 0 13px;font-size:12px;color:var(--muted)}
.answer-document{display:flex;align-items:center;gap:12px;width:min(100%,360px);min-width:0;margin:12px 0 15px;padding:12px 14px;text-align:left;color:var(--ink);background:linear-gradient(135deg,rgba(162,140,247,.15),rgba(255,255,255,.025));border:1px solid rgba(181,164,255,.38);border-radius:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);cursor:pointer;transition:background-color .18s,border-color .18s,box-shadow .18s}
.answer-document:hover{border-color:rgba(193,179,255,.7);background-color:rgba(162,140,247,.08)}
.answer-document:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.answer-document-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:rgba(165,145,255,.14);color:#c3b5ff}
.answer-document-icon .icon{width:21px;height:21px}
.answer-document-details{display:grid;gap:4px;min-width:0;flex:1}
.answer-document-name{font-size:13px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.answer-document-caption{font-size:11px;line-height:1.25;color:var(--muted)}
.answer-document-arrow{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;color:#c3b5ff;background:rgba(165,145,255,.1)}
.answer-document-arrow .icon{width:17px;height:17px}
@media(prefers-reduced-motion:reduce){.answer-document{transition:none}}
.live-sunburst-name .sunburst-icon{width:21px;height:21px}
.is-pinned>a>.icon{color:var(--brand)}
.live-chat-card{display:flex;align-items:center;gap:8px;min-width:0}
.live-chat-card>.live-list-chat{flex:1;min-width:0}
.live-chat-card>.icon-button{flex-shrink:0;color:var(--muted)}
.live-pinned-section{margin-bottom:30px}
.live-pinned-section h2,.live-favorites-heading{font-size:16px;font-weight:550;margin:0 0 14px}
.live-input-error{font-size:12px;line-height:1.45;color:var(--muted);padding:8px 4px 0;overflow-wrap:anywhere}

/* Model and effort are independent choices in the shared glass toolbar. */
html[data-mode="live"] .model-controls{display:flex;align-items:center;gap:6px;min-width:0}
html[data-mode="live"] .model-controls.is-free-model .model-trigger:first-child>span:not(.model-symbol,.model-orb){white-space:normal;line-height:1.1;text-align:left}
html[data-mode="live"] .reasoning-trigger{flex-shrink:0;gap:7px;font-size:12px;min-width:66px;justify-content:center;padding-inline:10px}
html[data-mode="live"] .fixed-effort{color:var(--muted);cursor:default}
html[data-mode="live"] .effort-menu{padding:5px}
html[data-mode="live"] .effort-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:40px;padding:9px 11px;border:0;border-radius:8px;background:transparent;text-align:left;color:var(--ink);font-size:12px;cursor:pointer}
html[data-mode="live"] .effort-option:hover,html[data-mode="live"] .effort-option[aria-checked="true"]{background:#ffffff0b}
html[data-mode="live"] .effort-option:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
html[data-mode="live"] .effort-option .icon{width:15px;height:15px;opacity:.8}
@media(max-width:600px){html[data-mode="live"] .model-controls{gap:4px}html[data-mode="live"] .model-controls>.model-trigger:first-child{max-width:170px}html[data-mode="live"] .reasoning-trigger{min-width:62px;padding-inline:7px;font-size:11px}}
@media(max-width:380px){html[data-mode="live"] .model-controls{order:-1;flex-basis:100%;margin-bottom:3px}html[data-mode="live"] .composer-toolbar:has(.model-controls){flex-wrap:wrap}html[data-mode="live"] .model-controls>.model-trigger:first-child{max-width:calc(100% - 74px)}}