:root{font-family:Inter,system-ui,sans-serif;color:#171426;background:#f7f5ff}*{box-sizing:border-box}body{margin:0}main{display:grid;grid-template-columns:minmax(280px,1fr) minmax(360px,2fr);height:100vh;gap:16px;padding:16px}.avatar,.chat{background:#fff;border:1px solid #e8e2ff;border-radius:22px;overflow:hidden;box-shadow:0 12px 40px #4c3c8212}.avatar{position:relative;background:linear-gradient(140deg,#e9e4ff,#fae7f1)}iframe{width:100%;height:100%;border:0}.avatar strong{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);background:#fff;padding:8px 16px;border-radius:99px}.chat{display:flex;flex-direction:column}header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}h1{font-size:20px;margin:0}select,button,textarea{font:inherit}select,button{padding:9px 12px;border:1px solid #d8cff8;border-radius:10px;background:#fff}button{background:#7656e8;color:white;border:0;cursor:pointer}#messages{flex:1;overflow:auto;padding:20px}#messages p{background:#f0eff7;padding:12px 15px;border-radius:15px;max-width:80%}form{display:flex;gap:8px;padding:14px;border-top:1px solid #eee}textarea{flex:1;resize:none;min-height:45px;padding:12px;border:1px solid #ddd;border-radius:10px}@media(max-width:800px){main{grid-template-columns:1fr;height:100dvh}.avatar{height:34dvh}.chat{min-height:60dvh}}