/* Batch watermark: isolated extensions to the shared image workspace. */
.wm-workflow { max-width: 100%; }
.wm-workflow .wm-settings [hidden], .wm-workflow [hidden] { display: none !important; }
.wm-workflow fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.wm-mode { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
.wm-mode legend { margin-bottom: 8px; font-weight: 800; }
.wm-mode label, .wm-tile-toggle { display: flex; gap: 8px; align-items: center; min-height: 38px; cursor: pointer; }
.wm-mode input, .wm-tile-toggle input { width: 18px; height: 18px; accent-color: #ca8350; }
.wm-control-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.wm-control-grid .control-field { min-width: 0; }
.wm-control-grid .control-field > label { display: flex; gap: 8px; justify-content: space-between; }
.wm-control-grid input[type="range"] { width: 100%; accent-color: #d2854d; min-height: 30px; }
.wm-control-grid output { font-variant-numeric: tabular-nums; font-weight: 800; }
.wm-control-grid input[type="color"] { border: 1px solid #e6d6c5; border-radius: 10px; height: 42px; width: 76px; padding: 4px; background: #fff; }
.wm-tile-toggle { align-self: end; line-height: 1.45; }
.wm-preview-stage { min-height: 210px; display: grid; place-items: center; border: 1px solid #e9dacc; border-radius: 16px; padding: 14px; overflow: hidden; background: conic-gradient(#f6f1eb 25%, #fff 0 50%, #f6f1eb 0 75%, #fff 0) 0 0 / 24px 24px; }
.wm-preview { display: block; width: auto; height: auto; max-width: 100%; max-height: 420px; object-fit: contain; }
.wm-preview-stage p { text-align: center; padding: 22px; background: #ffffffdc; border-radius: 12px; color: #62594e; }
.wm-batch-list .batch-item { grid-template-columns: 64px minmax(0,1fr); }
.wm-batch-list .batch-thumb { width: 64px; height: 64px; }
.wm-batch-list .wm-item-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.wm-batch-list .wm-item-actions .button { font-size: .84rem; min-height: 36px; padding: 6px 12px; }
.wm-batch-list .batch-message { word-break: break-word; }
.wm-batch-list .wm-selected { outline: 2px solid #d2854d; outline-offset: 1px; }
.wm-preview:focus-visible, .wm-batch-list button:focus-visible { outline: 3px solid #5389ff; outline-offset: 3px; }
@media (max-width: 600px) {
  .wm-control-grid { grid-template-columns: minmax(0, 1fr); }
  .wm-preview-stage { min-height: 180px; padding: 8px; }
  .wm-mode { gap: 8px 14px; }
  .wm-batch-list .batch-item { grid-template-columns: 56px minmax(0,1fr); gap: 8px; padding: 9px; }
  .wm-batch-list .batch-thumb { width: 56px; height: 56px; }
}