.mdl{--accent:#d68ad0}.mdl-board{aspect-ratio:1/1;max-width:720px;margin:0 auto}.mdl-board canvas{cursor:crosshair}.mdl-color{width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:8px;background:none;cursor:pointer}.mdl-w{display:inline-flex;align-items:center;gap:7px;font:600 11.5px/1 var(--font-sans);color:var(--dim)}.mdl-w input{width:86px;accent-color:var(--accent)}.mdl-sw{width:24px;height:24px;border-radius:7px;border:2px solid transparent;cursor:pointer;padding:0}.mdl-sw.on{border-color:#fff;box-shadow:0 0 0 2px #ffffff40}