.wall-play{margin:0 0 14px;font-family:Geist,system-ui,sans-serif}.wall-play [hidden]{display:none!important}.wall-play-tools{display:flex;gap:8px;flex-wrap:wrap;padding:4px 0}.wall-play button{font:500 13px system-ui,sans-serif;cursor:pointer;border:1px solid #36313e;border-radius:9px;background:#201c26;color:#d8cde5;padding:10px 13px}.wall-play button:hover,.wall-play button[aria-expanded=true],.wall-play button[aria-pressed=true]{background:#3a2e48;color:#fff}.wall-play button:disabled{opacity:.5;cursor:default}.wall-play button:focus-visible{outline:2px solid #c7a9eb;outline-offset:2px}.play-panel{margin-top:10px;padding:18px;background:#18151d;border:1px solid #342c3c;border-radius:14px;color:#dfd6e8}.draw-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.draw-tools label{display:flex;align-items:center;gap:7px;font-size:12px}.draw-tools input[type=color]{width:30px;height:28px;padding:0;border:0;background:none}.draw-tools input[type=range]{width:80px;accent-color:#b69acf}#wallDrawing{display:block;width:100%;height:auto;aspect-ratio:2;border-radius:8px;background:white;touch-action:none;cursor:crosshair}.draw-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}.draw-footer span,.play-note{font-size:12px;color:#aba0b8;line-height:1.5}
.wall-graffiti .play-panel{background:#f6f4f9;border-color:#e3deea;color:#42394c;margin:12px 0}.wall-graffiti button{background:#ede8f3;color:#665076;border-color:#ded5e6}.wall-graffiti .draw-footer span{color:#84788e}.wall-graffiti #wallDrawing{border:1px solid #ded8e6}.wall2010-composer__bar{flex-wrap:wrap}
@media(max-width:600px){.draw-footer{align-items:stretch;flex-direction:column}.wall-graffiti .play-panel{padding:12px}}