.module-demo-capture{border:1px solid var(--line);background:white;margin:0;overflow:hidden}
.module-demo-capture .module-chat-capture-label{background:#eae6dd;font-size:11px;min-height:50px;padding:12px 18px}
.module-demo-capture .module-chat-capture-label button{font-size:12px;padding:6px 0;text-decoration:none;min-height:30px}
.module-demo-surface{position:relative;height:640px;overflow:hidden;background:#fff}
.module-demo-surface>iframe{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;pointer-events:none}
.module-demo-surface.is-live>iframe{opacity:1}
.module-demo-surface.is-live.is-interactive>iframe{pointer-events:auto}
.module-demo-surface.is-live>.module-demo-fallback,.module-demo-surface.is-live>.module-demo-fallback-note{display:none}
.module-demo-fallback{display:block;width:100%;height:100%;overflow:auto}
.module-demo-fallback img{display:block;width:100%;height:auto}
.module-demo-fallback[hidden]{display:none}
.module-demo-fallback-note{padding:32px;line-height:1.7;font-size:15px}
.module-demo-fallback-note[hidden]{display:none}
.module-demo-controls{display:flex;align-items:center;gap:15px;padding:14px 18px 12px;background:#faf8fc;border-top:1px solid #dfd7e5;min-height:68px}
.module-demo-scenes{display:flex;gap:14px;flex:1}
.module-demo-scenes button{position:relative;flex:1;min-width:0;text-align:left;color:#6c537b;background:transparent;border:0;padding:12px 0 5px;font:500 12px/1.45 Manrope,Arial,sans-serif;cursor:pointer;opacity:.65}
.module-demo-scenes button::before,.module-demo-scenes button::after{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:#856899;opacity:.25}
.module-demo-scenes button::after{opacity:1;transform:scaleX(var(--scene-progress,0));transform-origin:left}
.module-demo-scenes button[aria-current=step]{opacity:1}
.module-demo-scenes b{font-weight:400;font-size:10px;margin-right:5px}
#module-demo-replay{border:0;background:transparent;color:#6c537b;font:500 12px Manrope,Arial,sans-serif;padding:8px 0 8px 5px;cursor:pointer;min-height:40px}
.module-demo-controls[hidden]{display:none}.module-demo-capture button[hidden]{display:none}
.module-demo-capture button:focus-visible{outline:2px solid #6c537b;outline-offset:4px}
.module-demo-summary{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.theme-lab .module-browser-menu strong{font-size:21px}.theme-lab .module-browser-menu button{padding-block:13px}
.module-demo-capture+ .module-browser-footer{font-size:12px}
@media(max-width:700px){.module-demo-surface{height:650px}.module-demo-capture .module-chat-capture-label{padding-inline:12px;font-size:10px;gap:8px}.module-demo-controls{padding-inline:12px;gap:9px}.module-demo-scenes{gap:9px}.module-demo-scenes button{font-size:11px}.module-demo-scenes b{display:none}.theme-lab .module-browser-menu strong{font-size:17px}.module-demo-controls #module-demo-replay{font-size:11px}.module-demo-capture+.module-browser-footer{font-size:11px}}