.draw-page{--d-bg:#f8f6ff;--d-surface:#fff;--d-ink:#2b2545;--d-muted:#6f6a92;--d-purple:#6c5ce7;--d-teal:#00cec9;--d-line:#e6e1f6;--d-ghost:#c6bfe9;--d-paper:#fffdf4;--d-paper-line:#efe9d8;--d-chip:#efecfb;--d-btn-ink:#fff;--d-shadow:0 10px 30px #4c3f9e1a;background:var(--d-bg);color:var(--d-ink);font-family:var(--font-nunito),"Nunito",system-ui,-apple-system,sans-serif;font-size:17px;line-height:1.6}.draw-page *{box-sizing:border-box}.draw-page .wrap{margin:0 auto;padding:0 20px 80px}.draw-page .crumb{color:var(--d-muted);padding:22px 0 8px;font-size:14px}.draw-page .crumb span{opacity:.5;margin:0 6px}.draw-page .crumb a{color:inherit;text-decoration:none}.draw-page .crumb a:hover{color:var(--d-purple)}.draw-page h1,.draw-page h2,.draw-page h3{font-family:var(--font-baloo),"Baloo 2",var(--font-nunito),"Nunito",sans-serif;text-wrap:balance;margin:0;line-height:1.15}.draw-page h1{margin-top:26px;font-weight:700}.draw-page .grad{background-image:linear-gradient(92deg,var(--d-purple),var(--d-teal));color:var(--d-purple);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.draw-page .lede{color:var(--d-muted);margin:12px 0 0;font-size:18px}.draw-page .kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--d-teal);margin-bottom:6px;font-size:13px;font-weight:700}.draw-page .cta{color:#fff;box-shadow:var(--d-shadow);background-image:linear-gradient(115deg,#6c5ce7 0%,#5b6ee8 55%,#00cec9 130%);border-radius:24px;padding:38px 34px}.draw-page .cta .kicker{color:#ffffffd9}.draw-page .cta h2{color:#fff}.draw-page .cta p{color:#ffffffeb;max-width:58ch}.draw-page .ctabox{background:var(--d-surface);color:var(--d-ink);text-align:center;border-radius:18px;padding:28px 26px;box-shadow:0 14px 34px #140c3c40}.draw-page .ctabox .m1{font-family:var(--font-baloo),"Baloo 2",sans-serif;text-wrap:balance;font-weight:700;line-height:1.3}.draw-page .ctabox .m2{color:var(--d-muted);margin-top:8px;font-size:16px}.draw-page .ctabox .btn{width:fit-content;margin-inline:auto;display:flex}.draw-page .ctabox .altlink{color:var(--d-muted);text-underline-offset:3px;margin-top:14px;font-size:14.5px;text-decoration:underline;display:inline-block}.draw-page .ctabox .altlink:hover{color:var(--d-purple)}.draw-page .ctabox .altlink:focus-visible{outline:3px solid var(--d-teal);outline-offset:2px;border-radius:4px}.draw-page .btn{cursor:pointer;background:var(--d-purple);color:var(--d-btn-ink);font:inherit;box-shadow:var(--d-shadow);border:0;border-radius:14px;align-items:center;gap:10px;padding:14px 24px;font-size:16px;font-weight:800;text-decoration:none;transition:transform .12s;display:inline-flex}.draw-page .btn:hover{transform:translateY(-1px)}.draw-page .btn:focus-visible{outline:3px solid var(--d-teal);outline-offset:2px}.draw-page footer.site-foot{color:var(--d-muted);border-top:1px solid var(--d-line);margin-top:70px;padding-top:18px;font-size:14px}@media (prefers-reduced-motion:reduce){.draw-page .btn{transition:none}}.draw-guide .wrap{max-width:880px}.draw-guide h1{font-size:clamp(34px,6vw,52px)}.draw-guide h2{margin:0 0 6px;font-size:clamp(24px,4vw,30px);font-weight:600}.draw-guide .lede{max-width:56ch}.draw-guide .meta{flex-wrap:wrap;gap:8px;margin:18px 0 0;display:flex}.draw-guide .chip{background:var(--d-chip);border:1px solid var(--d-line);color:var(--d-ink);border-radius:999px;padding:5px 14px;font-size:14px;font-weight:600}.draw-guide section{margin-top:56px}.draw-guide .sub{color:var(--d-muted);max-width:60ch;margin:4px 0 20px}.draw-guide .player{background:var(--d-surface);border:1px solid var(--d-line);box-shadow:var(--d-shadow);border-radius:20px;overflow:hidden}.draw-guide .stage{background:var(--d-surface);position:relative}.draw-guide .stage svg{width:100%;height:auto;max-height:420px;margin:0 auto;display:block}.draw-guide .overlay{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;inset:0}.draw-guide .overlay .playbtn{background:var(--d-purple);width:84px;height:84px;color:var(--d-btn-ink);box-shadow:var(--d-shadow);border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:flex}.draw-guide .overlay:hover .playbtn{transform:scale(1.06)}.draw-guide .overlay:focus-visible{outline:3px solid var(--d-teal);outline-offset:-6px;border-radius:20px}.draw-guide .overlay[hidden]{display:none}.draw-guide .playbtn svg{width:30px;height:30px;margin-left:5px}.draw-guide .player-bar{border-top:1px solid var(--d-line);flex-wrap:wrap;align-items:center;gap:14px;padding:14px 18px;display:flex}.draw-guide .caption{flex:240px;min-height:1.4em;font-weight:700}.draw-guide .caption small{color:var(--d-muted);font-weight:400;display:block}.draw-guide .dots{gap:7px;display:flex}.draw-guide .dots i{background:var(--d-line);border-radius:50%;width:9px;height:9px}.draw-guide .dots i.on{background:var(--d-purple)}.draw-guide .replay{border:1px solid var(--d-line);background:var(--d-chip);color:var(--d-ink);font:inherit;cursor:pointer;border-radius:999px;padding:7px 16px;font-weight:700}.draw-guide .replay:hover{border-color:var(--d-purple)}.draw-guide .replay:focus-visible{outline:3px solid var(--d-teal);outline-offset:2px}.draw-guide .replay[hidden]{display:none}.draw-guide .steps{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.draw-guide .step{background:var(--d-surface);border:1px solid var(--d-line);box-shadow:var(--d-shadow);border-radius:18px;padding:14px}.draw-guide .step svg{width:100%;height:auto;display:block}.draw-guide .step .n{background:var(--d-purple);width:26px;height:26px;color:var(--d-btn-ink);font-size:14px;font-weight:800;font-family:var(--font-baloo),"Baloo 2",sans-serif;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.draw-guide .step h3{vertical-align:middle;margin-left:8px;font-size:17px;display:inline}.draw-guide .step p{color:var(--d-muted);margin:8px 0 0;font-size:15px;line-height:1.5}.draw-guide .print-row{grid-template-columns:1.2fr .8fr;align-items:center;gap:26px;display:grid}.draw-guide .sheet{background:var(--d-paper);border:1px solid var(--d-paper-line);box-shadow:var(--d-shadow);border-radius:6px;padding:22px 24px;transform:rotate(-1.2deg)}.draw-guide .sheet-head{border-bottom:2px solid var(--d-paper-line);justify-content:space-between;align-items:baseline;margin-bottom:12px;padding-bottom:8px;display:flex}.draw-guide .sheet-head strong{font-family:var(--font-baloo),"Baloo 2",sans-serif;font-size:18px}.draw-guide .sheet-head span{color:var(--d-muted);font-size:12px}.draw-guide .sheet-minis{gap:8px;margin-bottom:10px;display:flex}.draw-guide .sheet-minis>div{flex:1;min-width:0}.draw-guide .sheet-minis svg{background:0 0;width:100%;height:auto}.draw-guide .sheet-main{grid-template-columns:1fr 1fr;gap:12px;display:grid}.draw-guide .trace,.draw-guide .blank{border:2px dashed var(--d-paper-line);border-radius:8px;min-height:120px;padding:6px}.draw-guide .blank{color:var(--d-muted);text-align:center;justify-content:center;align-items:center;font-size:13px;display:flex}.draw-guide .sheet-foot{color:var(--d-muted);text-align:center;margin-top:10px;font-size:11px}.draw-guide .btn.ghosted{background:var(--d-chip);color:var(--d-ink);border:1px solid var(--d-line)}.draw-guide .cta-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;margin-top:8px;display:grid}.draw-guide .ctabox .m1{font-size:20px}.draw-guide .ctabox .btn{margin-top:20px}.draw-guide .pair{flex-direction:column;align-items:center;gap:10px;display:flex}.draw-guide .pair .card{background:var(--d-paper);border-radius:14px;width:min(240px,80%);padding:10px;box-shadow:0 8px 24px #0000002e}.draw-guide .pair .card svg{width:100%;height:auto;display:block}.draw-guide .pair .lbl{color:#ffffffe6;font-size:13px;font-weight:700}.draw-guide .pair .arrow{color:#ffffffe6;font-size:22px;line-height:1}.draw-guide .paper-card{transform:rotate(-2deg)}.draw-guide .anim-card{background:var(--d-surface);transform:rotate(1.4deg)}.draw-guide .alive .wag{transform-box:view-box;transform-origin:var(--d-wag-origin,129px 128px);animation:.55s ease-in-out infinite alternate draw-wag}.draw-guide .alive .eye{transform-box:fill-box;transform-origin:50%;animation:3.4s infinite draw-blink}.draw-guide .next-chips{flex-wrap:wrap;gap:10px;display:flex}.draw-guide .next-chips .chip{padding:9px 18px;font-size:15px;text-decoration:none}.draw-guide .next-chips a.chip:hover{border-color:var(--d-purple)}.draw-guide .next-chips a.chip:focus-visible{outline:3px solid var(--d-teal);outline-offset:2px}.draw-guide .print-only{display:none}@media (max-width:760px){.draw-guide .steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.draw-guide .steps{grid-template-columns:1fr}}@media (max-width:700px){.draw-guide .print-row{grid-template-columns:1fr}}@media (max-width:740px){.draw-guide .cta-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.draw-guide .alive .wag,.draw-guide .alive .eye{animation:none}.draw-guide .overlay .playbtn{transition:none}}@keyframes draw-wag{0%{transform:rotate(-9deg)}to{transform:rotate(14deg)}}@keyframes draw-blink{0%,91%,to{transform:scaleY(1)}95%{transform:scaleY(.12)}}.draw-hub .wrap{max-width:940px}.draw-hub h1{font-size:clamp(34px,6vw,54px)}.draw-hub h2{font-size:clamp(22px,4vw,28px);font-weight:600}.draw-hub .lede{max-width:60ch}.draw-hub section{margin-top:52px}.draw-hub .search{background:var(--d-surface);border:1px solid var(--d-line);box-shadow:var(--d-shadow);border-radius:16px;align-items:center;gap:12px;max-width:560px;margin-top:26px;padding:6px 8px 6px 18px;display:flex}.draw-hub .search svg{color:var(--d-muted);flex:none}.draw-hub .search input{color:var(--d-ink);font:inherit;background:0 0;border:0;flex:1;min-width:0;padding:10px 0;font-size:17px}.draw-hub .search input:focus{outline:none}.draw-hub .search:focus-within{border-color:var(--d-purple)}.draw-hub .count{color:var(--d-muted);white-space:nowrap;padding-right:10px;font-size:14px}.draw-hub .featured{background:var(--d-surface);border:1px solid var(--d-line);box-shadow:var(--d-shadow);max-width:640px;color:var(--d-ink);border-radius:20px;align-items:center;gap:22px;padding:20px 24px;text-decoration:none;display:flex}.draw-hub .featured:hover{border-color:var(--d-purple)}.draw-hub .featured:focus-visible{outline:3px solid var(--d-teal);outline-offset:2px}.draw-hub .featured .art{background:var(--d-paper);border-radius:14px;flex:0 0 130px;padding:8px}.draw-hub .featured .art svg{width:100%;height:auto;display:block}.draw-hub .featured h3{font-size:22px}.draw-hub .featured p{color:var(--d-muted);margin:6px 0 0;font-size:15px}.draw-hub .new{background:var(--d-teal);color:var(--d-btn-ink);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin-bottom:8px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-block}.draw-hub .cat{margin-top:34px}.draw-hub .cat-head{align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.draw-hub .cat-head h2{font-size:21px}.draw-hub .cat-head span{color:var(--d-muted);font-size:14px}.draw-hub .chips{flex-wrap:wrap;gap:9px;display:flex}.draw-hub .chip{background:var(--d-surface);border:1px solid var(--d-line);color:var(--d-ink);border-radius:999px;padding:8px 17px;font-size:15px;font-weight:600;text-decoration:none}.draw-hub a.chip:hover{border-color:var(--d-purple)}.draw-hub a.chip:focus-visible{outline:3px solid var(--d-teal);outline-offset:2px}.draw-hub .chip.live{border-color:var(--d-teal);background:var(--d-chip)}.draw-hub .chip.live:after{content:"ready";text-transform:uppercase;letter-spacing:.05em;color:var(--d-teal);margin-left:8px;font-size:11px;font-weight:800}.draw-hub .cat[hidden]{display:none}.draw-hub .noresults{color:var(--d-muted);margin-top:30px}.draw-hub .how{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;display:grid}.draw-hub .how div{background:var(--d-surface);border:1px solid var(--d-line);box-shadow:var(--d-shadow);border-radius:16px;padding:16px}.draw-hub .how b{font-family:var(--font-baloo),"Baloo 2",sans-serif;margin-bottom:4px;font-size:16px;display:block}.draw-hub .how p{color:var(--d-muted);margin:0;font-size:14px;line-height:1.5}.draw-hub .how .ic{margin-bottom:8px;font-size:22px;line-height:1;display:block}.draw-hub .cta{margin-top:60px}.draw-hub .cta h2{font-size:clamp(24px,4vw,30px)}.draw-hub .ctabox{max-width:520px;margin-top:18px}.draw-hub .ctabox .m1{font-size:21px}.draw-hub .ctabox .btn{gap:8px;margin-top:20px;padding:14px 26px}@media (max-width:760px){.draw-hub .how{grid-template-columns:repeat(2,1fr)}}@media print{body:has(>.draw-guide)>:not(.draw-guide){display:none!important}.draw-guide{background:#fff}.draw-guide .screen-only{display:none!important}.draw-guide .print-only{display:block!important}.draw-guide .print-only .sheet{box-shadow:none;color:#1c1c1c;background:#fff;border:0;transform:none}}