.demo{--accent: var(--gold);position:relative;border:1px solid var(--border-soft);border-radius:6px;background:radial-gradient(120% 80% at 100% 0%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 60%),linear-gradient(180deg,#0f1218,#0b0d12);overflow:hidden}.demo-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--border-soft);font-family:var(--f-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.demo-dots{display:flex;gap:6px}.demo-dots i{width:9px;height:9px;border-radius:50%;background:#262b35}.demo-body{padding:clamp(16px,2.4vw,28px)}.demo-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.dbtn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;font-family:var(--f-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);border:1px solid var(--border);border-radius:999px;background:#090b0f99;transition:color .3s,border-color .3s,background .3s}.dbtn:hover{color:var(--text);border-color:var(--accent)}.dbtn[aria-pressed=true],.dbtn.is-on,.dbtn--primary{color:#0b0b0b;background:var(--accent);border-color:var(--accent)}.dbtn--primary:hover{background:var(--text);border-color:var(--text);color:#0b0b0b}.dbtn:disabled{opacity:.45;cursor:not-allowed}.log{font-family:var(--f-mono);font-size:.74rem;line-height:1.7;color:var(--text-2);background:#07090c;border:1px solid var(--border-soft);border-radius:4px;padding:12px 14px;height:220px;overflow-y:auto;overscroll-behavior:contain}.log p{margin:0;white-space:pre-wrap;word-break:break-word}.log .t{color:var(--text-3)}.log .ok{color:var(--ok)}.log .warn{color:var(--warn)}.log .err{color:var(--err)}.log .acc{color:var(--accent)}.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid var(--border);color:var(--text-3)}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill--ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}.pill--warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent)}.pill--err{color:var(--err);border-color:color-mix(in srgb,var(--err) 40%,transparent)}.pill--run{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.mini-label{font-family:var(--f-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.panel{border:1px solid var(--border-soft);border-radius:4px;background:#11151c99;padding:16px}.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-family:var(--f-mono);font-size:.74rem}.kv dt{color:var(--text-3)}.kv dd{margin:0;color:var(--text);text-align:right}.json{font-family:var(--f-mono);font-size:.74rem;line-height:1.6;color:var(--text-2);white-space:pre;overflow-x:auto;margin:0}.json .k{color:var(--accent)}.json .s{color:#b9d3a7}.json .n{color:#9fc4e8}.codeblock[data-astro-cid-jgrc2lfe]{border:1px solid var(--border-soft);border-radius:6px;overflow:hidden;background:#0a0c10}.cb-head[data-astro-cid-jgrc2lfe]{display:flex;align-items:center;gap:14px;padding:10px 14px;border-bottom:1px solid var(--border-soft);background:#0e1116}.cb-dots[data-astro-cid-jgrc2lfe]{display:flex;gap:6px}.cb-dots[data-astro-cid-jgrc2lfe] i[data-astro-cid-jgrc2lfe]{width:9px;height:9px;border-radius:50%;background:#262b35}.cb-file[data-astro-cid-jgrc2lfe]{font-size:.74rem;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-copy[data-astro-cid-jgrc2lfe]{flex:none}@media(max-width:440px){.cb-lang[data-astro-cid-jgrc2lfe],.cb-dots[data-astro-cid-jgrc2lfe]{display:none}.cb-head[data-astro-cid-jgrc2lfe]{gap:10px}}.cb-lang[data-astro-cid-jgrc2lfe]{font-size:.64rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.1em}.cb-copy[data-astro-cid-jgrc2lfe]{margin-left:auto;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);padding:6px 10px;border:1px solid var(--border);border-radius:999px;transition:color .3s,border-color .3s}.cb-copy[data-astro-cid-jgrc2lfe]:hover{color:var(--gold);border-color:var(--gold)}.cb-body[data-astro-cid-jgrc2lfe] pre{margin:0;padding:20px 22px;background:transparent!important;overflow-x:auto;font-family:var(--f-mono);font-size:.8rem;line-height:1.7}.cb-body[data-astro-cid-jgrc2lfe] code{font-family:inherit}.cb-note[data-astro-cid-jgrc2lfe]{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 14px;border-top:1px solid var(--border-soft);font-size:.8rem;color:var(--text-3)}