.page.svelte-1du1zi4{max-width:1180px;font-family:var(--font);margin:2rem auto 4rem;padding:0 1rem}.page.svelte-1du1zi4 .st-card{margin:1.2rem 0}.lead.svelte-1du1zi4{color:var(--mut);max-width:70ch;line-height:1.6}.demo.svelte-1du1zi4{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:1rem;margin:1.2rem 0;display:grid}.frame-wrap.svelte-1du1zi4{border:1px solid var(--line2);border-radius:var(--r-lg);aspect-ratio:16/9;box-shadow:var(--shadow);background:#07090f;overflow:hidden}iframe.svelte-1du1zi4{border:0;width:100%;height:100%;display:block}.panel.svelte-1du1zi4{background:var(--panel);border:1px solid var(--line2);border-radius:var(--r-lg);flex-direction:column;gap:.8rem;padding:.9rem;display:flex}.grp.svelte-1du1zi4{flex-direction:column;gap:.4rem;display:flex}.grp-h.svelte-1du1zi4{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-size:.7rem;font-weight:700}.row.svelte-1du1zi4{gap:.4rem;display:flex}.row.svelte-1du1zi4 .act:where(.svelte-1du1zi4){flex:1}.act.svelte-1du1zi4{font:inherit;text-align:left;color:var(--ink);background:var(--panel2);border:1px solid var(--line2);border-radius:var(--r-sm);cursor:pointer;padding:.5rem .7rem;font-size:.88rem;font-weight:600;transition:border-color .12s,background .12s}.act.svelte-1du1zi4:hover{border-color:var(--signal);background:var(--signal-soft)}.act.main.svelte-1du1zi4{border-color:var(--signal)}.reset.svelte-1du1zi4{font:inherit;color:var(--mut);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:.8rem;text-decoration:underline}.log.svelte-1du1zi4{border-top:1px solid var(--line);color:var(--mut);flex-direction:column;gap:.3rem;min-height:6.5rem;margin:0;padding:.6rem 0 0;font-size:.82rem;list-style:none;display:flex}.log.svelte-1du1zi4 .hint:where(.svelte-1du1zi4){color:var(--dim)}.tips.svelte-1du1zi4{color:var(--mut);flex-direction:column;gap:.55rem;margin:0;padding-left:1.2rem;line-height:1.55;display:flex}.tips.svelte-1du1zi4 b:where(.svelte-1du1zi4){color:var(--ink)}.note.svelte-1du1zi4{color:var(--dim);margin:.8rem 0 0;font-size:.86rem}.p.svelte-1du1zi4{color:var(--mut);max-width:66ch;line-height:1.6}.btns.svelte-1du1zi4{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.ghost.svelte-1du1zi4{color:var(--ink);border:1px solid var(--line2);border-radius:999px;padding:.5rem 1rem;font-size:.92rem;font-weight:600;text-decoration:none}.ghost.svelte-1du1zi4:hover{border-color:var(--signal);color:var(--signal)}@media (width<=900px){.demo.svelte-1du1zi4{grid-template-columns:1fr}}