.image-editor-page .editor-options { align-items: stretch; }
.image-editor-page .editor-options .option-field { flex: 1 1 240px; max-width: 100%; }
.image-editor-page .editor-range { display: flex; align-items: center; gap: 12px; }
.image-editor-page .editor-range input[type="range"] { flex: 1 1 auto; min-width: 0; }
.image-editor-page .editor-range input[type="number"] { flex: 0 0 100px; width: 100px; min-width: 0; }
.image-editor-page .tool-grid { align-items: start; }
.image-editor-page .tool-grid .tool-panel { min-width: 0; }
.image-editor-page .editor-options input[type="text"] { width: 100%; min-width: 0; }
.image-editor-page .watermark-file-field { flex-basis: 100%; }
.image-editor-page .editor-options .field-help,
.image-editor-page #quality-note,
.image-editor-page #image-warning,
.image-editor-page #watermark-status { white-space: pre-wrap; overflow-wrap: anywhere; }
.image-editor-page .image-preview-frame img { max-height: 420px; }
.image-editor-page .tool-actions { flex-wrap: wrap; }
.image-editor-page input[type="number"] { min-height: 42px; }
.image-editor-page #watermark-text { min-height: 42px; }
.image-editor-page #tool-error,
.image-editor-page #tool-status { overflow-wrap: anywhere; }
@media (max-width: 768px) {
    .image-editor-page .tool-grid { grid-template-columns: minmax(0, 1fr); }
    .image-editor-page .editor-options .option-field { flex: 1 1 100%; }
    .image-editor-page .editor-range { gap: 8px; }
    .image-editor-page .editor-range input[type="number"] { flex-basis: 88px; width: 88px; }
    .image-editor-page .image-preview-frame img { max-height: 300px; }
}