.pro-mask-editor-panel{
  margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);
  display:grid;gap:10px;
}
.pro-mask-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.pro-mask-editor-title{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:720;color:var(--text);}
.pro-mask-intro,.pro-mask-caution{margin:0;color:var(--muted);font-size:9.5px;line-height:1.45;}
.pro-mask-caution{padding:8px 9px;border:1px solid color-mix(in srgb,var(--warning,#b88219) 22%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--warning-soft,#fff7df) 58%,var(--surface));}
.pro-mask-status{padding:7px 9px;border-radius:8px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:9px;line-height:1.4;}
.pro-mask-status[data-state="ready"]{color:var(--success);background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 22%,var(--line));}
.pro-mask-edit-toggle{margin:0!important;}
.pro-mask-edit-toggle small{display:block;margin-top:2px;color:var(--muted);font-size:8.7px;line-height:1.35;}
.pro-mask-modes{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.pro-mask-mode{min-height:38px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-size:9.5px;font-weight:700;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease;}
.pro-mask-mode.active[data-mode="restore"]{border-color:color-mix(in srgb,var(--success) 48%,var(--line));background:var(--success-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--success) 18%,transparent);}
.pro-mask-mode.active[data-mode="remove"]{border-color:color-mix(in srgb,var(--danger) 44%,var(--line));background:var(--danger-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--danger) 18%,transparent);}
.pro-mask-editor-panel .range-row{margin:0;}
.pro-mask-options{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;}
.pro-mask-show{display:flex;align-items:center;gap:7px;color:var(--text-2);font-size:9.4px;font-weight:650;}
.pro-mask-show input{width:16px;height:16px;}
.pro-mask-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.pro-mask-actions .btn{min-height:38px;font-size:9.4px;}
.pro-mask-editor-panel.is-disabled{opacity:.72;}
.pro-mask-editor-panel button:disabled,.pro-mask-editor-panel input:disabled{cursor:not-allowed;opacity:.48;}
.pro-mask-overlay{position:absolute;z-index:7;display:block;touch-action:none;pointer-events:none;background:transparent!important;box-shadow:none!important;border-radius:2px;}
.pro-mask-overlay.is-editing{cursor:crosshair;}
@media(max-width:760px){
  .pro-mask-editor-panel{padding:10px;gap:9px;}
  .pro-mask-mode,.pro-mask-actions .btn{min-height:44px;font-size:10px;}
  .pro-mask-show{min-height:40px;font-size:10px;}
}