.vis-block+.vis-block{margin-top:32px;padding-top:28px;border-top:1px solid var(--border-soft)}.vis-block-title{font-size:20px;font-weight:800;letter-spacing:-.015em;margin-bottom:6px}.vis-block-lede{font-size:14px;line-height:1.6;color:var(--text-dim);margin-bottom:18px;max-width:60ch}.vis-empty{padding:28px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);font-size:14.5px;line-height:1.6;color:var(--text-dim)}.vis-render{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.vis-side{flex:1 1 260px;min-width:240px}.vis-frame{--night: #14161a;--chalk: #ffffff;--win-on-dark: #4ade80;--draw-on-dark: #facc15;--loss-on-dark: #f87171;flex:0 1 auto;width:100%;max-width:340px;border:1px solid var(--border);border-radius:var(--r-md);background:#14161a;overflow:hidden;min-height:120px}.vis-canvas{display:block;width:100%;height:auto}.vis-field+.vis-field,.vis-alt+.vis-field{margin-top:18px}.vis-label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:8px}.vis-picker{display:flex;gap:8px;align-items:stretch}.vis-step{flex-shrink:0;width:44px;min-height:44px;padding:0;cursor:pointer;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-sm);color:var(--text);font:inherit;font-size:18px;line-height:1}.vis-step:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.vis-step:disabled{opacity:.4;cursor:default}.vis-select{flex:1 1 auto;min-width:0;min-height:44px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-sm);color:var(--text);font:inherit;font-size:16px;font-weight:600}.vis-formats{display:flex;flex-wrap:wrap;gap:8px}.vis-fmt{min-height:44px;padding:10px 18px;cursor:pointer;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-full);color:var(--text-dim);font:inherit;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;transition:border-color .15s,color .15s}.vis-fmt:hover{border-color:var(--accent);color:var(--text)}.vis-fmt[aria-pressed=true]{background:color-mix(in oklab,var(--accent) 16%,transparent);border-color:var(--accent);color:var(--text)}.vis-alt{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;margin-bottom:18px}.vis-alt dt{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);align-self:baseline}.vis-alt dd{margin:0;font-size:14.5px;font-weight:600;line-height:1.4;color:var(--text)}.vis-actions{margin-top:18px}.vis-hint{margin-top:8px;font-size:12.5px;color:var(--text-muted);font-variant-numeric:tabular-nums}.vis-failed{margin-top:8px;font-size:13px;font-weight:600;color:var(--danger-text)}@media (prefers-reduced-motion: reduce){.vis-fmt{transition:none}}