.sk-demo{--fd-accent: #f2a65a;--fd-paid: var(--ok);--fd-paid-soft: var(--ok-soft);--fd-due: var(--warn);--fd-due-soft: var(--warn-soft);--fd-mono: var(--mono, ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace);--fd-heading: var(--display, var(--font));display:flex;flex-direction:column;gap:12px;min-width:0;color:var(--text)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .sk-demo{--fd-accent: #b4560f}}:root[data-theme=light] .sk-demo{--fd-accent: #b4560f}.sk-demo-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}.sk-demo-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--fd-due);background:var(--fd-due-soft);color:var(--text);font-size:13px;font-weight:600;white-space:nowrap}.sk-demo-chip:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--fd-due)}.sk-demo-reset,.sk-demo-start{min-height:44px;padding:0 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-weight:600;cursor:pointer}.sk-demo-start{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.sk-demo button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sk-demo-wait{min-height:480px;display:grid;place-items:center;align-content:center;gap:16px;padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--muted);text-align:center}.sk-demo-status{margin:0;min-height:1.5em;font-size:14px;color:var(--muted)}.demo-notes{display:flex;flex-wrap:wrap;gap:24px 48px}.demo-notes>div{flex:1 1 300px;min-width:0}.demo-notes h3{margin:0 0 8px}.demo-notes ul{margin:0;padding-left:20px;color:var(--muted)}.demo-notes li+li{margin-top:6px}