/* Add Watermark: 3 × 3 position picker and the compact logo drop zone. */
.seg.wm-grid { display: grid; grid-template-columns: repeat(3, 44px); gap: 4px; padding: 6px; border-radius: 14px; width: max-content; }
.seg.wm-grid button { width: 44px; height: 36px; padding: 0; border-radius: 9px; display: grid; place-items: center; }
.seg.wm-grid button::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: currentColor; opacity: 0.4; }
.seg.wm-grid button[aria-pressed='true']::before { width: 12px; height: 12px; opacity: 1; background: var(--accent); }
.seg.wm-grid button:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
#wm-pos-field.is-disabled { opacity: 0.45; pointer-events: none; }
.drop.wm-logo-drop { padding: 18px 14px; }
.drop.wm-logo-drop svg { width: 28px; height: 28px; }
/* Keep long file names from widening the panel on phones (grid tracks otherwise grow to min-content). */
#tool, #tool .stack, #tool .stack-sm, #tool .file-list { grid-template-columns: minmax(0, 1fr); }
#tool .hint, #tool .file-item .meta small { overflow-wrap: anywhere; }