.tp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,300px));gap:16px;margin:12px 0}
.tp-grid figure{margin:0}.tp-grid canvas{display:block;width:100%;height:auto;border:1px solid var(--doc-line);border-radius:12px}
#tp-view{cursor:grab;touch-action:none}#tp-view:focus-visible{outline:3px solid #c99c5f;outline-offset:2px}
.tp-checker canvas{background:conic-gradient(#eee 25%,#fff 0 50%,#eee 0 75%,#fff 0) 0 0/20px 20px}
.tp-grid figcaption{font-size:12.5px;color:#4c5c63;margin-top:4px}
@media(max-width:600px){.tp-grid{grid-template-columns:1fr 1fr;gap:8px}}