.image-ux-example{justify-items:center;gap:8px;margin:16px 0 4px;display:grid}.image-ux-example span,.image-ux-example p{color:var(--text-muted);font-size:12px;line-height:1.5}.image-ux-presets{flex-wrap:wrap;gap:8px;margin:8px 0 16px;display:flex}.image-ux-presets button{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);font:inherit;cursor:pointer;text-align:left;border-radius:8px;padding:8px 12px;font-size:14px}.image-ux-presets button[aria-pressed=true]{background:var(--tool-soft);border-color:var(--tool-accent);box-shadow:inset 0 0 0 1px var(--tool-accent)}.image-ux-presets button:focus-visible{outline:3px solid var(--tool-accent);outline-offset:3px}.image-ux-reset:focus-visible{outline:3px solid var(--tool-accent);outline-offset:3px}.image-ux-presets button:disabled,.image-ux-reset:disabled{opacity:.5;cursor:not-allowed}.image-ux-presets button small{color:var(--text-muted);margin-top:4px;font-size:12px;display:block}.image-ux-reset{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;margin:8px 0;padding:8px 12px;font-size:14px;display:inline-flex}.image-ux-summary{border:1px solid var(--line);background:var(--surface-soft);overflow-wrap:anywhere;border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.6}.image-ux-compare{grid-column:1/-1;width:100%}.image-ux-compare figure{background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;justify-items:center;gap:8px;margin:0;padding:16px;display:grid}.image-ux-compare img{object-fit:contain;max-width:100%;max-height:480px;display:block}.image-ux-compare figcaption{color:var(--text-muted);font-size:12px}.image-ux-watermark{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.image-ux-color{align-items:center;gap:12px;display:flex}.image-ux-color input[type=color]{width:64px;height:44px;padding:4px}.image-ux-color code{color:var(--text-muted);font-size:14px}.document-drop-loaded{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:14px;display:flex}.document-drop-loaded>svg,.document-drop-loaded>.document-help{display:none}.document-drop-loaded>.document-file-name{width:100%;margin:0 0 4px}.document-drop-loaded .choose-button,.document-drop-loaded .image-ux-reset{margin:0}