.demo-toolbar.svelte-p22ngq{position:relative;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:12px 24px;border-bottom:1px solid var(--rule);background:var(--bg-cream)}.demo-phases.svelte-p22ngq{display:flex;gap:24px}.demo-phases.svelte-p22ngq button:where(.svelte-p22ngq),.static-phase.svelte-p22ngq{display:inline-flex;align-items:center;gap:10px;min-height:44px;border-bottom:2px solid transparent;font-size:14px;color:var(--text-secondary)}.demo-phases.svelte-p22ngq .current:where(.svelte-p22ngq){border-color:var(--ink-green);color:var(--ink-green);font-weight:600}.demo-phases.svelte-p22ngq button:where(.svelte-p22ngq)>span:where(.svelte-p22ngq),.static-phase.svelte-p22ngq>span:where(.svelte-p22ngq){font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-muted)}.demo-actions.svelte-p22ngq{display:flex;gap:8px}.demo-actions.svelte-p22ngq button:where(.svelte-p22ngq){min-height:44px;padding:0 12px;border:1px solid var(--rule);border-radius:3px;font-size:13px;background:var(--paper)}.demo-actions.svelte-p22ngq button:where(.svelte-p22ngq):hover,.demo-phases.svelte-p22ngq button:where(.svelte-p22ngq):hover{color:var(--accent-terracotta-deep);border-color:var(--accent-terracotta-deep)}.demo-judge.svelte-p22ngq{border-left:3px solid transparent;padding-left:8px}.demo-judge.judging.svelte-p22ngq{border-left-color:var(--ink-green)}.demo-caption.svelte-p22ngq{position:absolute;bottom:24px;left:40px;right:40px;border-top:1px solid var(--rule);padding-top:20px}.demo-caption.svelte-p22ngq p:where(.svelte-p22ngq){max-width:68ch;margin:auto;text-align:center;font-size:17px;line-height:1.65;color:var(--text-secondary);text-wrap:pretty}.demo-paused.svelte-p22ngq *{animation-play-state:paused!important}