.embed-demo{position:relative;width:100%;max-width:900px;margin:0 auto;aspect-ratio:1200 / 630;border-radius:12px;overflow:hidden;border:1px solid var(--color-border);box-shadow:0 10px 30px #0000001f}.embed-demo-cover{display:block;width:100%;height:100%;padding:0;border:none;background:none;cursor:pointer}.seo-screenshot .embed-demo-cover img{display:block;width:100%;max-width:none;height:100%;border:none;border-radius:0;box-shadow:none}.embed-demo-play{position:absolute;left:50%;bottom:1.25rem;transform:translate(-50%);display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.3rem;border-radius:999px;background:var(--gradient-primary-button);color:#fff;font-size:.95rem;font-weight:600;white-space:nowrap;box-shadow:0 6px 18px #00000040;transition:transform .2s ease}.embed-demo-cover:hover .embed-demo-play,.embed-demo-cover:focus-visible .embed-demo-play{transform:translate(-50%) scale(1.05)}.embed-demo-play .fas{font-size:.8rem}.embed-demo-frame{display:block;width:100%;height:100%;border:none}@media(max-width:640px){.embed-demo--open{aspect-ratio:auto;height:440px}}.embed-sample-code{margin:0 0 1.5rem;padding:1rem 1.1rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;overflow-x:auto;font-size:.82rem;line-height:1.55;color:var(--color-text)}.embed-sample-code code{font-family:Courier New,monospace;white-space:pre}.embed-sample-code::-webkit-scrollbar{width:6px;height:6px}.embed-sample-code::-webkit-scrollbar-track{background:transparent}.embed-sample-code::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.embed-sample-code::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=dark] .embed-sample-code::-webkit-scrollbar-thumb{background:#475569}[data-theme=dark] .embed-sample-code::-webkit-scrollbar-thumb:hover{background:#64748b}