@layer components{.sk-listening-ring{--sk-lr-red:var(--ss-red,#e3452f);--sk-lr-radius:10px;border-radius:var(--sk-lr-radius);box-shadow:none;transition:box-shadow .3s var(--ss-ease,ease-out);position:relative}.sk-listening-ring:after{content:"";border-radius:inherit;box-shadow:inherit;clip-path:inset(0 round var(--sk-lr-radius));pointer-events:none;position:absolute;inset:0}.sk-listening-ring[data-active=true]{box-shadow:0 0 0 6px #e3452f24,0 0 60px 4px #e3452f4d,inset 0 0 0 3px var(--sk-lr-red),inset 0 0 80px #e3452f59}.sk-listening-pill{z-index:1;white-space:nowrap;background:var(--ss-red-ink,#b4301f);color:#fff;height:30px;font:600 13px/1 var(--ss-ui);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 12px;display:inline-flex;position:absolute;bottom:-15px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px -6px #e3452fcc,0 0 0 3px #05070d99}.sk-listening-dot{background:#fff;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #ffffff4d}@media (prefers-reduced-motion:reduce){.sk-listening-ring{transition:none}}}
@layer components{.stage-body{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.stage-backdrop{pointer-events:none;background-color:#05070d;background-image:radial-gradient(130% 90% at 50% 4%,#f59e0b33,#0000 58%),radial-gradient(120% 100% at 8% 96%,#7c6bff3d,#0000 60%),linear-gradient(#141a2c 0%,#0d1322 52%,#0a0e1a 100%);position:absolute;inset:0;overflow:hidden}.stage-backdrop img{object-fit:cover;filter:blur(36px)brightness(.5)saturate(1.35);width:120%;max-width:none;height:124%;position:absolute;top:-12%;left:-10%}.stage-backdrop:after{content:"";background-image:linear-gradient(#05070d00 48%,#05070db8 70%,#05070ddb),radial-gradient(60% 55% at 50% 40%,#0000 40%,#05070d73);position:absolute;inset:0}.stage-zone{--stage-pad:16px;flex:1 1 0;place-items:center;min-height:0;display:grid;position:relative;container-type:size}.stage-frame{width:min(calc(100cqw - 2*var(--stage-pad)),calc((100cqh - 2*var(--stage-pad))*var(--stage-ar,1)));aspect-ratio:var(--stage-ar,1)}.stage-frame[data-shape=pending]{opacity:0}.stage-frame--blank{width:calc(100cqw - 2*var(--stage-pad));height:calc(100cqh - 2*var(--stage-pad));aspect-ratio:auto;--sk-lr-radius:16px;border-radius:16px}.stage-photo{object-fit:cover;background-color:#fbf7ec;border-radius:10px;width:100%;height:100%;display:block;box-shadow:0 26px 50px -16px #000c}@media (min-width:640px){.stage-zone{--stage-pad:18px}}@media (orientation:landscape) and (max-height:599.98px){.stage-zone{flex:none;height:max(150px,50dvh)}}}
