.ed-explainer{--paper:var(--color-paper);--surface:var(--color-surface);--ink:var(--color-ink);--muted:var(--color-ink-muted);--border:var(--color-border);--ai:var(--color-accent);--line:var(--color-brand-line);--empty:var(--color-cell);--locked:var(--color-locked);container-type:inline-size}.ed-explainer svg{aspect-ratio:16/9;border-radius:1rem;width:100%;height:auto;display:block}@container (width<=639px){.ed-explainer svg{aspect-ratio:9/16}}.ed-explainer[data-layout=landscape] svg{aspect-ratio:16/9}.ed-explainer[data-layout=portrait] svg{aspect-ratio:9/16}.ed-explainer text{font-family:inherit}.ed-explainer .f-paper{fill:var(--paper)}.ed-explainer .f-surface{fill:var(--surface)}.ed-explainer .f-ink{fill:var(--ink)}.ed-explainer .f-muted{fill:var(--muted)}.ed-explainer .f-ai{fill:var(--ai)}.ed-explainer .f-line{fill:var(--line)}.ed-explainer .f-empty{fill:var(--empty)}.ed-explainer .f-locked{fill:var(--locked)}.ed-explainer .s-border{stroke:var(--border);stroke-width:1.5px}.ed-explainer .s-ink{stroke:var(--ink);stroke-width:1.5px}.ed-explainer .s-muted{stroke:var(--muted)}.ed-explainer .s-ai{stroke:var(--ai);stroke-width:1.5px}.ed-explainer .t-caption{fill:var(--ink);letter-spacing:-.01em;font-weight:600}.ed-explainer .t-system{fill:var(--ink);font-size:18px;font-weight:500}.ed-explainer .t-small{fill:var(--muted);font-size:14px}.ed-explainer .t-bar{fill:var(--ai);letter-spacing:.02em;font-size:13px;font-weight:500}.ed-explainer .t-label{fill:var(--muted);font-size:15px;font-weight:500}.ed-explainer .t-node{fill:var(--ink);font-size:15px}.ed-explainer .t-node-strong{font-size:17px;font-weight:600}.ed-explainer .t-crumb{fill:var(--ink);font-size:17px;font-weight:500}.ed-explainer .t-chip{fill:var(--ink);font-size:18px;font-weight:500}.ed-explainer .t-on{fill:var(--paper)}.ed-explainer .t-bubble{fill:var(--ink);font-size:17px}.ed-explainer .t-ai{fill:var(--ai);font-weight:500}.ed-explainer .t-card-title{fill:var(--ink);font-size:24px;font-weight:600}.ed-explainer .t-tag{fill:var(--ink);font-size:13px;font-weight:500}.ed-controls{gap:.5rem;margin-top:.75rem;display:flex}.ed-controls button{font:inherit;color:var(--ink);background:var(--surface);border:1.5px solid var(--border);cursor:pointer;border-radius:999px;padding:.55rem 1rem;font-size:.875rem;font-weight:500;line-height:1}.ed-controls button:hover{border-color:var(--ink)}.ed-controls button:focus-visible{outline:3px solid var(--ai);outline-offset:2px}.ed-transcript{color:var(--muted);margin-top:.75rem;font-size:.9375rem}.ed-transcript summary{cursor:pointer;color:var(--ink);font-weight:500}.ed-transcript ol{margin:.5rem 0 0;padding-left:1.25rem;line-height:1.6}.ed-explainer.is-recording .ed-controls,.ed-explainer.is-recording .ed-transcript{display:none}.ed-explainer.is-recording svg{border-radius:0}