:root{color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:#fff;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none}#wall{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;background:#fff;outline:none}#cursor{position:fixed;left:0;top:0;border-radius:50%;border:1.5px solid rgba(0,0,0,.35);box-shadow:0 0 0 1px #fff9;pointer-events:none;transform:translate(-50%,-50%);z-index:50;display:none}#cursor.visible{display:block}#cornerDot{position:fixed;right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));width:14px;height:14px;border-radius:50%;background:#0000002e;border:none;padding:0;z-index:60;touch-action:manipulation;transition:background .15s ease,transform .15s ease}#cornerDot:active{transform:scale(.85);background:#00000052}#palette{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%,12px);display:flex;align-items:center;gap:14px;padding:10px 16px;background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;box-shadow:0 4px 24px #0000001f,0 0 0 1px #0000000d;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:55}#palette.visible{opacity:1;pointer-events:auto;transform:translate(-50%)}#palette.radial{left:var(--radial-x, 50%);bottom:auto;top:var(--radial-y, 50%);width:var(--radial-diameter, 200px);height:var(--radial-diameter, 200px);padding:0;display:block;transform:translate(-50%,-50%) scale(.7);border-radius:50%}#palette.radial.visible{transform:translate(-50%,-50%) scale(1)}#palette.radial #swatches,#palette.radial #sizes{display:contents}#palette.radial .swatch,#palette.radial .size-dot,#palette.radial #pixelToggle{position:absolute;left:50%;top:50%;transform:translate(var(--rx, 0px),var(--ry, 0px))}#swatches,#sizes{display:flex;align-items:center;gap:8px}.swatch{width:26px;height:26px;border-radius:50%;border:1.5px solid rgba(0,0,0,.15);padding:0;cursor:pointer;flex:none}.swatch[aria-pressed=true]{box-shadow:0 0 0 2.5px #fff,0 0 0 4.5px #0000008c}.swatch.eraser{border:1.5px solid rgba(0,0,0,.3)}.size-dot{border:none;border-radius:50%;background:#111;padding:0;cursor:pointer;flex:none}.size-dot[aria-pressed=true]{outline:2px solid rgba(0,0,0,.35);outline-offset:3px}#pixelToggle{width:22px;height:22px;border:1.5px solid rgba(0,0,0,.3);border-radius:5px;background:repeating-conic-gradient(#ddd,#ddd 25%,#fff 0%,#fff 50%) 50% / 8px 8px;padding:0;cursor:pointer;flex:none}#pixelToggle[aria-pressed=true]{box-shadow:0 0 0 2.5px #fff,0 0 0 4.5px #0000008c}@media (pointer: coarse){#palette:not(.radial){display:none}}