/* Only preview canvas and feedback; production component styles are imported intact. */
html,body{min-height:0!important}body{overflow-x:hidden}.demo-card-canvas{padding:4px}.demo-feedback{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:10000;background:#16354c;color:#fff;padding:12px 20px;border-radius:10px;font-size:13px;width:max-content;max-width:90%}.demo-feedback[hidden]{display:none}.ch-page--chat{min-height:0!important}.ch-thread--standalone{height:calc(100dvh - 134px);min-height:400px}body[data-demo-screen="card"] .pt-grid{grid-template-columns:minmax(0,1fr)}body[data-demo-screen="hero"] .pt-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
[hidden]{display:none!important}
/* The conversation demo reveals the original chat rows, not replacement bubbles. */
body[data-demo-screen^="chat-"] .ch-thread--standalone{height:100dvh;min-height:0}.demo-chat-sequence .ch-row:not(.is-demo-visible){display:none}.demo-chat-sequence .ch-row.is-demo-visible{animation:demo-chat-arrive .4s ease-out both}.demo-chat-focus{outline:2px solid #2478ed;outline-offset:-2px}a.demo-chat-focus{outline-offset:3px;border-radius:6px}@keyframes demo-chat-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.demo-chat-sequence .ch-row.is-demo-visible{animation:none}}