/* AO41 : aperçu et réglages dans le même vocabulaire visuel que les photos. */
#watermark-workspace .photo-toolbar { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin:14px 0; }
#watermark-workspace .photo-layout { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:24px; align-items:start; }
#watermark-settings { border:1px solid var(--line); border-radius:12px; padding:18px; background:#fcf8f1; min-width:0; }
#watermark-stage { min-width:0; }
#watermark-workspace label { display:block; font-size:.9rem; margin:12px 0; }
#watermark-workspace input:not([type=file]), #watermark-workspace select { width:100%; padding:9px; border:1px solid #c9bba6; border-radius:7px; background:#fffefa; color:var(--ink); font:inherit; }
#watermark-workspace input[type=range] { padding:0; accent-color:var(--accent); }
#watermark-workspace .photo-help { font-size:.875rem; color:var(--muted); line-height:1.6; }
#watermark-workspace .photo-upload { position:relative; overflow:hidden; margin:0; }
#watermark-files { position:absolute; inset:0; opacity:0; width:100%; height:100%; cursor:pointer; }
#watermark-workspace .photo-upload:focus-within { outline:3px solid var(--accent); outline-offset:3px; }
#watermark-canvas { display:block; max-width:100%; height:auto; margin:1rem auto 0; border-radius:12px; background:#eee7dc; }
#watermark-logo-name { overflow-wrap:anywhere; }
#watermark-run { width:100%; margin-top:12px; }
#watermark-progress { width:100%; accent-color:var(--accent); }
#watermark-result { margin-top:16px; }
#watermark-workspace [hidden] { display:none !important; }
@media(max-width:900px) { #watermark-workspace .photo-layout { grid-template-columns:1fr; } }