:root{--ad-height:90px;--brand:#ff7a59;--ink:#3d2c5a}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;touch-action:none;height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;background:#fff3e0 url(/build/assets/bg-BEoMKP6_.svg) 50%/480px;margin:0;font-family:ui-rounded,Nunito,Segoe UI,system-ui,-apple-system,Roboto,sans-serif;overflow:hidden}.layout{flex-direction:column;height:100dvh;display:flex}.ad-slot{flex:0 0 var(--ad-height);background:#e5252a}@media (height<=499px){.ad-slot{display:none}}.stage{flex:auto;min-height:0;position:relative}#app{position:absolute;inset:0}.welcome{z-index:10;background:#3d2c5a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.welcome-seen .welcome,.welcome.is-closed{display:none}.welcome__card{text-align:center;background:linear-gradient(90deg,#e53935,#ffd600,#1b9e4b,#1e88e5,#8e24aa) top/100% 10px no-repeat,#fff;border-radius:28px;max-width:560px;max-height:100%;padding:34px 28px 24px;overflow:auto;box-shadow:0 12px 40px #00000040}.welcome__card h1{margin:0 0 12px;font-size:clamp(22px,4vw,32px)}.welcome__card p{margin:0 0 20px;font-size:clamp(15px,2.4vw,18px);line-height:1.5}.btn-big{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:28px;min-height:56px;padding:0 32px;font-size:20px;font-weight:700}.layout{--ad-now:0px}.layout--ads{--ad-now:var(--ad-height)}@media (height<=499px){.layout--ads{--ad-now:0px}}.app{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));--btn:clamp(38px, min(calc((100dvh - var(--ad-now) - 16px) / 8), calc((100vw - 16px) / 24)), 64px);gap:8px;display:flex;position:absolute;inset:0}.toolbar{align-self:stretch;gap:calc(var(--btn) * .3);background-color:#fff;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#ef9a9a,#ffe082,#a5d6a7,#90caf9,#ce93d8);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:border-box;background-clip:padding-box,border-box;border:4px solid #0000;border-radius:28px;flex-direction:column;flex:none;min-height:0;padding:8px;display:flex;box-shadow:0 6px 20px #3d2c5a33}.toolbar__row,.toolbar__colors{grid-template-columns:repeat(4, var(--btn));grid-auto-rows:var(--btn);gap:6px;display:grid}.toolbar__colors{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;flex:0 auto;align-content:start;min-height:0;margin:-4px;padding:4px;overflow:hidden auto}.toolbar__row--actions{margin-top:auto}.canvas-wrap{flex:auto;justify-content:center;align-items:center;min-width:0;display:flex}.canvas{touch-action:none;cursor:crosshair;background-color:#fff;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#ef9a9a,#ffe082,#a5d6a7,#90caf9,#ce93d8);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:border-box;background-clip:padding-box,border-box;border:4px solid #0000;border-radius:0;display:block;box-shadow:0 8px 24px #3d2c5a38}.btn{color:var(--ink);font-size:calc(var(--btn) * .5);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#f1ecf9;border:3px solid #0000;border-radius:18px;justify-content:center;align-items:center;padding:22%;text-decoration:none;transition:transform .12s,background-color .12s;display:flex}.btn:hover:not(:disabled){background-color:#e6defa}.btn:active:not(:disabled){transform:scale(.92)}.btn:focus-visible,.btn-big:focus-visible{outline-offset:2px;outline:4px solid #1e88e5}.btn--save{color:#1b9e4b}.btn--share{color:#1e88e5}.btn--fullscreen{color:#8e24aa;grid-column:3}.btn:disabled{opacity:.35;cursor:default}.btn.is-active{border-color:var(--brand);background:#fff1ec}.btn--undo,.btn--danger{grid-column:4}.btn--danger{color:#d32f2f}.btn--color{background:var(--swatch);place-self:center;width:90%;height:90%;padding:0;box-shadow:0 3px 5px 2px #3d2c5a33}.btn--color:hover:not(:disabled),.btn--color.is-active{background:var(--swatch)}.btn--color:hover:not(:disabled){transform:scale(1.05)}.btn--color.is-active{box-shadow:0 0 0 4px var(--brand);border-color:#fff}.size-dot{width:var(--dot);aspect-ratio:1;background:var(--ink);border-radius:50%}.btn--lang{width:0;min-width:100%;height:calc(var(--btn) * .6);font-size:calc(var(--btn) * .28);flex:none;gap:8px;padding:0 14px;font-weight:700;overflow:hidden}.btn--lang span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.btn--lang .flag,.btn--lang svg{width:calc(var(--btn) * .4);height:calc(var(--btn) * .4);object-fit:contain;flex:none}.flag{object-fit:contain;border-radius:4px;width:70%;height:70%}.lang-modal{border:4px solid var(--brand);text-align:left;background-image:linear-gradient(#fbf8ff,#fbf8ff),linear-gradient(135deg,#ef9a9a,#ffe082,#a5d6a7,#90caf9,#ce93d8);background-origin:border-box;background-clip:padding-box,border-box;width:min(920px,94vw);max-height:90vh;position:relative;overflow-y:auto}.lang-modal__close{float:right;width:36px;height:36px;color:var(--brand);cursor:pointer;background:0 0;border:0;margin:-8px -14px 0 0;padding:4px;display:block;position:sticky;top:0}.lang-modal__close:hover{transform:scale(1.1)}.lang-modal__close svg{stroke-width:3px;width:100%;height:100%}.lang-modal__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 8px;margin:0;padding:0;list-style:none;display:grid}.lang-modal__item{color:var(--ink);border-radius:16px;align-items:center;gap:14px;padding:10px 14px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.lang-modal__item:hover{background:#3d2c5a14}.lang-modal__item.is-active{box-shadow:0 0 0 3px var(--brand)}.lang-modal__item .flag{flex:none;width:32px;height:24px}.lang-modal__item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.confirm{z-index:8;background:#3d2c5a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm__card{text-align:center;background:#fff8ec;border-radius:28px;padding:20px 28px;box-shadow:0 12px 40px #00000040}.confirm__card p{margin:0 0 16px;font-size:22px;font-weight:700}.confirm__actions{justify-content:center;gap:20px;display:flex}.btn--big{color:#fff;border-radius:24px;width:auto;min-width:110px;height:64px;padding:0 28px;font-size:22px;font-weight:700}.btn--yes{background:#2e9e5b}.btn--no{background:#e5484d}.rotate-hint{z-index:9;background:var(--brand);color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:none;position:fixed;inset:0}.rotate-hint__icon{font-size:72px}.rotate-hint p{margin:0;font-size:22px;font-weight:700}@media (orientation:portrait){.rotate-hint{display:flex}}.toast{z-index:7;background:var(--ink);color:#fff;text-align:center;border-radius:24px;max-width:calc(100vw - 32px);padding:12px 22px;font-size:18px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0000004d}