@font-face{font-family:SchoolDots;src:url(/fonts/school-hand/EduAUVICWANTDots.woff2) format("woff2");font-display:swap}@font-face{font-family:SchoolHand;src:url(/fonts/school-hand/EduVICWANTBeginner.woff2) format("woff2");font-display:swap}@font-face{font-family:ABeeZee;src:url(/fonts/abeezee/ABeeZee-Regular.ttf) format("truetype");font-display:swap}.maker[data-v-93b5068c]{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,76px);align-items:start}h1[data-v-93b5068c]{font-size:clamp(2.3rem,3.7vw,3.65rem);line-height:1.04;letter-spacing:-.055em;font-weight:750;color:#162a23}.intro[data-v-93b5068c]{margin:1rem 0 1.6rem;max-width:38ch;line-height:1.6;color:#53635d}.settings[data-v-93b5068c]{max-width:28rem}.field[data-v-93b5068c],legend[data-v-93b5068c]{display:block;margin-bottom:.45rem;font-size:.9rem;font-weight:650;color:#273a32}input[type=text][data-v-93b5068c]{width:100%;padding:.6rem .85rem;border:1px solid #94a99d;border-radius:.45rem;background:#fff;color:#213b2f;font:1.4rem ABeeZee,sans-serif}input[type=text][data-v-93b5068c]:focus-visible{outline:2px solid #287052;outline-offset:2px}.hint[data-v-93b5068c]{font-size:.8rem;line-height:1.5;margin-top:.4rem;color:#53635d}fieldset[data-v-93b5068c]{margin-top:1.25rem}.choices[data-v-93b5068c]{display:flex;flex-wrap:wrap;gap:.5rem}.choices label[data-v-93b5068c]{position:relative;cursor:pointer}.choices input[data-v-93b5068c]{position:absolute;opacity:0}.choices span[data-v-93b5068c]{display:flex;align-items:center;justify-content:center;gap:.55rem;padding:.5rem 1rem;min-height:42px;border:1px solid #bdcbc3;border-radius:.45rem;background:#fff;font-size:.9rem}.choices input:checked+span[data-v-93b5068c]{border-color:#266248;background:#ecf4ed;box-shadow:inset 0 0 0 1px #266248}.choices input:focus-visible+span[data-v-93b5068c],button[data-v-93b5068c]:focus-visible{outline:2px solid #287052;outline-offset:2px}.tracing span[data-v-93b5068c]{min-height:2.75rem;padding:.5rem .75rem}.sample[data-v-93b5068c]{display:block;width:1.875rem;height:1.5rem;font:1.4rem/1.5rem ABeeZee,sans-serif;color:#52635a}.sample.light[data-v-93b5068c]{color:#8c9890}.sample.outline[data-v-93b5068c]{color:transparent;-webkit-text-stroke:.8px #52635a}@media(max-width:420px){.tracing[data-v-93b5068c]{gap:.375rem}.tracing span[data-v-93b5068c]{padding-inline:.5rem;gap:.25rem}.sample[data-v-93b5068c]{width:1.6rem}}.actions[data-v-93b5068c]{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}button[data-v-93b5068c]{padding:.72rem 1.15rem;font-weight:650;border:1px solid #96aba0;border-radius:.45rem;background:#fff;color:#204331}button.primary[data-v-93b5068c]{color:#fff;background:#245b43;border-color:#245b43}button[data-v-93b5068c]:hover{filter:brightness(.95)}button[data-v-93b5068c]:disabled{opacity:.5;cursor:not-allowed}.preview[data-v-93b5068c]{overflow:hidden;border:1px solid #cbd7ce;border-radius:.75rem}figcaption[data-v-93b5068c]{display:flex;justify-content:space-between;gap:.8rem;padding:.7rem 1.1rem;background:#fff;font-size:.86rem}figcaption span[data-v-93b5068c]{color:#53635d}.desk[data-v-93b5068c]{display:grid;place-items:center;padding:24px;background:#e7eee7;border-top:1px solid #cbd7ce}canvas[data-v-93b5068c]{display:block;width:min(100%,370px);height:auto;background:#fff;box-shadow:0 2px 8px #273e302b}@media(max-width:800px){.maker[data-v-93b5068c]{grid-template-columns:1fr;gap:1.8rem}.settings[data-v-93b5068c]{max-width:100%}.desk[data-v-93b5068c]{padding:16px}}@media print{.maker[data-v-93b5068c],.preview[data-v-93b5068c],.desk[data-v-93b5068c]{display:block;margin:0;padding:0;border:0;border-radius:0;background:#fff;overflow:visible}.controls[data-v-93b5068c],figcaption[data-v-93b5068c]{display:none}.preview[data-v-93b5068c]{position:absolute;inset:0}.desk[data-v-93b5068c],canvas[data-v-93b5068c]{width:100%;height:100%}canvas[data-v-93b5068c]{-o-object-fit:contain;object-fit:contain;box-shadow:none}}@page trace-a4{size:A4 portrait;margin:0}@page trace-letter{size:letter portrait;margin:0}@media print{html:has(#name-tracing .paper-a4){page:trace-a4}html:has(#name-tracing .paper-letter){page:trace-letter}body:has(#name-tracing){min-height:0;background:#fff}body:has(#name-tracing)>:not(main){display:none!important}#name-tracing{margin:0;padding:0;max-width:none}}