.live-chat{gap:32px;align-items:start}.live-chat.demo-started>div:first-child{grid-column:1/-1}.live-chat.demo-started>div:first-child>p:last-child{display:none}.demo-workspace{grid-column:1/-1;min-width:0;background:#f1f5fc;border:1px solid #e1e8f3;border-radius:24px;padding:24px}.demo-workspace[hidden],#live-chat-form[hidden]{display:none}.workspace-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:20px}.workspace-heading strong{font-size:16px;font-weight:600}.workspace-heading>span{font-size:13px;color:#64748b}.demo-panels{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px}.demo-panel{min-width:0;background:white;border:1px solid #dce4f0;border-radius:16px;overflow:hidden}.panel-heading{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid #e5eaf2}.panel-heading h3{font-size:16px;margin:0;font-weight:600}.panel-heading p{font-size:12px;color:#64748b;margin:2px 0 0}.panel-heading>span{display:grid;place-items:center;background:#e4ecff;color:#2563eb;border-radius:10px;width:34px;height:34px;flex:none;font-size:12px}.demo-workspace .inline-chat,.demo-workspace .inline-desk{margin:0;width:100%;grid-column:auto;grid-row:auto;height:560px;min-height:0;overflow:auto;overscroll-behavior:contain}.demo-workspace .inline-chat>div,.demo-workspace .inline-desk>div{min-width:0;max-width:100%}.demo-workspace iframe{height:100%;min-height:0;border-radius:0}.demo-view-tabs{display:none}.live-chat .demo-view-tabs button{margin:0}.demo-started h2{font-size:clamp(2.3rem,4vw,3.5rem)}
@media(max-width:1000px){.demo-workspace{padding:16px}.workspace-heading{display:block}.workspace-heading>span{display:block;margin-top:5px}.demo-view-tabs{display:flex;background:#e4eaf4;padding:4px;border-radius:12px;gap:4px;margin-bottom:16px}.demo-view-tabs button{flex:1;padding:12px 14px;background:transparent;color:#475569;border-radius:9px;font-size:14px;font-weight:500}.demo-view-tabs button[aria-selected=true]{background:white;color:#2563eb;box-shadow:0 2px 5px #0b12200a}.demo-panels{display:block}.demo-panels[data-active=guest] #team-view,.demo-panels[data-active=team] #guest-view{display:none}.demo-workspace .inline-chat,.demo-workspace .inline-desk{height:clamp(400px,65dvh,560px)}}
@media(max-width:600px){.live-chat{display:block}.live-chat>form{margin-top:24px}.demo-workspace{margin-top:20px;padding:10px;border-radius:18px}.workspace-heading{padding:6px 5px 16px}.workspace-heading>span{font-size:12px}.panel-heading{padding:14px 12px}.panel-heading h3{font-size:14px}.panel-heading>span{width:28px;height:28px}.demo-workspace .inline-chat,.demo-workspace .inline-desk{height:clamp(380px,62dvh,520px)}}