:root{--cream:#f6f0cf;--forest:#254d36;--leaf:#3f7d4a;--sun:#f2bd42;--orange:#eb7544;--pink:#d95f8d;--blue:#4389b8;--violet:#76549b;--ink:#25372c}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);background-image:radial-gradient(#d9dda9 1px,#0000 1px);background-size:24px 24px;margin:0;font-family:Trebuchet MS,Arial,sans-serif}button{font:inherit}:focus-visible{outline:4px solid var(--blue);outline-offset:3px}.hero{background:#dce6ad;border-radius:0 0 50% 8%;padding:30px 5vw 50px;position:relative;overflow:hidden}.hero:after{content:"";background:#f2bd4266;border-radius:45% 55% 60% 40%;width:260px;height:260px;position:absolute;top:-70px;right:-80px}.brand{align-items:center;gap:10px;display:flex}.brand>span{color:var(--leaf);font-size:42px}.brand strong{font-size:25px}.brand p{margin:0;font-size:12px}.hero h1{letter-spacing:-.06em;max-width:900px;margin:45px 0 20px;font-size:clamp(48px,7vw,105px);line-height:.9}.hero h1 em{color:var(--orange)}.hero>p{max-width:540px;font-size:18px}main{padding:40px 4vw}.studio{grid-template-columns:190px minmax(0,1fr) 190px;align-items:start;gap:22px;max-width:1400px;margin:auto;display:grid}.studio aside{border:3px solid var(--forest);background:#fff8dc;border-radius:30px 20px 34px 24px;padding:18px;box-shadow:7px 8px #9eb56b}.studio h2{margin:5px 0 14px;font-size:16px}.colors button,.tools button{width:100%;min-height:48px;color:var(--ink);cursor:pointer;background:#fffdf0;border:2px solid #54745b;border-radius:18px;margin:5px 0}.colors button{text-align:left;grid-template-columns:30px 1fr 20px;align-items:center;padding:7px;display:grid}.colors button[aria-pressed=true],.sizes button[aria-pressed=true]{border:4px solid var(--forest);transform:rotate(-1deg)}.colors i{border:2px solid #fff;border-radius:50% 40% 55% 45%;width:26px;height:26px;box-shadow:0 0 0 1px #567}.colors b{font-size:20px}.paper{background:#d5b67d;border-radius:25px 35px 22px 30px;min-width:0;padding:15px;box-shadow:0 10px #9c794d}.paper-top{color:#3e2c1c;justify-content:space-between;padding:4px 8px;display:flex}.paper-top p{margin:0;font-weight:700}.paper-top span{font-size:12px}canvas{aspect-ratio:900/560;touch-action:none;cursor:crosshair;background:#fffdf0;border-radius:16px;width:100%;display:block;box-shadow:inset 0 0 0 2px #cbbf92}.hint{margin:10px 8px 0;font-size:12px}.sizes{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.sizes button{place-items:center;padding:5px;font-size:10px;display:grid}.sizes i{background:var(--forest);border-radius:20px;width:28px;display:block}.tools button:disabled{opacity:.4}.tools .download{background:var(--sun);border-color:#7a5b18;font-weight:700}.privacy{background:#e2e9b9;border-radius:40px 25px;align-items:center;gap:20px;max-width:900px;margin:70px auto 20px;padding:24px;display:flex}.privacy>span{font-size:50px}.privacy h2,.privacy p{margin:0}.safety{text-align:center;font-size:12px}footer{background:var(--forest);color:#fff;justify-content:space-between;padding:25px 5vw;display:flex}.backdrop{z-index:20;background:#173122aa;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.backdrop [role=dialog]{border:4px solid var(--forest);background:#fff8dc;border-radius:35px;max-width:480px;padding:30px;box-shadow:10px 12px #173122}.backdrop [role=dialog]>div{gap:10px;display:flex}.backdrop button{border:2px solid var(--forest);background:#fff;border-radius:18px;min-height:48px;padding:10px 16px}.backdrop button:last-child{background:var(--orange);color:#251d17;font-weight:700}@media (max-width:1023px){.studio{grid-template-columns:1fr 1fr}.paper{grid-area:1/1/auto/-1}.colors,.tools{grid-row:2}.colors{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.colors h2{grid-column:1/-1}.colors button{margin:0}.tools{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.tools h2,.tools .sizes{grid-column:1/-1}.tools button{margin:0}}@media (max-width:767px){.hero{border-radius:0 0 28% 5%;padding:22px 18px 38px}.hero h1{margin-top:34px;font-size:15vw}main{padding:24px 12px}.studio{flex-direction:column;display:flex}.paper{order:0;width:100%;padding:10px}.colors,.tools{order:1;gap:7px;width:100%;overflow-x:auto;border-radius:20px!important;padding:12px!important;display:flex!important}.colors h2,.tools h2{min-width:110px;margin:auto 0}.colors button,.tools button{flex:0 0 105px;min-height:48px;margin:0}.sizes{gap:5px;display:flex}.sizes button{width:78px}.privacy{border-radius:25px;margin-top:45px;padding:18px}.privacy>span{display:none}footer{gap:6px;padding:22px 18px;display:grid}.backdrop [role=dialog]>div{display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}