.canvas-mask-tool-wrap[hidden]{display:none!important}.canvas-paint-color-tools{position:relative;flex:0 0 54px;width:36px;margin:4px auto 2px;min-height:54px}.canvas-paint-color-tools button{padding:0;border:1px solid #999;position:absolute;box-shadow:0 1px 3px #0008}.canvas-paint-color-tools #canvas-brush-foreground,.canvas-paint-color-tools #canvas-brush-background{width:23px;height:23px;border-radius:5px}.canvas-paint-color-tools #canvas-brush-foreground{left:1px;top:2px;z-index:2}.canvas-paint-color-tools #canvas-brush-background{right:1px;top:13px}.canvas-paint-color-tools #canvas-brush-swap{right:0;top:-9px;border:0;background:transparent;box-shadow:none;color:#ddd;font-size:16px;width:16px;height:17px}.canvas-paint-color-tools #canvas-brush-default{left:2px;bottom:2px;width:14px;height:14px;border:0;background:transparent;box-shadow:none}.canvas-paint-color-tools #canvas-brush-default:before,.canvas-paint-color-tools #canvas-brush-default i{content:'';position:absolute;width:8px;height:8px;background:#111;border:1px solid #bbb;top:0;left:0}.canvas-paint-color-tools #canvas-brush-default i{background:#fff;top:4px;left:4px;z-index:0}.canvas-paint-popover{position:fixed;z-index:2700;width:286px;padding:14px;border:1px solid #50515a;border-radius:14px;background:linear-gradient(145deg,#292a30f7,#1c1d23fa);box-shadow:0 12px 45px #0008;backdrop-filter:blur(20px);color:#e7e7ee;font-size:12px;max-height:calc(100dvh - 16px);overflow:auto}.canvas-paint-popover[hidden]{display:none}.canvas-paint-popover header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.canvas-paint-popover button{color:inherit;background:#34353d;border:1px solid #50515b;border-radius:6px;cursor:pointer}.canvas-paint-popover header button{width:24px;height:24px;font-size:18px;background:transparent;border:0}.canvas-paint-color-editor{display:flex;gap:8px;align-items:center;margin-bottom:10px}.canvas-paint-color-editor input[type=color]{padding:0;width:34px;height:30px;border:0;background:transparent;cursor:pointer}.canvas-paint-color-editor input[type=text]{min-width:0;width:98px;border:1px solid #51525c;border-radius:6px;background:#1b1c22;color:#eee;padding:5px 8px}.canvas-paint-color-editor button{width:30px;height:28px;margin-left:auto}.canvas-paint-palette{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;margin:8px 0}.canvas-paint-palette:empty{display:none}.canvas-paint-palette .canvas-paint-color-swatch{aspect-ratio:1;border:1px solid #ffffff30;padding:0;border-radius:4px;min-width:0}.canvas-paint-palette .canvas-paint-color-swatch:hover{outline:2px solid #ffe061;outline-offset:2px}.canvas-paint-sliders{border-top:1px solid #ffffff12;margin-top:12px;padding-top:10px;display:grid;gap:9px}.canvas-paint-sliders label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px}.canvas-paint-number{display:flex;gap:4px;align-items:center}.canvas-paint-number input{width:58px;padding:3px 5px;text-align:right;border:1px solid #494a54;border-radius:5px;background:#1c1d22;color:#f3f3f7;font:inherit}.canvas-paint-number small{width:15px;color:#b5b5bf}.canvas-paint-sliders input[type=range]{grid-column:1/-1;width:100%;accent-color:#f5cf52;height:14px;cursor:ew-resize}.canvas-paint-pressure{display:flex;gap:16px;margin-top:14px;padding-top:10px;border-top:1px solid #ffffff12}.canvas-paint-pressure label{display:flex;align-items:center;gap:4px;color:#d4d4dd}.canvas-paint-pressure input{accent-color:#f5cf52}#canvas-paint-mask-actions{display:flex;gap:6px;margin-top:12px}#canvas-paint-mask-actions[hidden]{display:none}#canvas-paint-mask-actions button{flex:1;padding:5px}#canvas-paint-mask-disabled{color:#f9ce69}.canvas-paint-popover footer{font-size:10px;color:#a9aab6;margin-top:14px;line-height:1.5}.canvas-paint-cursor{position:absolute;z-index:24;pointer-events:none;box-sizing:border-box;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0009,inset 0 0 0 1px #0007;transform:translate(-50%,-50%)}.canvas-paint-cursor[hidden]{display:none}.canvas-paint-cursor:after{content:'';position:absolute;left:50%;top:50%;width:3px;height:3px;background:#fff;box-shadow:0 0 0 1px #0008;transform:translate(-50%,-50%);border-radius:50%}#canvas-stage.is-pixel-brush #editor-canvas{cursor:none!important}#canvas-stage.is-eyedropper #editor-canvas{cursor:crosshair!important}#canvas-stage[data-space-pan-cursor] .canvas-paint-cursor{display:none!important}