.tm-sketch{--sk-ink:#cbd5e1;--sk-ink-soft:#8e9bb0;--sk-paper:#0d1422;--sk-card:#131c2d;--sk-shadow:#00000073;--sk-accent:#2dd4bf;--sk-accent-soft:#2dd4bf1f;margin:2rem 0}:root[data-theme=light] .tm-sketch{--sk-ink:#334155;--sk-ink-soft:#64748b;--sk-paper:#fbfcfd;--sk-card:#fff;--sk-shadow:#0f172a1a;--sk-accent:#0d9488;--sk-accent-soft:#0d948817}.tm-sketch-frame{border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--sk-ink-soft) 22%, transparent) 1px, transparent 0) 0 0 / 18px 18px, var(--sk-paper);padding:clamp(.75rem,2.5vw,1.75rem)}.tm-sketch svg{width:100%;height:auto;display:block;overflow:visible}@media (width<=40rem){.tm-sketch-frame{overflow-x:auto}.tm-sketch svg{min-width:38rem}}.tm-sketch figcaption{color:var(--text-3);text-align:center;margin-top:.6rem;font-size:.8125rem}.tm-sketch .sk-fill{fill:var(--sk-card)}.tm-sketch .sk-shadow{flood-color:var(--sk-shadow)}.tm-sketch .sk-accent-fill{fill:color-mix(in srgb, var(--sk-accent) 12%, var(--sk-card))}.tm-sketch .sk-ghost-fill{fill:#0000}.tm-sketch .sk-stroke{fill:none;stroke:var(--sk-ink);stroke-linecap:round;stroke-linejoin:round}.tm-sketch .sk-accent .sk-stroke{stroke:var(--sk-accent)}.tm-sketch .sk-ghost .sk-stroke{stroke:var(--sk-ink-soft)}.tm-sketch .sk-stroke.sk-dashed{stroke-dasharray:5 7!important;stroke-dashoffset:0!important}.tm-sketch .sk-edge .sk-stroke{stroke:var(--sk-ink-soft)}.tm-sketch .sk-edge.sk-accent .sk-stroke{stroke:var(--sk-accent)}.tm-sketch .sk-hand{font-family:var(--font-hand);fill:var(--sk-ink);font-size:22px;font-weight:600}.tm-sketch .sk-edge-label,.tm-sketch .sk-note{fill:var(--sk-ink-soft);font-size:19px}.tm-sketch .sk-mono{font-family:var(--font-mono);fill:var(--sk-ink-soft);font-size:12px}.tm-sketch .sk-accent-text .sk-hand,.tm-sketch .sk-accent-text.sk-hand{fill:var(--sk-accent)}.tm-sketch[data-sketch=pending] .sk-stroke{stroke-dasharray:1 1;stroke-dashoffset:1px}.tm-sketch[data-sketch=pending] .sk-label,.tm-sketch[data-sketch=pending] .sk-dashed,.tm-sketch[data-sketch=pending] .sk-fill{opacity:0}.tm-sketch[data-sketch=drawn] .sk-stroke{stroke-dasharray:1 1;stroke-dashoffset:0;transition:stroke-dashoffset .9s var(--ease)}.tm-sketch[data-sketch=drawn] .sk-dashed,.tm-sketch[data-sketch=drawn] .sk-fill{opacity:1;transition:opacity .5s var(--ease) .15s}.tm-sketch[data-sketch=drawn] .sk-label{opacity:1;transition:opacity .4s var(--ease) .65s}