/* ===== v325：加水印面板（#view-watermark）===== */
#view-watermark{max-width:1180px}
.wm-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.wm-left,.wm-right{min-width:0;display:flex;flex-direction:column;gap:12px}
.wm-right .field{margin:0}
.wm-color-row{display:flex;align-items:center;gap:8px}
.wm-color-row input[type="color"]{width:40px;height:34px;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--bg);cursor:pointer;flex:none}
.wm-color-row input[type="text"]{flex:1;min-width:0;font-family:var(--mono,ui-monospace,Menlo,Consolas,monospace);text-transform:lowercase}
.wm-pos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:190px}
.wm-pos-grid button{height:38px;border:1px solid var(--line);background:var(--bg);border-radius:8px;font-size:16px;line-height:1;color:var(--ink-2,#666);cursor:pointer;transition:.15s}
.wm-pos-grid button:hover{background:var(--bg-hover)}
.wm-pos-grid button.active{border-color:var(--brand,var(--ink));background:var(--brand-soft,#f2f6ff);color:var(--brand,var(--ink));font-weight:600}
.wm-check{display:flex;align-items:center;gap:8px;font-weight:400;cursor:pointer}
.wm-check input{width:16px;height:16px;accent-color:var(--brand,var(--ink))}
.wm-preview-wrap{margin-top:16px;padding-top:14px;border-top:1px dashed var(--line)}
.wm-preview-title{font-size:13px;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.wm-canvas{display:block;width:100%;max-height:60vh;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:
  repeating-conic-gradient(#f4f4f6 0% 25%, #fff 0% 50%) 50% / 18px 18px}
.wm-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.wm-actions .btn{min-width:170px}
.wm-result{margin-top:14px}
#wmList .thumb.sel{border-color:var(--brand,var(--ink));box-shadow:0 0 0 2px var(--brand-soft,#eef3ff) inset}
#wmList .thumb .mini.del{position:absolute;right:4px;top:4px;width:20px;height:20px;padding:0;border-radius:6px;line-height:18px;text-align:center;font-size:14px;z-index:3}
#wmList .thumb{position:relative;cursor:pointer}
#view-watermark .drop-zone{min-height:190px}
@media(max-width:900px){
  .wm-grid{grid-template-columns:minmax(0,1fr)}
  .wm-actions .btn{flex:1;min-width:0}
}

/* ===== v330：工作台内嵌「出图后加水印」（#wmWorkBlock） ===== */
#wmWorkBlock{margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft,#fafafb)}
#wmWorkBlock.wm-on{border-color:var(--brand,var(--ink));background:var(--brand-soft,#f2f6ff)}
#wmWorkBlock > label.wm-check{font-size:13.5px;align-items:flex-start;gap:8px}
#wmWorkBlock > label.wm-check input{margin-top:2px;flex:none}
#wmWorkBlock .field{margin:10px 0 0}
#wmWorkBlock .field > label{font-size:12.5px;color:var(--ink-2,#666);font-weight:500}
#wmWorkBlock .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
#wmWorkBlock .row2 .field{margin:0}
#wmWorkBlock input[type="range"]{width:100%;accent-color:var(--brand,var(--ink))}
#wmWorkBlock input[type="text"]{width:100%}
#wmWorkBlock .wm-pos-grid{max-width:100%;grid-template-columns:repeat(9,1fr);gap:4px}
#wmWorkBlock .wm-pos-grid button{height:32px;font-size:14px}
@media(max-width:900px){
  #wmWorkBlock .wm-pos-grid{grid-template-columns:repeat(9,1fr)}
  #wmWorkBlock .row2{grid-template-columns:1fr}
}