*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.root-style{--muted:#fff;--card:#fff;--text:#222;--accent:#c58a2e}body,html{background:#fff;color:var(--text);font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif;height:100%;margin:0}.frame{align-items:center;display:flex;justify-content:center;min-height:100%;padding:28px}.card{background:var(--card);border:1px solid #f0f0f0;border-radius:18px;box-shadow:0 4px 20px #10182814;flex-direction:column;max-width:1100px;overflow:hidden;width:100%}.card,.hero{display:flex}.hero{align-items:center;animation:heroEnter .6s ease both;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAADVAgMAAABbIsF9AAAADFBMVEUAh1HoES380RbxcSHPjHYgAAAAX0lEQVR42u3MQQ0AIBADsJnEJCZBAbnsTSugyWCXIhQKhUKhUCgUCoVCoVAoFAqFQqFQKBQKhUKhUCh8OKUxXCWhUCgUCoVCoVAoFAqFQqFQKBQKhUKhUCgUCoXCb8ML2oH9Dt5hXYUAAAAASUVORK5CYII=);background-position:50%;background-size:cover;gap:24px;min-height:64px;padding:8px 12px;position:relative}.hero:after{background:linear-gradient(90deg,#ffffff1a,#ffffff1a);content:"";inset:0;position:absolute}.hero-content{position:relative;width:100%;z-index:1}.agent-tag{background:#ffffffeb;border:2px solid #0000000f;border-radius:12px;color:var(--text);display:inline-block;font-size:12px;font-weight:700;padding:6px 10px;z-index:2}@keyframes heroEnter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.msg{animation:msgFade .35s ease both}@keyframes msgFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero-sub{color:var(--text);font-size:15px;margin:8px 0}.body{display:flex;gap:26px;padding:26px}.sidebar{background:linear-gradient(180deg,#fff,#fbfbff);border-radius:12px;box-shadow:inset 0 1px 0 #00000005;padding:18px;width:240px}.preview{display:flex;flex:1 1;flex-direction:column}.sample-chat{background:#fff;border:1px solid #e8e8e8;border-radius:12px;flex:1 1;overflow:auto;padding:18px}.msg{margin:12px 0;max-width:78%}.msg.assistant{align-items:flex-start;background:#fff;border:1px solid #eceff6;border-radius:12px;color:var(--text);display:flex;gap:12px;padding:12px 14px}.msg.assistant svg{flex-shrink:0;height:44px;width:44px}.msg.user{background:#fff;border:1px solid #eceff6;border-radius:12px;color:var(--text);margin-left:auto;padding:12px 14px}.controls{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.btn{background:var(--accent);border:2px solid var(--accent);border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:10px 14px;transition:transform .18s,box-shadow .18s}.btn:hover{box-shadow:0 8px 20px #c58a2e2e;transform:translateY(-3px)}.image-row{display:flex;gap:8px;margin-top:12px}.image-row img{border-radius:10px;box-shadow:0 6px 18px #1018281f;height:48px;object-fit:cover;width:48px}footer{background:#0000;border-top:1px solid #f0f1f6;color:#6b7280;padding:18px;text-align:center}@media(max-width:900px){.hero{align-items:flex-start}.body,.hero{flex-direction:column}.body{padding:14px}}
/*# sourceMappingURL=main.763ec99c.css.map*/