/* ════ Mask Editor Modal ════ */
.mask-modal{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.92);display:none;flex-direction:column;align-items:center;gap:0}
.mask-modal.open{display:flex}
.mask-toolbar{display:flex;gap:8px;align-items:center;background:#111;padding:10px 18px;width:100%;justify-content:center;flex-shrink:0;border-bottom:1px solid #222}
.mask-toolbar label{font-size:10px;color:#888}
.mask-toolbar input[type="range"]{width:80px;height:3px;accent-color:#4CAF50}
.mask-toolbar span{font-size:10px;color:#555}
#mClickControls,.mask-toolbar #mBrushControls{display:inline-flex;align-items:center;gap:6px}
.mask-btn{background:#222;border:1px solid #333;color:#ccc;font-size:11px;padding:5px 14px;border-radius:5px;cursor:pointer;font-family:inherit}
.mask-btn:hover{background:#2a2a2a;border-color:#555}
.mask-btn.active{border-color:#4CAF50;color:#4CAF50;background:rgba(76,175,80,.1)}
.mask-btn.primary{background:#1a6a3a;border-color:#2a8a4a;color:#fff}
.mask-btn.primary:hover{background:#2a8a4a}
.mask-canvas-wrap{position:relative;flex:1;width:100%;overflow:hidden;cursor:crosshair;display:flex;align-items:center;justify-content:center}
.mask-canvas-wrap canvas{display:block}
.mask-processing{position:absolute;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:2;font-size:13px;color:#4CAF50;flex-direction:column;gap:8px}
.mask-processing.active{display:flex}
.mask-processing .spinner{width:24px;height:24px;border:3px solid #333;border-top-color:#4CAF50;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}