.scene-frame{position:relative;width:100%;aspect-ratio:1240/800}.scene-layer{position:absolute;inset:0;width:1240px;height:800px;transform-origin:0 0;pointer-events:none;font:400 13px Manrope,sans-serif}.scene-layer [hidden]{display:none!important}.scene-layer button,.scene-layer input,.scene-layer textarea{pointer-events:auto}.scene-layer button{box-shadow:none;border:0}.scene-layer>*,.scene-drawer>*{position:absolute;box-sizing:border-box}.scene-messages{display:flex;flex-direction:column;align-items:stretch;gap:9px;overflow:auto;scrollbar-width:none;pointer-events:auto;overscroll-behavior:contain}.scene-row{display:flex;flex:none;justify-content:flex-start;min-width:0}.scene-row.mine{justify-content:flex-end}.scene-bubble{max-width:85%;width:fit-content}.scene-message-meta{display:flex;gap:8px}.scene-bubble p{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.scene-bubble.is-sticker{padding:4px 0;background:none}.scene-bubble.is-sticker img{object-fit:contain;width:150px;height:150px}.scene-input{resize:none;background:transparent;color:#d8d7d1;border:0;outline:none;padding:8px 48px 8px 12px;font:400 13px/20px Manrope,sans-serif}.scene-input::placeholder{color:#858891}.scene-hotspot{background:transparent!important;padding:0;border-radius:9px}.scene-hotspot:hover{background:#ffffff08!important}.scene-send{padding:8px;background:#34363a;border-radius:10px;color:#c7b48e;transition:color .25s}.scene-send:disabled{color:#74777e;cursor:default}.scene-send svg{width:18px;height:18px}.scene-drawer{overflow:hidden;border-radius:20px;pointer-events:auto;background:#34363a}.scene-drawer-image{inset:0;width:100%;height:100%;pointer-events:none}.scene-stickers{display:flex;align-items:center;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior:contain;pointer-events:auto}.scene-sticker{flex:0 0 112px;width:112px;height:112px;padding:4px;background:transparent;border-radius:12px}.scene-sticker img{width:100%;height:100%;object-fit:contain}.scene-sticker:hover{background:#ffffff08;transform:translateY(-3px)}.scene-pack{font:400 10px Manrope,sans-serif;background:#35373c;color:#c0c1c6;border-radius:9px;padding:4px 8px;white-space:nowrap}.scene-pack[aria-pressed=true]{background:#414246;color:#dfd3b9}.scene-search{background:transparent;border:0;color:#d8d7d1;font:400 11px Manrope,sans-serif;outline:none;padding:0}.scene-no-stickers{font-size:12px;color:#afb0b5;align-self:center;margin:auto;white-space:nowrap}.scene-typing{display:flex;align-self:flex-start;gap:5px;padding:14px 18px;background:#303238;border-radius:15px 15px 15px 5px;flex:none}.scene-typing i{width:5px;height:5px;background:#bfb8a8;border-radius:50%;animation:scene-dot 1s ease-in-out infinite}.scene-typing i:nth-child(2){animation-delay:.14s}.scene-typing i:nth-child(3){animation-delay:.28s}.product-tabs .scene-replay{font-size:11px;padding:9px 12px}.product-demo.is-zoomed .scene-frame{width:1240px;max-width:none}.scene-ready .product-shot{animation:none!important}@keyframes scene-dot{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}@media(max-width:720px){.product-tabs .scene-replay{font-size:10px;padding:8px 4px}.scene-ready .product-tabs{gap:0}.scene-ready .product-tabs>button{padding-inline:8px}}@media(prefers-reduced-motion:reduce){.scene-layer *{animation:none!important;transition:none!important}}
.scene-ready .scene-layer :focus-visible{outline:none;border-radius:10px;box-shadow:inset 0 0 0 1px #c7b48e38}.scene-ready .scene-layer textarea:focus-visible,.scene-ready .scene-layer input:focus-visible{box-shadow:none;background:#ffffff03}.scene-messages{transition:height .36s cubic-bezier(.2,.8,.2,1)}@media(prefers-reduced-motion:reduce){.scene-messages{transition:none}}.paused .scene-typing i,.offscreen .scene-typing i{animation-play-state:paused}