.fx-image-dialog{--fx-surface:#fff;--fx-ink:#17212f;--fx-muted:#566476;--fx-line:#d5dce5;--fx-accent:#126b65;box-sizing:border-box;width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--fx-line);border-radius:12px;background:var(--fx-surface);color:var(--fx-ink);box-shadow:0 20px 70px #11182740;font:14px/1.5 Inter,Arial,sans-serif;overflow:auto}
.fx-image-dialog[data-mode=dark]{--fx-surface:#1d232d;--fx-ink:#ecf0f6;--fx-muted:#b5c0cf;--fx-line:#495364;--fx-accent:#167d74;color-scheme:dark}
.fx-image-dialog::backdrop{background:#0d172466}
.fx-image-form{padding:24px;display:grid;gap:14px;text-align:start}
.fx-image-form h2{margin:0;font-size:21px;color:inherit}.fx-image-hint{margin:0;color:var(--fx-muted);font-size:13px}
.fx-image-presets,.fx-image-actions{display:flex;flex-wrap:wrap;gap:8px}.fx-image-actions{justify-content:flex-end;border-block-start:1px solid var(--fx-line);padding-block-start:16px}
.fx-image-button{min-height:44px;padding:9px 14px;border:1px solid var(--fx-line);border-radius:7px;background:var(--fx-surface);color:var(--fx-ink);font:inherit;cursor:pointer;touch-action:manipulation}.fx-image-primary{background:var(--fx-accent);border-color:var(--fx-accent);color:#fff}
.fx-image-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;border:0}.fx-image-dimensions legend{padding:0;margin-block-end:8px;font-weight:600;font-size:14px}
.fx-image-field{display:flex;flex-direction:column;gap:6px;margin:0;font-weight:500}.fx-image-field input,.fx-image-field select{box-sizing:border-box;min-width:0;width:100%;height:44px;padding:9px 11px;border:1px solid var(--fx-line);border-radius:6px;background:var(--fx-surface);color:var(--fx-ink);font:inherit}.fx-image-field input[type=number]{direction:ltr;text-align:start}
.fx-image-range-label{margin:0;font-size:13px}.fx-image-range{width:100%;min-height:44px;margin:-8px 0;accent-color:var(--fx-accent);cursor:pointer;touch-action:pan-y}
.fx-image-check{display:flex;align-items:center;gap:10px;min-height:44px;margin:0;cursor:pointer}.fx-image-check input{width:20px;height:20px;accent-color:var(--fx-accent)}
.fx-image-error{margin:0;color:#b32837;font-size:13px}.fx-image-dialog[data-mode=dark] .fx-image-error{color:#ffb3bd}
.fx-image-dialog :focus-visible{outline:3px solid #0b9588;outline-offset:3px}
@media(max-width:420px){.fx-image-form{padding:18px}.fx-image-presets .fx-image-button{flex:1}.fx-image-dimensions{gap:8px}}