@charset "UTF-8";

/* Keep the shared editor's panel sizing, scrolling and photo hit areas intact. */
.quick-edit-main {
  --blue-dark:#3044c7;
  --green:var(--blue);
  --green-dark:var(--blue-dark);
  --pale:#eeefff;
  padding-block:34px 56px;
  min-width:0;
}
.quick-edit-main .quick-edit-intro { margin-bottom:24px; }
.quick-edit-main .quick-edit-session-note{margin-top:22px;color:var(--muted);font-size:12px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}
.quick-edit-main .quick-edit-intro .eyebrow {
  margin:0 0 12px;
  color:var(--muted);
  font-size:10px;
  letter-spacing:1.5px;
}
.quick-edit-main .quick-edit-intro h1 {
  margin:0;
  color:var(--ink);
  font-size:clamp(30px,3.2vw,42px);
  font-weight:720;
  line-height:1.35;
  letter-spacing:-1.5px;
  word-break:keep-all;
  overflow-wrap:anywhere;
}
.quick-edit-main .quick-edit-intro .quick-edit-lead,
.quick-edit-main .quick-edit-intro .lead {
  max-width:760px;
  margin:14px 0 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.9;
  word-break:keep-all;
  overflow-wrap:anywhere;
}
.quick-edit-main .quick-edit-navigation {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 24px;
}
.quick-edit-main .quick-edit-navigation a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:44px;
  padding:9px 14px;
  border:1px solid var(--line);
  border-radius:6px;
  background:transparent;
  color:var(--muted);
  font-size:12px;
  font-weight:600;
  line-height:1.6;
}
.quick-edit-main .quick-edit-navigation a:hover {
  border-color:#bfc4ed;
  background:var(--pale);
  color:var(--blue-dark);
}
.quick-edit-main .quick-edit-navigation a[aria-current="location"] {
  border-color:var(--ink);
  background:var(--ink);
  color:#fff;
}
.quick-edit-main .quick-edit-navigation svg { width:16px; height:16px; }

.quick-edit-main .editor,
.quick-edit-main .settings,
.quick-edit-main .result {
  border-color:var(--line);
  border-radius:10px;
  background:#fff;
  box-shadow:none;
}
.quick-edit-main .editor-column>.editor,
.quick-edit-main .settings-column>.settings {
  scrollbar-color:#aaaead #f1f1ed;
}
.quick-edit-main .section-title h2,
.quick-edit-main .result h2 {
  color:var(--ink);
  font-size:18px;
  letter-spacing:-.55px;
}
.quick-edit-main .step {
  border-radius:6px;
  background:var(--pale);
  color:var(--blue);
}
.quick-edit-main .text-button {
  color:var(--muted);
  font-size:12px;
  font-weight:500;
}
.quick-edit-main .text-button:hover:not(:disabled) { color:var(--blue-dark); }
.quick-edit-main .workspace-guide { color:var(--blue); }
.quick-edit-main .drop-zone {
  border-color:#bdc4ed;
  border-radius:8px;
  background:#f7f7f3;
}
.quick-edit-main .drop-zone.dragging { border-color:var(--blue); background:var(--pale); }
.quick-edit-main .upload-content h3 { color:var(--ink); letter-spacing:-.55px; }
.quick-edit-main .upload-content small{word-break:keep-all;overflow-wrap:anywhere}
.quick-edit-main .upload-icon { color:var(--blue); }
.quick-edit-main .choose-button,
.quick-edit-main .primary,
.quick-edit-main .download {
  border-radius:6px;
  border-color:var(--blue);
  background:var(--blue);
  color:#fff;
}
.quick-edit-main .choose-button:hover:not(:disabled),
.quick-edit-main .primary:hover:not(:disabled),
.quick-edit-main .download:hover {
  border-color:var(--blue-dark);
  background:var(--blue-dark);
  color:#fff;
}
.quick-edit-main .primary:disabled {
  border-color:#e1e3f2;
  background:#e1e3f2;
  color:#72788d;
}
.quick-edit-main .input-unit,
.quick-edit-main .crop-number {
  border-color:#d7d9df;
  border-radius:6px;
  background:#fff;
}
.quick-edit-main .input-unit:focus-within,
.quick-edit-main .crop-number:focus-within {
  border-color:var(--blue);
  box-shadow:0 0 0 3px #3e53e814;
}
.quick-edit-main select,
.quick-edit-main .fit-options label {
  border-color:#d7d9df;
  border-radius:6px;
  background:#fff;
}
.quick-edit-main .fit-options label:has(input:checked) {
  border-color:#adb6fa;
  background:#f4f4ff;
}
.quick-edit-main .presets button,
.quick-edit-main .size-presets button,
.quick-edit-main .history-actions button,
.quick-edit-main .edit-actions button,
.quick-edit-main .annotation-tools button,
.quick-edit-main .zoom-actions button,
.quick-edit-main .crop-actions button,
.quick-edit-main .background-actions button:not(:first-child) {
  border-color:var(--line);
  border-radius:6px;
  background:#f7f7f3;
  color:#50565e;
}
.quick-edit-main .size-presets button[aria-pressed="true"],
.quick-edit-main .edit-actions button[aria-pressed="true"],
.quick-edit-main .annotation-tools button[aria-pressed="true"] {
  border-color:#adb6fa;
  background:var(--pale);
  color:var(--blue-dark);
}
.quick-edit-main .presets button:disabled {
  background:#f1f1ed;
  color:#8b9098;
}
.quick-edit-main .presets button:hover:not(:disabled),
.quick-edit-main .size-presets button:hover:not(:disabled),
.quick-edit-main .history-actions button:hover:not(:disabled),
.quick-edit-main .edit-actions button:hover:not(:disabled),
.quick-edit-main .annotation-tools button:hover:not(:disabled),
.quick-edit-main .zoom-actions button:hover:not(:disabled),
.quick-edit-main .crop-actions button:hover:not(:disabled),
.quick-edit-main .background-actions button:not(:first-child):hover:not(:disabled) {
  border-color:#bfc4ed;
  background:var(--pale);
  color:var(--blue-dark);
}
.quick-edit-main .annotation-options,
.quick-edit-main .crop-session {
  border-color:var(--line);
  border-radius:7px;
  background:#f7f7f3;
}
.quick-edit-main .view-tabs { border-radius:6px; background:#f1f1ed; }
.quick-edit-main .view-tabs button { color:#62676d; }
.quick-edit-main .view-tabs button[aria-pressed="true"] {
  background:#fff;
  color:var(--blue-dark);
  box-shadow:0 1px 3px #25272c10;
}
.quick-edit-main .canvas-stage {
  border-color:#e2e3df;
  border-radius:7px;
  background:#efefeb;
}
.quick-edit-main .local-tag { background:#f0f0eb; color:#676b70; }
.quick-edit-main .edit-section,
.quick-edit-main .output-settings { border-color:var(--line); }
.quick-edit-main .edit-section>summary,
.quick-edit-main .output-settings>summary { color:var(--ink); }
.quick-edit-main .metrics dd { color:var(--ink); }
.quick-edit-main .result-state { border-radius:5px; }

@media(max-width:760px) {
  .quick-edit-main { padding-top:26px; padding-bottom:40px; }
  .quick-edit-main .quick-edit-intro { margin-bottom:20px; }
  .quick-edit-main .quick-edit-intro h1 { font-size:32px; letter-spacing:-1.1px; }
  .quick-edit-main .quick-edit-intro .quick-edit-lead,
  .quick-edit-main .quick-edit-intro .lead { font-size:13px; }
  .quick-edit-main .quick-edit-navigation { margin-bottom:20px; }
  .quick-edit-main .quick-edit-navigation a { padding-inline:12px; font-size:11px; }
  .quick-edit-main .section-title h2,
  .quick-edit-main .result h2 { font-size:17px; }
}
@media(max-width:390px) {
  .quick-edit-main .quick-edit-intro h1 { font-size:29px; }
  .quick-edit-main .section-title h2,
  .quick-edit-main .result h2 { font-size:16px; }
}