.live-demo{margin:28px 0;padding:24px;border:1px solid var(--line,#dce2e7);border-radius:12px;background:var(--paper,#fff)}.live-demo>h4{font-size:23px;line-height:1.3;letter-spacing:-.03em;margin:8px 0 14px}.live-demo-step{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent,#2154ff);font-weight:750}.live-demo-note{font-size:13px;line-height:1.7;color:var(--muted,#65717c);margin:12px 0 20px}.live-demo-actions{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.live-demo button{font:inherit;cursor:pointer;border:1px solid var(--line,#dce2e7);background:#fff;color:var(--ink,#142322);border-radius:6px;padding:11px 15px;font-size:13px;font-weight:600;line-height:1.4}.live-demo button:hover,.live-demo button[aria-pressed=true]{background:var(--accent,#2154ff);color:white;border-color:var(--accent,#2154ff)}.live-demo button:focus-visible{outline:3px solid var(--accent,#2154ff);outline-offset:3px}.live-demo-card{background:var(--soft,#f4f6f9);border:1px solid var(--line,#dce2e7);padding:20px;border-radius:8px;min-width:0}.live-demo-card p{font-size:14px;line-height:1.7}.live-demo-card h5{font-size:17px;margin:0 0 15px}.live-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.live-demo-row{padding:11px 0;border-bottom:1px solid var(--line,#dce2e7);display:grid;grid-template-columns:minmax(105px,.8fr) 1.3fr;gap:12px;font-size:13px;line-height:1.65}.live-demo-row strong{font-weight:650}.live-demo-status{font-size:13px!important;font-weight:600;color:var(--accent,#2154ff);min-height:1em;margin:15px 0 0}.live-demo-question{font-weight:650}.live-demo-frame{display:block;width:100%;height:670px;border:1px solid var(--line,#dce2e7);border-radius:7px;background:white;margin:15px 0}.live-demo a{font-size:13px;color:var(--accent,#2154ff)}@media(max-width:700px){.live-demo{padding:17px}.live-demo-grid{grid-template-columns:1fr}.live-demo-row{grid-template-columns:1fr;gap:4px}.live-demo-actions{flex-direction:column}.live-demo button{text-align:left}.live-demo-frame{height:590px}}