/* Processing mode changes the upload path without replacing the landing page. */
.processing-mode-selector { min-width:0; margin:0 0 16px; padding:12px 16px; border:1px solid var(--ui-line,#e5e5e7); font-size:14px; line-height:1.6; }
.processing-mode-selector legend { padding:0 6px; font-weight:600; }
.processing-mode-options { display:flex; flex-wrap:wrap; gap:8px 24px; }
.processing-mode-options label { display:flex; align-items:center; gap:8px; min-height:32px; cursor:pointer; }
.processing-mode-options input { margin:0; accent-color:var(--ui-accent,#245bc2); }
.processing-mode-options input:focus-visible { outline:3px solid #245bc2; outline-offset:3px; }
.processing-mode-options label:has(input:disabled) { color:var(--ui-muted,#62646b); cursor:default; }
.processing-mode-help { margin:8px 0 0; color:var(--ui-muted,#62646b); }
.processing-mode-error-message { margin:8px 0 0; color:#85212a; }
.processing-mode-selector [hidden] { display:none !important; }
.server-processing { margin:16px 0 24px; font-size:14px; line-height:1.6; }
.server-processing [hidden] { display:none !important; }
.server-intake-notice { display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; margin:0 0 16px; padding:16px; border:1px solid var(--ui-line,#e5e5e7); font-size:14px; line-height:1.6; }
.server-intake-notice[hidden], .server-intake-notice [hidden] { display:none !important; }
.server-intake-notice p { flex:1 1 240px; margin:0; }
.server-intake-notice .button { flex:0 0 auto; max-width:100%; white-space:normal; }
.server-mode-status, .server-scope { margin:0 0 8px; }
.server-storage { color:var(--ui-muted,#62646b); }
.server-storage summary { cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.server-privacy, .server-detail { color:var(--ui-muted,#62646b); font-size:14px; line-height:1.6; }
.server-privacy { margin:12px 0; }
.server-job { border-top:1px solid var(--ui-line,#e5e5e7); margin-top:16px; padding:20px 0 0; }
.server-job h2 { margin:0 0 12px; font-size:20px; overflow-wrap:anywhere; }
.server-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:16px; }
.server-actions .button { text-decoration:none; }
.server-error { border-left:3px solid #a4262c; padding:12px 16px; color:#85212a; line-height:1.5; background:#fff7f7; }
.server-google-notice { margin:0 0 12px; }
.server-mode .file-button:has(+ input:disabled),
.server-mode input:disabled + .file-button { opacity:.55; cursor:default; }
.server-mode .export-presets:disabled .preset-option { cursor:default; }
.server-export-settings, .server-job-history { margin:16px 0; border-top:1px solid var(--ui-line,#e5e5e7); padding-top:12px; }
.server-export-settings summary, .server-job-history summary { cursor:pointer; font-weight:600; }
.server-settings-body { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 20px; padding-top:12px; }
.server-settings-body > p, .server-settings-body > fieldset, .server-settings-body > button { grid-column:1/-1; }
.server-setting { display:flex; flex-direction:column; gap:6px; min-width:0; }
.server-setting input:not([type="checkbox"]), .server-setting select { box-sizing:border-box; width:100%; min-width:0; padding:8px; border:1px solid var(--ui-line,#d4d4d8); border-radius:4px; background:var(--ui-bg,#fff); color:inherit; font:inherit; }
.server-setting:has(input[type="checkbox"]) { flex-direction:row-reverse; justify-content:flex-end; align-items:center; }
.server-export-categories { display:flex; flex-wrap:wrap; gap:10px 18px; border:1px solid var(--ui-line,#e5e5e7); padding:12px; }
.server-export-categories label { display:flex; gap:6px; align-items:center; }
.server-result-files li, .server-job-history li { overflow-wrap:anywhere; margin:8px 0; }
.server-result-files h3 { font-size:16px; margin-top:24px; }
.server-job-history .text-button { text-align:left; white-space:normal; }
.server-result-share { border-top:1px solid var(--ui-line,#e5e5e7); margin-top:24px; padding-top:12px; }
.server-result-share h3 { font-size:16px; }
.server-share-link { display:flex; flex-direction:column; gap:6px; font-weight:600; }
.server-share-link input { box-sizing:border-box; width:100%; min-width:0; padding:10px; border:1px solid var(--ui-line,#d4d4d8); border-radius:4px; background:var(--ui-bg,#fff); color:inherit; font:inherit; font-weight:400; }
.server-share-link input:focus-visible { outline:3px solid #245bc2; outline-offset:3px; }
@media (max-width:480px) {
  .server-settings-body { grid-template-columns:minmax(0,1fr); }
  .server-actions { align-items:stretch; }
  .server-actions .button { text-align:center; }
}

.server-progress, .server-job progress[data-role="upload-progress"] { display:block; width:min(100%,32rem); height:8px; margin:16px 0; accent-color:var(--ui-accent,#245bc2); }
.server-measurement, .server-timing { margin:8px 0; font-size:13px; line-height:1.6; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.server-timing { color:var(--ui-muted,#62646b); }