.rendering-note{margin-top:48px;border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden}.rendering-heading{padding:24px 28px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.rendering-heading h3{font-size:18px;margin:0}.rendering-controls{display:flex;gap:6px;flex-wrap:wrap}.rendering-controls button{font:inherit;font-size:13px;color:var(--muted);border:1px solid transparent;border-radius:20px;background:transparent;padding:8px 14px;cursor:pointer;min-height:44px}.rendering-controls button[aria-pressed=true]{color:var(--ink);background:var(--soft);border-color:var(--line)}.rendering-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.rendering-stage{height:280px;position:relative;touch-action:pan-y}.rendering-stage canvas{display:block;width:100%;height:100%}.rendering-fallback{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:12px;color:var(--muted)}.rendering-stage[data-ready] .rendering-fallback{display:none}.rendering-caption{margin:0;padding:0 28px 22px;color:var(--muted);font-size:13px;line-height:1.8}.rendering-status:empty{display:none}@media(max-width:600px){.rendering-heading{padding:20px 20px 0;gap:12px}.rendering-stage{height:250px}.rendering-caption{padding:0 20px 20px}.rendering-controls button{padding:8px 12px}}