/* Keep the image canvas dominant while editor tools stay compact. */
#editorModal.editor-focus-mode .editor-workspace {
  grid-template-columns: minmax(0, 1fr) minmax(270px, 300px);
  gap: 8px;
}
#editorModal.editor-focus-mode .editor-tools {
  gap: 6px;
  padding: 6px;
}
#editorModal.editor-focus-mode .editor-panel-tabs { gap: 3px; }
#editorModal.editor-focus-mode .editor-panel-tab,
#editorModal.editor-focus-mode .editor-panel-back {
  min-height: 32px;
  padding: 3px 2px;
  font-size: 10px;
}
#editorModal.editor-focus-mode .editor-filter-tools {
  gap: 4px;
  padding: 5px;
}
#editorModal.editor-focus-mode .editor-filter-select label,
#editorModal.editor-focus-mode .editor-filter-tools .image-adjustment label {
  font-size: 10px;
  line-height: 1.2;
}
#editorModal.editor-focus-mode .editor-filter-tools select {
  min-height: 30px;
  padding: 2px 5px;
  font-size: 11px;
}
#editorModal.editor-focus-mode .editor-filter-tools .image-adjustment {
  padding: 3px 5px;
}
#editorModal.editor-focus-mode .editor-filter-tools input[type="range"] {
  height: 15px;
  margin: 0;
}
#editorModal.editor-focus-mode .editor-panel-stack { overflow: auto; }
#editorModal.editor-focus-mode .editor-action-stack { gap: 6px; }
#editorModal.editor-focus-mode .editor-action-stack > button,
#editorModal.editor-focus-mode .editor-frame-button { min-height: 36px; }

@media (max-width: 760px) {
  #editorModal.editor-focus-mode .editor-workspace {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(250px, 50dvh) minmax(0, 1fr);
    gap: 5px;
  }
  #editorModal.editor-focus-mode .editor-image-column { gap: 3px; }
  #editorModal.editor-focus-mode .editor-tools { gap: 4px; padding: 4px; }
  #editorModal.editor-focus-mode .editor-panel-tabs { gap: 2px; }
  #editorModal.editor-focus-mode .editor-panel-tab,
  #editorModal.editor-focus-mode .editor-panel-back {
    min-height: 28px;
    padding: 2px 1px;
    font-size: 9px;
  }
  #editorModal.editor-focus-mode .editor-filter-tools {
    gap: 3px;
    padding: 4px;
  }
  #editorModal.editor-focus-mode .editor-filter-select label,
  #editorModal.editor-focus-mode .editor-filter-tools .image-adjustment label {
    font-size: 9px;
    gap: 2px;
  }
  #editorModal.editor-focus-mode .editor-filter-tools select {
    min-height: 27px;
    font-size: 10px;
  }
  #editorModal.editor-focus-mode .editor-filter-tools .image-adjustment { padding: 2px 4px; }
  #editorModal.editor-focus-mode .editor-filter-tools input[type="range"] { height: 13px; }
  #editorModal.editor-focus-mode .editor-panel-stack { overflow: auto; }
}