:root{--bg:#05070b;--panel:#090d13;--panel2:#0e141d;--panel3:#111a25;--border:#1c2836;--border2:#263649;--text:#f4f7fb;--muted:#8793a4;--accent:#69a9ff;--accent2:#8c6cff;--good:#59d18a;--shadow:0 24px 70px rgba(0,0,0,.38)}
*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 72% 8%,rgba(91,133,255,.09),transparent 30%),radial-gradient(circle at 25% 100%,rgba(123,92,255,.055),transparent 28%)}button,input,textarea,select{font:inherit}.app{height:100vh;display:flex;overflow:hidden;position:relative}.sidebar{width:286px;background:linear-gradient(180deg,#080c12 0%,#070a0f 100%);border-right:1px solid var(--border);padding:18px 14px;display:flex;flex-direction:column;flex-shrink:0;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:850;letter-spacing:1.7px;padding:4px 8px 24px}.brand-mark,.hero-logo{display:grid;place-items:center;background:linear-gradient(145deg,#78b8ff 0%,#5f78ff 48%,#8768ff 100%);box-shadow:0 8px 30px rgba(83,127,255,.22),inset 0 1px rgba(255,255,255,.35);color:#fff;font-weight:900}.brand-mark{width:31px;height:31px;border-radius:10px}.new-chat{height:46px;border:1px solid #26374b;background:linear-gradient(180deg,#121b27,#0f1722);color:#f6f8fc;border-radius:12px;cursor:pointer;text-align:left;padding:0 14px;transition:.18s;box-shadow:inset 0 1px rgba(255,255,255,.03)}.new-chat:hover{border-color:#3c638a;background:#141e2b;transform:translateY(-1px)}.section-label{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:#657387;margin:27px 10px 9px}.chat-list{overflow:auto;flex:1;padding-right:2px}.chat-item{padding:11px 12px;color:#aeb9c9;border-radius:10px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;margin:3px 0;transition:.15s;border:1px solid transparent}.chat-item:hover{background:#0f1721;color:#fff;border-color:#1d2b3b}.chat-item.active{background:linear-gradient(90deg,#132132,#101923);color:#fff;border-color:#284766;box-shadow:inset 2px 0 #66b0ff}.sidebar-bottom{margin-top:10px}.side-btn{width:100%;border:0;background:transparent;color:#aeb9c9;text-align:left;padding:11px;border-radius:9px;cursor:pointer}.side-btn:hover{background:#0e151e;color:#fff}.user-card{border-top:1px solid var(--border);margin-top:7px;padding:14px 7px 2px;display:flex;gap:10px;align-items:center}.avatar{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#1b3552,#152235);display:grid;place-items:center;color:#8cc4ff;font-weight:850;border:1px solid #27415d}.user-card b{font-size:12px;display:block}.user-card small{color:#687789;font-size:10px}.main{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.topbar{height:62px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 23px;background:rgba(6,9,14,.82);backdrop-filter:blur(18px);z-index:2}.model-name{font-weight:750;font-size:14px;letter-spacing:.1px}.model-name small{color:#718095;font-weight:500}.status-dot{display:inline-block;width:7px;height:7px;background:var(--good);border-radius:50%;margin-right:8px;box-shadow:0 0 12px rgba(89,209,138,.7)}.icon-btn,.mobile-menu{background:transparent;border:0;color:#738094;cursor:pointer;font-size:18px}.icon-btn:hover{color:#fff}.mobile-menu{display:none}.conversation{flex:1;overflow:auto;scroll-behavior:smooth}.conversation::-webkit-scrollbar,.chat-list::-webkit-scrollbar{width:8px}.conversation::-webkit-scrollbar-thumb,.chat-list::-webkit-scrollbar-thumb{background:#1b2633;border-radius:10px}.welcome{max-width:980px;margin:0 auto;padding:10vh 28px 34px;text-align:center}.hero-logo{width:66px;height:66px;border-radius:19px;margin:0 auto 22px;font-size:29px}.welcome h1{font-size:38px;margin:0 0 9px;letter-spacing:-1.6px}.welcome p{margin:0;color:var(--muted);font-size:14px}.suggestions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:38px auto 10px;max-width:720px}.suggestions button{background:linear-gradient(145deg,#0c121a,#0a0f16);border:1px solid var(--border);border-radius:15px;color:#fff;text-align:left;padding:17px;cursor:pointer;transition:.2s;position:relative;overflow:hidden}.suggestions button:before{content:"";position:absolute;inset:-50%;background:radial-gradient(circle at 20% 10%,rgba(100,160,255,.08),transparent 30%);opacity:0;transition:.2s}.suggestions button:hover{border-color:#355473;transform:translateY(-2px);box-shadow:0 12px 35px rgba(0,0,0,.2)}.suggestions button:hover:before{opacity:1}.suggestions b{display:block;color:#8bc4ff;margin-bottom:11px;font-size:16px}.suggestions span{display:block;font-size:13px;font-weight:750}.suggestions small{display:block;color:#6f7d90;margin-top:5px;font-size:11px}.messages{max-width:980px;margin:0 auto;padding:30px 28px 165px}.message{display:flex;gap:13px;margin:26px 0;align-items:flex-start}.message.user{justify-content:flex-end}.bubble{max-width:min(80%,760px);line-height:1.72;font-size:14px}.user .bubble{background:linear-gradient(145deg,#17202c,#121a24);border:1px solid #263649;padding:12px 16px;border-radius:17px 17px 5px 17px;box-shadow:0 8px 25px rgba(0,0,0,.15)}.bot .bubble{color:#dce3ec}.msg-avatar{width:32px;height:32px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;font-size:10px;font-weight:850}.bot .msg-avatar{background:linear-gradient(145deg,#24578b,#263e88);border:1px solid #2c659a;box-shadow:0 5px 20px rgba(43,116,183,.18)}.user .msg-avatar{background:#1a222d;border:1px solid #293646;color:#9daaba}.bubble p{margin:0 0 11px}.bubble p:last-child{margin-bottom:0}.bubble h1,.bubble h2,.bubble h3{margin:18px 0 9px;line-height:1.25}.bubble h1{font-size:21px}.bubble h2{font-size:18px}.bubble h3{font-size:16px}.bubble ul,.bubble ol{padding-left:22px;margin:9px 0}.bubble li{margin:5px 0}.bubble a{color:#82bfff}.bubble code{background:#101821;border:1px solid #243141;border-radius:5px;padding:2px 5px}.bubble pre{background:#070b10;border:1px solid #202d3c;border-radius:11px;padding:14px;overflow:auto}.bubble pre code{background:none;border:0;padding:0}.code-wrap{margin:13px 0;border:1px solid #223142;border-radius:12px;overflow:hidden;background:#070b10;box-shadow:0 8px 28px rgba(0,0,0,.18)}.code-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#0e151e;border-bottom:1px solid #223142;color:#718094;font-size:10px;text-transform:uppercase}.code-head-actions{display:flex;gap:6px}.code-head button,.message-actions button{border:1px solid #2a3b4f;background:#121b25;color:#aeb9c8;border-radius:7px;padding:5px 9px;font-size:10px;cursor:pointer}.code-head button:hover,.message-actions button:hover{color:#fff;border-color:#4c6d90;background:#172332}.code-wrap pre{margin:0;padding:14px;overflow:auto}.code-wrap pre code{color:#dce7f4;font-family:Consolas,Monaco,monospace;font-size:12.5px;line-height:1.6}.message-actions{display:flex;gap:6px;margin-top:10px;opacity:.8}.stream-cursor{display:inline-block;margin-left:2px;animation:blink .8s infinite;color:#7abaff}@keyframes blink{50%{opacity:0}}.composer-wrap{padding:0 22px 16px;background:linear-gradient(transparent,rgba(5,7,11,.92) 26%,var(--bg) 70%);position:relative;z-index:2}.quick-tools,.toolbar,.composer{max-width:980px;margin-left:auto;margin-right:auto}.quick-tools{margin-bottom:8px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.local-model,.check{background:rgba(13,19,28,.92);border:1px solid #202e3e;color:#a9b6c7;border-radius:10px;padding:7px 10px;font-size:11px}.local-model{display:flex;align-items:center;gap:7px;font-weight:700}.local-model:before{content:"◈";color:#76b8ff}.check{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.check:hover{border-color:#344b64;color:#d4ddea}.check input{accent-color:#66adff}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.tool-btn{display:inline-flex;align-items:center;gap:7px;background:rgba(12,18,26,.94);border:1px solid #202e3e;color:#a8b5c6;border-radius:10px;padding:8px 12px;font-size:12px;cursor:pointer;transition:.16s}.tool-btn:hover{background:#131d29;color:#fff;border-color:#3d6082;transform:translateY(-1px)}.composer{display:flex;align-items:flex-end;background:linear-gradient(145deg,#0f161f,#0b1119);border:1px solid #2a3b4e;border-radius:17px;padding:8px 8px 8px 16px;box-shadow:0 16px 45px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.025)}.composer:focus-within{border-color:#4e8fc9;box-shadow:0 0 0 3px rgba(75,147,211,.08),0 16px 45px rgba(0,0,0,.3)}.composer textarea{flex:1;resize:none;border:0;outline:0;background:transparent;color:#fff;max-height:180px;padding:9px 5px;line-height:1.45}.composer textarea::placeholder{color:#66768a}.send{width:39px;height:39px;border:0;border-radius:11px;background:linear-gradient(145deg,#f2f6fb,#cfe2f7);color:#101721;font-size:20px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px rgba(105,169,255,.15)}.send:hover{filter:brightness(1.05);transform:translateY(-1px)}.send:disabled{opacity:.45;cursor:not-allowed}.disclaimer{text-align:center;color:#465364;font-size:9.5px;margin-top:8px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.68);display:grid;place-items:center;padding:20px;z-index:10;backdrop-filter:blur(8px)}.hidden{display:none}.modal-card{width:min(560px,100%);max-height:88vh;overflow:auto;background:linear-gradient(145deg,#111822,#0b1118);border:1px solid #2a3b4d;border-radius:18px;padding:21px;box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{font-size:19px;margin:0}.modal-head button{background:none;border:0;color:#8c99aa;font-size:26px;cursor:pointer}.modal-head button:hover{color:#fff}.modal-card label{display:block;color:#aebaca;font-size:12px;margin:17px 0}.modal-card input:not([type=checkbox]),.modal-card select{width:100%;margin-top:8px;background:#080c12;border:1px solid #293a4c;color:#fff;padding:11px;border-radius:9px;outline:0}.modal-card textarea{width:100%;margin-top:8px;background:#080c12;border:1px solid #293a4c;color:white;padding:11px;border-radius:9px;outline:0;resize:vertical;font-family:Consolas,monospace;font-size:12.5px}.modal-card input:focus,.modal-card select:focus,.modal-card textarea:focus{border-color:#4d83b3}.hint{font-size:11px;color:#718095;line-height:1.55}.toggle-row{display:flex!important;justify-content:space-between;align-items:center}.save{width:100%;padding:11px;border:0;border-radius:10px;background:linear-gradient(135deg,#4f9be7,#6d79e8);color:white;font-weight:750;cursor:pointer}.save:hover{filter:brightness(1.06)}.modal-actions{display:flex;gap:8px;margin-top:18px}.modal-actions .save{flex:1}.save.alt{background:#182331;color:#ccd6e2;border:1px solid #2a3b4d}.save:disabled{opacity:.5;cursor:not-allowed}.image-generator-card{width:min(760px,100%)}.image-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.image-options label{margin:10px 0}.image-enhance{margin:10px 0 14px!important;width:max-content}.real-image-preview{min-height:320px;border:1px solid #293a4d;border-radius:15px;background:radial-gradient(circle at 50% 20%,#17273c,#080c12 68%);display:grid;place-items:center;overflow:hidden}.real-image-preview img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain}.image-placeholder{min-height:300px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#9aa8b9;text-align:center;padding:30px}.image-placeholder strong{color:#e7edf5;font-size:14px}.image-placeholder span{font-size:11px;color:#68788d}.image-loader{width:30px;height:30px;border-radius:50%;border:3px solid #263648;border-top-color:#74b7ff;animation:imageSpin .8s linear infinite;margin-bottom:8px}@keyframes imageSpin{to{transform:rotate(360deg)}}.image-status{min-height:18px;margin-top:8px;font-size:11px;color:#67c58b}.image-status.error{color:#ff7b86}.image-loading-card{margin-top:12px;display:flex;align-items:center;gap:10px;color:#77879a;font-size:11px}.chat-media{margin-top:10px}.chat-media img{max-width:320px;width:100%;border-radius:12px;border:1px solid #293a4d;display:block;background:#0b1017;box-shadow:0 12px 30px rgba(0,0,0,.22)}.chat-media.generated-image img{max-width:min(620px,100%);max-height:620px;object-fit:contain}.chat-media video{max-width:360px;width:100%;border-radius:12px;border:1px solid #293a4d;display:block;background:#000}.chat-media-actions{margin-top:8px}.chat-image-open,.chat-image-save,.chat-media-actions button{display:inline-block;border:1px solid #2a3b4d;background:#121b25;color:#aeb9c8;border-radius:7px;padding:6px 11px;font-size:11px;text-decoration:none;margin-right:6px;cursor:pointer}.chat-image-open:hover,.chat-image-save:hover,.chat-media-actions button:hover{color:#fff;border-color:#4c6d90}.progress{height:8px;border-radius:6px;background:#161f2b;margin-top:12px;overflow:hidden}.progress-bar{height:100%;width:0;background:#63a9ff;transition:.15s}.img-thumb{max-width:100%;border-radius:10px;margin-top:12px;border:1px solid #293a4d}.zip-entry{border:1px solid #293a4d;border-radius:11px;padding:12px;margin-top:12px;position:relative}.zip-entry input{width:100%;background:#080c12;border:1px solid #293a4d;color:white;padding:9px;border-radius:7px;margin-bottom:8px;outline:0}.zip-entry textarea{min-height:70px}.zip-entry .zip-remove{position:absolute;top:8px;right:8px;background:none;border:0;color:#8593a5;cursor:pointer;font-size:15px}.video-preview,.video-canvas{width:100%;border-radius:11px;margin-top:12px;background:#000;display:block}.code-head-actions{display:flex;gap:6px}.typing{display:flex;gap:4px;padding:9px}.typing i{width:6px;height:6px;border-radius:50%;background:#8190a3;animation:b 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes b{50%{opacity:.25;transform:translateY(-2px)}}@media(max-width:720px){.sidebar{position:fixed;z-index:8;left:-300px;top:0;bottom:0;transition:.25s}.sidebar.open{left:0}.mobile-menu{display:block}.topbar{padding:0 14px}.welcome{padding:7vh 18px 30px}.welcome h1{font-size:28px}.suggestions{grid-template-columns:1fr}.messages{padding-left:15px;padding-right:15px}.bubble{max-width:88%}.composer-wrap{padding-left:10px;padding-right:10px}.quick-tools{padding:0 3px}.toolbar{padding:0 3px}.tool-btn span{display:none}.tool-btn{padding:9px 10px}.message-actions{opacity:1}.image-options{grid-template-columns:1fr}.real-image-preview{min-height:240px}.chat-media.generated-image img{max-height:70vh}}

/* File / ZIP cards in chat */
.chat-media.file-card{background:#0e1520;border:1px solid #293a4d;border-radius:12px;padding:14px 16px;max-width:380px}
.file-card-info{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.file-card-info strong{color:#e8edf5;font-size:14px}
.file-card-info span{color:#7a8a9c;font-size:12px}
.zip-file-list{margin:0 0 12px;padding-left:18px;color:#aeb9c8;font-size:13px}
.zip-file-list li{margin:3px 0}