/* 编辑面板采用与便签菜单一致的暖白、墨色与克制的圆角。 */
:root[data-theme] .workflow-dialog.minimal-editor {
  width: min(440px, calc(100vw - 32px));
  max-width: 440px;
  border: 1px solid #e6e1d7;
  border-radius: 16px;
  background: #fffdf8 !important;
  color: #292823 !important;
  box-shadow: 0 24px 80px #29251d29;
}
:root[data-theme] .workflow-dialog.minimal-editor .modal-head {
  padding: 23px 24px 12px;
  border: 0;
  background: transparent !important;
}
.minimal-editor .modal-head h3 { color: #292823; font-size: 18px; font-weight: 600; letter-spacing: -.3px; }
.minimal-editor .modal-close { width: 28px; height: 28px; border-radius: 7px; background: transparent; color: #807b72; }
.minimal-editor .modal-close:hover { background: #f0ede6; color: #292823; }
.minimal-editor .modal-body { padding: 12px 24px 24px; }
.minimal-editor-form { display: grid; gap: 20px; }
.editor-field { display: grid; gap: 9px; color: #656057; font-size: 13px; }
:root[data-theme] .minimal-editor .form-input {
  box-sizing: border-box;
  height: 44px;
  padding: 0 13px;
  border: 1px solid #ded9cf;
  border-radius: 8px;
  background: #fffefa;
  color: #292823;
  font: inherit;
  font-size: 14px;
  box-shadow: none;
}
.minimal-editor .form-input:focus { border-color: #8a8477; outline: 3px solid #8a847712; }
.minimal-editor .form-input::placeholder { color: #aaa397; }
.minimal-editor .editor-key { font-family: ui-monospace, Consolas, monospace; }
.editor-key-picker { display: flex; align-items: end; gap: 8px; }
.editor-key-picker .editor-field { flex: 1; min-width: 0; }
.minimal-editor select.form-input { width: 100%; }
.editor-new-key { flex-shrink: 0; padding: 0 10px; }
.editor-delete-warning { margin: 0; color: #9d4333; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.minimal-editor-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 4px; }
.minimal-editor-actions > div { display: flex; gap: 8px; margin-left: auto; }
.editor-save, .editor-cancel { height: 40px; padding: 0 18px; border: 1px solid transparent; border-radius: 8px; font: inherit; font-size: 14px; cursor: pointer; }
.editor-save { background: #292a28; color: #fffdf8; }
.editor-save:hover { background: #42433e; }
.editor-cancel { background: transparent; color: #736d62; }
.editor-cancel:hover { background: #f0ede6; }
.minimal-editor .hold-button {
  --hb-radius: 8px;
  --hb-bg: #f6eae5;
  --hb-fill: #ac4a38;
  --hb-text: #9d4333;
  --hb-fill-text: #fffdf8;
  --hb-hold: 1000ms;
  --hb-release: 240ms;
  --hb-press: .98;
  --hb-wave: 4px;
  --hb-cycles: .91;
  --hb-shadow: none;
  height: 40px;
  padding: 0 13px;
  font-size: 13px;
}
.minimal-editor-error { margin: -6px 0 0; color: #9d4333; font-size: 12px; line-height: 1.6; }
.minimal-editor #workflow-error:empty { display: none; }
.station-menu summary:focus-visible, .minimal-editor button:focus-visible { outline: 2px solid #928779; outline-offset: 3px; }
@media (max-width: 400px) {
  .minimal-editor .modal-head { padding: 20px 18px 10px; }
  .minimal-editor .modal-body { padding: 12px 18px 20px; }
  .minimal-editor-actions { gap: 6px; }
  .minimal-editor-actions > div { gap: 2px; }
  .editor-save, .editor-cancel { padding: 0 13px; }
  .minimal-editor .hold-button { padding: 0 10px; font-size: 12px; }
}
