.app .main{max-width:1200px}.side{flex:none}.extra-panel{max-width:820px}.extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.extra-grid .panel{margin:0}.extra-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:16px}.extra-actions button{border:1px solid #d2dfcb;background:#fff;border-radius:10px;padding:10px 15px;color:#203d31;font-weight:700}.extra-actions .primary{background:#203d31;color:#fff}.extra-status{min-height:22px;margin:12px 0;color:#486c40}.quota{background:#eaf6d8;border-radius:12px;padding:12px 15px;margin-bottom:16px;font-size:14px}.quota strong{color:#203d31}.voice-line{display:flex;align-items:center;gap:12px;margin:12px 0}.voice-line label{margin:0}.voice-line input{width:auto}.avatar-layout{display:grid;grid-template-columns:minmax(210px,330px) 1fr;gap:24px;align-items:center}.avatar-stage{display:grid;place-items:center;min-height:300px;border-radius:20px;background:radial-gradient(circle,#e0efda,#f5f9f0 73%);overflow:hidden}.avatar-shell{--avatar-primary:#dce9dc;--avatar-accent:#c7f986;--avatar-face:#183a31;position:relative;width:220px;height:220px;border-radius:45%;background:var(--avatar-primary);display:grid;place-items:center;box-shadow:inset -15px -20px 30px #24412418,0 25px 45px #41664025;transition:transform .2s}.avatar-shell[data-body=square]{border-radius:30%}.avatar-shell[data-body=droplet]{border-radius:45% 45% 50% 50%;transform:rotate(-5deg)}.avatar-shell[data-kind=swimmy]{--avatar-primary:#28568e;--avatar-accent:#ffb440;--avatar-face:#172548}.avatar-antenna{position:absolute;width:11px;height:43px;background:#a9c9ae;top:-39px;left:calc(50% - 5px);border-radius:8px}.avatar-antenna:before{content:'';position:absolute;width:28px;height:28px;border-radius:50%;background:var(--avatar-accent);top:-14px;left:-8px}.avatar-shell[data-accessory=none] .avatar-antenna,.avatar-shell[data-accessory=ears] .avatar-antenna{display:none}.avatar-shell[data-accessory=ears]:before,.avatar-shell[data-accessory=ears]:after{content:'';position:absolute;top:-14px;width:45px;height:60px;background:var(--avatar-primary);border-radius:60% 60% 20% 20%;z-index:-1}.avatar-shell[data-accessory=ears]:before{left:28px;transform:rotate(-18deg)}.avatar-shell[data-accessory=ears]:after{right:28px;transform:rotate(18deg)}.avatar-face{width:78%;height:66%;background:var(--avatar-face);border-radius:35%;position:relative}.avatar-eye{position:absolute;top:39%;width:12%;height:17%;border-radius:50%;background:var(--avatar-accent);box-shadow:0 0 16px var(--avatar-accent);animation:avatar-blink 6s infinite}.avatar-eye:first-child{left:24%}.avatar-eye:nth-child(2){right:24%}.avatar-shell[data-eyes=oval] .avatar-eye{width:11%;height:20%}.avatar-shell[data-eyes=happy] .avatar-eye{height:8%;border-radius:100% 100% 15% 15%}.avatar-mouth{position:absolute;left:calc(50% - 13px);top:65%;width:26px;height:13px;border:5px solid var(--avatar-accent);border-top:0;border-radius:0 0 26px 26px;transform-origin:center top}.avatar-shell.talking .avatar-mouth{height:var(--mouth-height,20px);width:var(--mouth-width,25px);left:50%;transform:translateX(-50%);border:0;border-radius:45%;background:var(--avatar-accent)}@keyframes avatar-blink{0%,92%,96%,100%{transform:scaleY(1)}94%{transform:scaleY(.08)}}.avatar-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}.avatar-fields label{font-size:13px}.avatar-fields input[type=color]{height:45px;padding:5px}.onboard{position:fixed;inset:0;background:#13281dde;z-index:100;display:grid;place-items:center;padding:20px}.onboard-card{width:min(740px,100%);max-height:96vh;overflow:auto;background:#fff;border-radius:24px;padding:32px;box-shadow:0 20px 70px #0004}.onboard-card h1{font-size:29px;margin:7px 0}.onboard-card .mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mode-choice{padding:14px;border:1px solid #d7e1d1;border-radius:13px;background:#f7faf4;text-align:left}.mode-choice.active{border:2px solid #75b92d;background:#e9f7d8}.mode-choice strong,.mode-choice small{display:block}.mode-choice small{color:#66796a;margin-top:7px;line-height:1.35}.onboard-card textarea{min-height:74px}.embed-code{width:100%;min-height:90px;font:12px ui-monospace,SFMono-Regular,monospace;resize:vertical}.integration-card{border:1px solid #dce7d3;border-radius:13px;padding:15px;margin:12px 0}.integration-card h3{margin:0 0 5px}.integration-card p{margin:0;color:#66796a}.integration-card.is-muted{opacity:.6}.pill{display:inline-block;background:#e5f6d1;border-radius:30px;padding:3px 9px;font-size:12px;font-weight:700;margin-left:6px}@media(max-width:800px){.avatar-layout,.extra-grid{grid-template-columns:1fr}.onboard-card .mode-grid{grid-template-columns:1fr}.side{width:65px}.main{min-width:0}.avatar-stage{min-height:270px}}@media(max-width:520px){.onboard-card{padding:20px}.avatar-fields{grid-template-columns:1fr}.chatrow{flex-wrap:wrap}.chatrow input{min-width:100%}}