.tr-board{gap:12px;min-width:0;display:grid}.tr-board h3,.tr-board p{margin:0}.tr-svg{width:min(100%,440px);height:auto;margin:0 auto;display:block}.tr-svg text{fill:var(--ink);text-anchor:middle;font-size:32px;font-weight:650}.tr-svg.tr-source-svg text{font-size:24px}.tr-given>path{fill:none;stroke:var(--ink);stroke-width:2px}.tr-given>polygon{fill:var(--ink)}.tr-given>.tr-ruler{stroke:var(--line-strong);stroke-width:5px;stroke-dasharray:4 6;opacity:.65}.tr-point{fill:var(--ink)}.tr-label-line{fill:none;stroke:var(--line-strong);stroke-width:1px;stroke-dasharray:3 3}.tr-arc,.tr-direction path{fill:none;stroke:var(--accent);stroke-width:2.5px}.tr-direction polygon,.tr-pencil{fill:var(--accent)}.tr-tool>path{fill:none;stroke:var(--ink);stroke-width:2px}.tr-hinge{fill:var(--ink)}.tr-needle{fill:var(--surface);stroke:var(--ink);stroke-width:2px}.tr-origin{fill:none;stroke:var(--line-strong);stroke-width:2px;stroke-dasharray:3 3}.tr-drawing-pencil{fill:var(--surface);stroke:var(--accent);stroke-width:2px}.tr-unit{fill:none;stroke:var(--accent);stroke-width:4px}.tr-tick{fill:none;stroke:var(--ink);stroke-width:2px}.tr-static{border:1px solid var(--line);border-radius:var(--radius);margin:20px 0;padding:8px}.tr-static figcaption{padding:12px 4px 4px;line-height:1.8}.tr-board label{gap:6px;display:grid}.tr-board select{font:inherit;width:100%;max-width:100%;min-height:48px}.tr-values{gap:6px;margin:0;display:grid}.tr-values>div{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:10px;padding:4px 0;display:flex}.tr-values dt{font-weight:650}.tr-values dd{margin:0}.tr-board summary{cursor:pointer;min-height:44px;padding:8px 0}