.drw-canvas{aspect-ratio:1;border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);touch-action:none;width:100%;max-width:480px;display:block}.drw-canvas.live{border-color:var(--accent);cursor:crosshair}.drw-tools{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.drw-swatches,.drw-sizes{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.drw-sw{border:2px solid var(--line);cursor:pointer;border-radius:50%;width:34px;height:34px;padding:0}.drw-sw.erase{background-image:linear-gradient(135deg,transparent 45%,var(--bad)45% 55%,transparent 55%)!important}.drw-sw[aria-pressed=true]{box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--accent)}.drw-size{justify-content:center;min-width:40px}.drw-size span{background:currentColor;border-radius:50%;display:block}.drw-ink{background:var(--sunk);border-radius:3px;width:100%;max-width:240px;height:6px;overflow:hidden}.drw-ink span{background:var(--accent);height:100%;display:block}@media (max-width:380px){.drw-sw{width:30px;height:30px}}