.melor-ai{max-width:920px;margin:20px auto;background:#fff;border:1px solid #e4e8ee;border-radius:18px;box-shadow:0 8px 30px rgba(15,35,60,.08);overflow:hidden;font-family:inherit;color:#17243a}
.melor-ai__tabs{display:flex;gap:8px;padding:14px;background:#0d2340}.melor-ai__tabs button{flex:1;border:0;border-radius:10px;padding:12px;background:#17365f;color:#fff;cursor:pointer}.melor-ai__tabs button.is-active{background:#fff;color:#0d2340}
.melor-ai__notice{margin:16px;padding:12px 14px;border-right:4px solid #b91c1c;background:#fff5f5;border-radius:8px;line-height:1.8}
.melor-ai__messages{height:420px;overflow:auto;padding:18px;background:#f7f9fc}.melor-msg{display:flex;margin:10px 0}.melor-msg.user{justify-content:flex-start}.melor-msg.assistant{justify-content:flex-end}.melor-msg>div{max-width:82%;padding:12px 15px;border-radius:14px;line-height:1.9;white-space:normal}.melor-msg.user>div{background:#e7eef8}.melor-msg.assistant>div{background:#0d2340;color:#fff}
.melor-ai__composer{padding:16px}.melor-ai__composer textarea{width:100%;min-height:110px;resize:vertical;border:1px solid #ccd5e0;border-radius:12px;padding:12px;box-sizing:border-box;font:inherit}.melor-ai__actions{display:flex;gap:10px;align-items:center;margin-top:10px}.melor-upload,.melor-ai__actions button{border:0;border-radius:10px;padding:11px 16px;cursor:pointer}.melor-upload{background:#edf2f8;color:#0d2340}.melor-upload input{display:none}.melor-ai__actions button{background:#b91c1c;color:#fff}.melor-consent{display:block;margin-top:12px;font-size:13px;line-height:1.8}.melor-ai__files{padding:0 16px}.melor-file{display:flex;justify-content:space-between;align-items:center;background:#f1f5f9;border-radius:9px;padding:8px 10px;margin:6px 0;font-size:13px}.melor-file button{border:0;background:transparent;color:#b91c1c;cursor:pointer}.melor-ai__disclaimer{padding:12px 16px;background:#fafafa;border-top:1px solid #eee;font-size:12px;color:#667085;line-height:1.8}
@media(max-width:600px){.melor-ai__tabs{flex-direction:column}.melor-ai__messages{height:360px}.melor-msg>div{max-width:90%}.melor-ai__actions{flex-wrap:wrap}}
.melor-file{display:flex;align-items:center;gap:.5rem}.melor-file img{width:56px;height:56px;object-fit:cover;border-radius:6px}.melor-ai button:focus,.melor-ai textarea:focus,.melor-ai input:focus{outline:3px solid #b91c1c;outline-offset:2px}