*{box-sizing:border-box}body{margin:0;background:#0b0c10;color:#eaf0f1;font:16px/1.55 system-ui}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #1f232b}
.tabs{display:flex;gap:8px;padding:8px 16px;border-bottom:1px solid #1f232b}
.tabs button{padding:8px 12px;border:0;border-radius:10px;background:#222632;color:#fff;cursor:pointer}
.tabs button.active{background:#4a74ff}
.tab{display:none;padding:16px;max-width:900px;margin:0 auto}
.tab.active{display:block}
.chat{min-height:40vh;background:#111317;border:1px solid #1f232b;border-radius:16px;padding:16px;display:grid;gap:12px}
.msg{padding:12px 14px;border-radius:12px;max-width:85%;white-space:pre-wrap}
.msg.user{background:#2b2f3a;margin-left:auto}
.msg.ai{background:#1a1d24;border:1px solid #2a2f3a}
.bar{display:flex;gap:8px;margin-top:16px}
.bar input{flex:1;padding:12px 14px;border-radius:12px;border:1px solid #2a2f3a;background:#111317;color:#eaf0f1}
.bar button{padding:12px 16px;border:0;border-radius:12px;background:#4a74ff;color:#fff;cursor:pointer}
.bar button:disabled{opacity:.6;cursor:not-allowed}
.auth{display:flex;gap:8px;align-items:center}
.auth input{padding:8px 10px;border-radius:10px;border:1px solid #2a2f3a;background:#111317;color:#eaf0f1}
#newChat{padding:8px 10px;border:0;border-radius:10px;background:#30364a;color:#fff;cursor:pointer}
.img-tool{display:flex;gap:8px;align-items:center}
.img-tool input{flex:1;padding:12px 14px;border-radius:12px;border:1px solid #2a2f3a;background:#111317;color:#eaf0f1}
.img-tool button{padding:12px 16px;border:0;border- radius:12px;background:#4a74ff;color:#fff;cursor:pointer}
.img-result img{max-width:100%;height:auto;border-radius:12px;border:1px solid #2a2f3a;margin-top:12px}
.foot{padding:16px;text-align:center;color:#96a0b5}