.auto-enhance-quick-btn {
  border-color:#9fb7d8;
  background:#f7faff;
}
.auto-enhance-quick-btn .edit-photo-btn-title::before {
  content:'✦';
  margin-right:6px;
  color:#2159a6;
}

.photo-edit-auto-panel {
  gap:9px;
}

.auto-control-grid {
  display:grid;
  grid-template-columns:minmax(180px, .85fr) auto auto;
  gap:10px;
  align-items:end;
}
.auto-control-grid label {
  margin:0;
}
.auto-control-grid button {
  width:auto;
  margin:0;
  white-space:nowrap;
}
.auto-control-grid .primary.compact {
  min-width:156px;
}

.auto-diagnosis {
  margin:0;
  line-height:1.45;
}
.auto-param-list {
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  min-height:0;
}
.auto-param-chip {
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:4px 8px;
  border:1px solid #cbd8e8;
  border-radius:999px;
  background:#f7faff;
  color:#34506f;
  font-size:11px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}
.auto-status {
  margin:0;
}
.auto-status.is-error {
  color:var(--danger);
  background:#fff7f7;
  border-color:#f0c9c6;
}
.auto-batch-actions {
  margin:0;
}
.auto-batch-actions button {
  width:auto;
  margin:0;
}
.auto-more-settings {
  margin:0;
  font-size:13px;
}
.auto-more-settings summary {
  cursor:pointer;
  color:var(--muted);
  user-select:none;
  width:max-content;
}
.auto-more-settings[open] {
  padding-top:4px;
}
.auto-more-settings button {
  width:auto;
  margin:4px 0 0;
}

.preview-wrap:fullscreen .photo-edit-auto-panel .auto-diagnosis,
.preview-wrap.is-fullscreen-fallback .photo-edit-auto-panel .auto-diagnosis {
  background:#202a36;
  border-color:#344354;
  color:#e8eef5;
}
.preview-wrap:fullscreen .auto-param-chip,
.preview-wrap.is-fullscreen-fallback .auto-param-chip {
  background:#202a36;
  border-color:#405268;
  color:#e8eef5;
}

@media (max-width:1080px) {
  .auto-control-grid {
    grid-template-columns:minmax(170px, 1fr) auto auto;
  }
  .auto-batch-actions button {
    flex:1 1 220px;
  }
}

@media (max-width:760px) {
  .auto-control-grid {
    grid-template-columns:1fr 1fr;
  }
  .auto-control-grid label {
    grid-column:1 / -1;
  }
  .auto-control-grid button {
    width:100%;
  }
}

@media (max-width:640px) {
  .preview-wrap:not(.is-editing-photo) .preview-toolbar-group:first-child {
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .preview-wrap:not(.is-editing-photo) .preview-toolbar-group:first-child .edit-photo-btn {
    width:100%;
    min-width:0;
  }
  .auto-control-grid {
    grid-template-columns:1fr;
    gap:6px;
  }
  .auto-control-grid label {
    grid-column:auto;
  }
  .photo-edit-auto-panel .auto-diagnosis {
    font-size:11px;
    padding:6px 8px;
  }
  .auto-param-list {
    gap:4px;
  }
  .auto-param-chip {
    padding:3px 6px;
    font-size:10px;
  }
  .auto-batch-actions {
    gap:5px;
  }
  .auto-batch-actions button {
    flex:1 1 150px;
    padding:7px 8px;
    font-size:12px;
  }
}

.auto-ai-toggle {
  margin:0;
  color:#314155;
}
.auto-ai-summary {
  margin:0;
  line-height:1.45;
}
.auto-ai-summary.is-disabled {
  color:#6b7787;
  background:#f4f6f9;
  border-color:#dfe5ed;
}
.preview-wrap:fullscreen .photo-edit-auto-panel .auto-ai-summary,
.preview-wrap.is-fullscreen-fallback .photo-edit-auto-panel .auto-ai-summary {
  background:#202a36;
  border-color:#344354;
  color:#e8eef5;
}
.preview-wrap:fullscreen .photo-edit-auto-panel .auto-ai-summary.is-disabled,
.preview-wrap.is-fullscreen-fallback .photo-edit-auto-panel .auto-ai-summary.is-disabled {
  color:#c8d2dd;
}


/* v31: compact AUTO UI so the image area stays large, especially on tablet/mobile. */
@media (max-width: 1080px) {
  .preview-wrap.is-editing-photo .photo-edit-auto-panel {
    gap:6px;
  }

  .preview-wrap.is-editing-photo .auto-control-grid {
    grid-template-columns:minmax(0, 1fr) auto auto;
    gap:8px;
    align-items:end;
  }

  .preview-wrap.is-editing-photo .auto-control-grid label {
    margin:0;
    font-size:13px;
  }

  .preview-wrap.is-editing-photo .auto-control-grid select {
    margin-top:4px;
    padding:8px 10px;
  }

  .preview-wrap.is-editing-photo .auto-control-grid button {
    padding:8px 10px;
    font-size:13px;
  }

  .preview-wrap.is-editing-photo .auto-ai-toggle {
    font-size:12px;
    line-height:1.3;
  }

  .preview-wrap.is-editing-photo .auto-ai-toggle input {
    margin-right:5px;
  }

  .preview-wrap.is-editing-photo .auto-diagnosis,
  .preview-wrap.is-editing-photo .auto-ai-summary,
  .preview-wrap.is-editing-photo .auto-status {
    margin:0;
    padding:6px 8px;
    font-size:11px;
    line-height:1.35;
  }

  .preview-wrap.is-editing-photo .auto-param-list {
    gap:4px;
  }

  .preview-wrap.is-editing-photo .auto-param-chip {
    min-height:22px;
    padding:2px 6px;
    font-size:10px;
  }

  .preview-wrap.is-editing-photo .auto-more-settings {
    font-size:12px;
  }

  .preview-wrap.is-editing-photo .auto-more-settings summary {
    line-height:1.2;
  }
}

@media (max-width: 760px) {
  .preview-wrap.is-editing-photo .auto-control-grid {
    grid-template-columns:1fr 1fr;
    gap:6px;
  }

  .preview-wrap.is-editing-photo .auto-control-grid label {
    grid-column:1 / -1;
  }

  .preview-wrap.is-editing-photo .auto-control-grid button {
    width:100%;
  }
}

@media (max-width: 640px) {
  .preview-wrap.is-editing-photo .auto-control-grid {
    grid-template-columns:1fr;
    gap:5px;
  }

  .preview-wrap.is-editing-photo .auto-control-grid label {
    grid-column:auto;
    font-size:12px;
  }

  .preview-wrap.is-editing-photo .auto-control-grid button {
    width:100%;
    padding:7px 8px;
    font-size:12px;
  }

  .preview-wrap.is-editing-photo .auto-ai-toggle {
    font-size:11px;
  }

  .preview-wrap.is-editing-photo .auto-diagnosis,
  .preview-wrap.is-editing-photo .auto-ai-summary,
  .preview-wrap.is-editing-photo .auto-status {
    font-size:10px;
    padding:5px 7px;
  }

  .preview-wrap.is-editing-photo .auto-param-chip {
    min-height:20px;
    padding:2px 5px;
    font-size:9px;
  }
}


/* v32: unified AUTO UI — AI mode lives inside the strength menu, and announcements use toast only. */
.photo-edit-auto-panel {
  gap:7px;
}

.auto-param-list:empty {
  display:none;
}

@media (max-width: 1080px) {
  .preview-wrap.is-editing-photo .auto-control-grid {
    grid-template-columns:minmax(0, 1fr) auto auto;
  }
}

@media (max-width: 760px) {
  .preview-wrap.is-editing-photo .auto-control-grid {
    grid-template-columns:1fr 1fr;
  }
  .preview-wrap.is-editing-photo .auto-control-grid label {
    grid-column:1 / -1;
  }
}

@media (max-width: 640px) {
  .preview-wrap.is-editing-photo .auto-control-grid {
    grid-template-columns:1fr;
  }
  .preview-wrap.is-editing-photo .auto-control-grid label {
    grid-column:auto;
  }
}