.live-agent{width:100%;max-width:1000px;padding-top:36px}.live-agent .agent-intro h1{font-size:clamp(26px,4vw,40px)}.live-agent .chat-history{padding:12px 0}.live-agent .message{white-space:pre-wrap;overflow-wrap:anywhere}.live-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.live-plans .plan-box{margin:0;min-width:0;padding:18px}.live-plans img{width:100%;border-radius:10px;aspect-ratio:16/9;object-fit:cover}.live-plans p{font-size:14px;line-height:1.6}.live-agent .agent-compose{margin-top:24px}.live-agent textarea{width:100%;min-height:112px;resize:vertical;background:transparent;color:inherit;border:0;padding:12px;font:inherit}.live-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:12px}.live-controls label{font-size:12px;display:grid;gap:6px}.live-controls select,.live-controls input[type=number]{background:#20202a;color:#fff;border:1px solid #55515f;border-radius:8px;padding:8px;max-width:160px}.live-controls input[type=number]{width:80px}.live-upload{position:relative;overflow:hidden}.live-upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.live-files{display:flex;flex-wrap:wrap;gap:8px;padding:0 12px}.live-files span{background:#29232f;border-radius:8px;padding:6px 10px;font-size:12px;overflow-wrap:anywhere}.live-files button{background:transparent;color:inherit;border:0}.live-error{background:#381e2b;color:#ffdce6;border:1px solid #90556d;border-radius:10px;padding:14px;overflow-wrap:anywhere}.live-status,.live-account{font-size:13px;line-height:1.8}.live-session{width:100%;text-align:left;border:1px solid #484050;margin:12px 0;white-space:normal}.live-result{margin:20px 0;padding:18px}.live-result video{width:100%;max-height:540px;background:#111;border-radius:12px}.live-agent .muted{color:#ada9b7}.modal-layer[data-live] .modal{color:#20202a}.live-controls button:disabled,.live-plans button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:760px){.live-plans{grid-template-columns:1fr}.live-agent{padding-top:16px}.live-controls{gap:10px}.live-controls select{max-width:145px}.live-result{padding:12px}}
/* The reference composer has a fixed height; attached files and live controls must grow. */
.live-agent .agent-compose{height:auto;min-height:180px;margin-bottom:18px}.live-agent .agent-compose textarea{flex:none;height:104px;min-height:104px}.live-controls select,.live-controls input[type=number]{background:var(--panel);color:var(--text);border-color:var(--border)}.live-files span{background:var(--panel2);color:var(--text)}.live-files button{color:inherit}.live-plans .plan-box{background:var(--panel);border-color:var(--border)}.live-agent .muted{color:var(--muted)}