.draw-stage{color:#111318;max-width:860px;margin:0 auto;padding:96px 24px 36px}.draw-stage-top{margin-bottom:14px}.draw-stage-kicker{color:#66707c;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;font-size:10px;font-weight:650;display:flex}.draw-stage-top h1{overflow-wrap:anywhere;margin:8px 0;font-size:27px;line-height:1.2}.draw-stage-top p{color:#66707c;font-size:12px}.draw-stage-download{z-index:1;color:#f3eee8;cursor:pointer;background:#1f1b18e6;border:1px solid #5c5147;border-radius:10px;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:8px;right:8px}.draw-stage-download:hover{background:#36302a}.draw-stage-download:focus-visible{outline-offset:2px;outline:2px solid #fff}.draw-stage-screen{aspect-ratio:2/3;background:#0d0b0a;border-radius:14px;width:100%;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 12px 28px #11131814}.draw-stage-screen canvas{width:100%;height:100%;display:block}.draw-stage-loading{color:#f3eee8;place-items:center;padding:24px;font-size:14px;display:grid;position:absolute;inset:0}.draw-stage-playback{color:#f3eee8;background:#1f1b18;border:1px solid #36302a;border-radius:8px;place-items:center;width:40px;height:40px;display:grid;position:absolute;bottom:6px;right:6px}.draw-stage-status{color:#66707c;text-align:center;margin:12px 0;font-size:12px}.draw-stage-pages{justify-content:center;align-items:center;gap:16px;font-size:12px;display:flex}.draw-stage-pages button{justify-content:center;min-width:44px}.draw-surface:has(.draw-stage) .tool-faq{display:none}.draw-stage-actions{gap:10px;display:grid}.draw-stage-control{color:#343b45;background:#fff;border:1px solid #dadde0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.draw-stage-control:hover{background:#fafafa}.draw-stage-actions .draw-text-button{justify-content:center;min-height:44px}@media (max-width:700px){.draw-stage{max-width:540px;padding:88px 8px 28px}.draw-stage-top{margin-bottom:8px}.draw-stage-top h1{font-size:23px}}@media (prefers-reduced-motion:reduce){.draw-stage *{transition:none!important;animation:none!important}}.draw-stage[data-format=bracket]{max-width:1320px}.draw-stage[data-format=bracket] .draw-stage-screen{aspect-ratio:auto}.draw-stage-viewport{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#766047 #1f1b18;width:100%;height:100%;overflow:auto}.draw-stage-viewport:focus-visible{outline-offset:-3px;outline:2px solid #fd9830}.draw-stage-pan-hint{color:#66707c;text-align:center;margin:10px 0 0;font-size:12px}.draw-stage[data-format=bracket] .draw-stage-actions{width:100%;max-width:640px;margin:0 auto}.draw-stage-zoom{color:#f3eee8;cursor:pointer;background:#1f1b18e6;border:1px solid #5c5147;border-radius:10px;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:8px;left:8px}.draw-stage-zoom:hover{background:#36302a}.draw-stage-zoom:focus-visible{outline-offset:2px;outline:2px solid #fff}.draw-art-themes{border:0;min-width:0;max-width:420px;margin:18px auto 8px;padding:0}.draw-art-themes legend{float:none;text-align:center;color:#66707c;width:100%;margin-bottom:8px;font-size:12px;font-weight:600}.draw-art-themes>div{justify-content:center;gap:8px;display:flex}.draw-art-themes button{color:#343b45;background:#fff;border:1px solid #dadde0;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:6px 10px;font-size:12px;display:flex}.draw-art-themes button[aria-pressed=true]{border-color:#111318;box-shadow:0 0 0 1px #111318}.draw-art-themes button span{border:1px solid #0002;border-radius:50%;place-items:center;width:22px;height:22px;font-size:14px;display:grid}.draw-art-themes button:focus-visible{outline-offset:3px;outline:2px solid #e35414}.draw-art-themes:disabled{opacity:.5}@media (min-width:761px){.draw-stage-top{text-align:center}.draw-stage-kicker{justify-content:center}.draw-stage-top .draw-text-button{margin-inline:auto}.draw-stage-screen,.draw-stage[data-format=bracket] .draw-stage-screen{width:min(100%,calc(56dvh*var(--draw-aspect)),calc(540px*var(--draw-aspect)));aspect-ratio:var(--draw-aspect)}.draw-stage-screen:not([data-expanded=true]) canvas{width:100%!important;height:auto!important}.draw-stage-actions,.draw-stage[data-format=bracket] .draw-stage-actions{max-width:420px;margin-inline:auto}}