.live-demo{position:relative}.live-demo .live-demo-frame{--live-demo-canvas:clamp(320px,62svh,680px);width:100%;margin:0 auto;overflow:hidden}.live-demo .demo-frame.live-demo-frame{margin-top:0;border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 0 rgb(var(--fg-rgb,27 31 36)/.02),0 34px 70px -28px rgb(16 22 40/.28),0 10px 24px -14px rgb(16 22 40/.16)}html.theme-dark .live-demo .demo-frame.live-demo-frame,html:not(.theme-light) .live-demo .demo-frame.live-demo-frame{box-shadow:0 34px 80px -30px rgb(0 0 0/.6),0 10px 26px -16px rgb(0 0 0/.5)}html:not([data-diagram-fullscreen=true]) .live-demo .live-demo-frame [style*=height]{height:var(--live-demo-canvas)!important;min-height:var(--live-demo-canvas)!important}@media (max-width:1080px){.live-demo .live-demo-frame{--live-demo-canvas:clamp(220px,52vw,460px)}.live-demo .demo-frame.live-demo-frame{border-radius:12px}}.live-demo .live-demo-cue{margin:12px 0 0;display:flex;justify-content:center;font-size:12px;color:var(--fg-subtle)}.live-demo .live-demo-cue-pill{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:6px 14px 6px 11px;border:1px solid var(--border);border-radius:999px;background:var(--bg-subtle)}.live-demo .live-demo-cue-dot{flex:none;width:6px;height:6px;border-radius:999px;background:#3fb950;box-shadow:0 0 8px rgb(63 185 80/.8)}.live-demo .live-demo-cue-lede{flex:none;color:var(--fg-subtle)}.live-demo .live-demo-cue-em{display:inline-flex;align-items:center;gap:6px;min-width:0;color:var(--fg);font-weight:600}.live-demo .live-demo-cue-cursor{flex:none;color:var(--accent);transform:translateY(-.5px)}.live-demo .live-demo-placeholder{display:flex;align-items:center;justify-content:center;min-height:var(--live-demo-canvas);padding:24px;text-align:center}.live-demo .live-demo-placeholder-copy{display:flex;flex-direction:column;gap:6px;margin:0;font-size:14px;color:var(--fg-subtle)}.live-demo .live-demo-placeholder-copy a{color:var(--fg);font-weight:600;text-decoration:underline;text-underline-offset:3px}.live-demo .live-demo-placeholder-note{font-size:12px}