.dvp-demo.svelte-wtzptq{display:flex;flex-direction:column;gap:var(--space-xl)}.controls-bar.svelte-wtzptq{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:end}.ctrl.svelte-wtzptq{display:flex;flex-direction:column;gap:4px;min-width:140px}.ctrl.svelte-wtzptq label:where(.svelte-wtzptq){font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.ctrl.svelte-wtzptq label:where(.svelte-wtzptq) span:where(.svelte-wtzptq){color:var(--accent);font-family:var(--font-mono)}.run-btn.svelte-wtzptq{padding:8px 24px;border-radius:var(--radius-md);border:2px solid var(--accent);background:var(--accent);color:#fff;font-size:.88rem;font-weight:700;cursor:pointer;font-family:var(--font-body);transition:all var(--transition-fast)}.run-btn.svelte-wtzptq:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-dim)}.run-btn.running.svelte-wtzptq{opacity:.6;cursor:wait}.run-btn.svelte-wtzptq:disabled{opacity:.5}.arch-grid.svelte-wtzptq{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-lg);align-items:start}@media(max-width:768px){.arch-grid.svelte-wtzptq{grid-template-columns:1fr}}.arch-card.svelte-wtzptq{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl)}.arch-card.svelte-wtzptq h3:where(.svelte-wtzptq){font-size:.95rem;margin-bottom:var(--space-lg);text-align:center}.pretext-card.svelte-wtzptq{border-color:var(--border-accent)}.arch-steps.svelte-wtzptq{display:flex;flex-direction:column;align-items:center;gap:4px}.step.svelte-wtzptq{width:100%;text-align:center;padding:8px 12px;border-radius:var(--radius-sm);font-size:.8rem;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary)}.step.bad.svelte-wtzptq{border-color:#ef444444;color:#fca5a5}.step.danger.svelte-wtzptq{border-color:#ef4444;color:#ef4444;background:#ef44440d;font-weight:600}.step.prepare.svelte-wtzptq{border-color:var(--accent);color:var(--accent)}.step.fast.svelte-wtzptq{border-color:#3ecf8e66;color:#3ecf8e;background:#3ecf8e0d}[data-theme=light] .step.bad.svelte-wtzptq{color:#b91c1c;border-color:#fca5a5}[data-theme=light] .step.danger.svelte-wtzptq{color:#991b1b;border-color:#ef4444;background:#fef2f2}[data-theme=light] .step.prepare.svelte-wtzptq{color:#5b4cd4;border-color:#7c6cf0}[data-theme=light] .step.fast.svelte-wtzptq{color:#047857;border-color:#6ee7b7;background:#ecfdf5}.step-arrow.svelte-wtzptq{font-size:.7rem;color:var(--text-muted)}.arch-vs.svelte-wtzptq{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) 0}.vs-text.svelte-wtzptq{font-size:1.5rem;font-weight:700;color:var(--text-muted)}.speedup.svelte-wtzptq{font-family:var(--font-mono);font-size:2.5rem;font-weight:800;color:var(--success);line-height:1}.speedup-label.svelte-wtzptq{font-size:.8rem;color:var(--success);font-weight:600}[data-theme=light] .speedup.svelte-wtzptq,[data-theme=light] .speedup-label.svelte-wtzptq{color:#059669}.timing-result.svelte-wtzptq{margin-top:var(--space-lg);text-align:center;display:flex;flex-direction:column;gap:2px;align-items:center}.timing-big.svelte-wtzptq{font-family:var(--font-mono);font-size:1.6rem;font-weight:800}.timing-small.svelte-wtzptq{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.dom-color.svelte-wtzptq{color:#ef4444}.pretext-color.svelte-wtzptq{color:#3ecf8e}[data-theme=light] .dom-color.svelte-wtzptq{color:#dc2626}[data-theme=light] .pretext-color.svelte-wtzptq{color:#059669}.timing-detail.svelte-wtzptq{font-size:.7rem;color:var(--text-muted)}.bar-comparison.svelte-wtzptq{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl)}.bar-row.svelte-wtzptq{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.bar-label.svelte-wtzptq{font-size:.8rem;font-weight:700;width:60px;color:var(--text-secondary)}.bar-track.svelte-wtzptq{flex:1;height:36px;background:var(--bg-card);border-radius:var(--radius-sm);overflow:hidden}.bar.svelte-wtzptq{height:100%;display:flex;align-items:center;padding:0 12px;font-family:var(--font-mono);font-size:.8rem;font-weight:700;min-width:fit-content;border-radius:var(--radius-sm);transition:width .6s cubic-bezier(.16,1,.3,1);animation:svelte-wtzptq-barGrow .6s cubic-bezier(.16,1,.3,1) both}@keyframes svelte-wtzptq-barGrow{0%{width:0!important}}.dom-bar.svelte-wtzptq{background:linear-gradient(90deg,#ef4444,#dc2626);color:#fff}.pretext-bar.svelte-wtzptq{background:linear-gradient(90deg,#3ecf8e,#10b981);color:#fff}.disclaimer.svelte-wtzptq{font-size:.75rem;color:var(--text-muted);font-style:italic;margin-top:var(--space-sm)}