.hub-hero-actions{display:none}
.focused-workspace,.multi-workspace,.image-workspace{border-color:#ddd9d2;box-shadow:0 14px 34px rgba(35,38,40,.055)}
.focused-file-grid .file-card{border-color:#e4e1dc;border-radius:13px;box-shadow:none}
.focused-file-grid .file-state{min-height:70px!important;padding:11px 12px!important}
.focused-file-grid .file-actions{padding:8px 10px!important;border-top-color:#eeeae4!important}
.focused-file-grid .file-actions button{border-radius:8px!important;padding:7px 9px!important;font-size:12px!important}
.focused-action{margin-top:9px!important}
.focused-action .compare-btn{min-height:48px!important;border-radius:11px!important;box-shadow:0 7px 16px rgba(34,39,43,.12)}
.results{border-color:#e0ddd8!important;box-shadow:0 14px 36px rgba(35,38,40,.06)!important}
.results-head h2{font-size:clamp(32px,4vw,44px)!important}
.metrics .metric{border-width:1px!important;box-shadow:none!important;border-radius:13px!important}
.change{box-shadow:none!important;border-radius:14px!important}
@media(max-width:700px){
  .focused-file-grid .file-state{min-height:64px!important}
  .focused-action .compare-btn{width:100%}
  .results{border-radius:16px!important}
}

/* v3.4.1 visual consistency pass */
:root{
  --cl-ink:#20252b;
  --cl-muted:#64707b;
  --cl-line:#dfe2e4;
  --cl-gold:#a8753e;
  --cl-gold-soft:#fff8ef;
  --cl-green:#267467;
}

/* Shared surfaces */
.hub-topbar,.topbar{
  border-color:#d9dcde!important;
  box-shadow:0 10px 28px rgba(22,29,36,.07)!important;
}
.hub-topbar nav a,.topbar nav a{font-size:14px!important;color:#4f5b66!important}
.hub-topbar nav a:hover,.topbar nav a:hover{color:var(--cl-ink)!important}
.privacy-chip{font-size:12px!important;padding:8px 11px!important}

/* Homepage: product first, with one consistent card language */
.hub-hero{padding-top:30px!important;padding-bottom:18px!important}
.hub-hero h1{font-size:clamp(38px,4.35vw,58px)!important;line-height:1.01!important}
.hub-hero p{font-size:16px!important;line-height:1.5!important;color:#5f6b76!important}
.category-row{margin-bottom:18px!important}
.category{min-height:38px!important;padding:8px 15px!important;font-size:13px!important}
.category.active{box-shadow:0 5px 12px rgba(32,37,43,.12)!important}
.tool-grid{gap:14px!important}
.tool-card{
  min-height:214px!important;
  padding:19px 19px 17px!important;
  border-color:#dadddf!important;
  border-radius:18px!important;
  box-shadow:0 7px 18px rgba(25,31,38,.035)!important;
}
.tool-card:hover,.tool-card[href]:hover{border-color:#bc9365!important;box-shadow:0 14px 28px rgba(30,36,43,.10)!important}
.tool-card.featured{border-color:#cda878!important;background:linear-gradient(145deg,#fffdf9,#fff8ef)!important}
.tool-icon{width:43px!important;height:43px!important;margin-bottom:13px!important;border-radius:12px!important}
.status{top:17px!important;right:17px!important;font-size:9px!important}
.tool-card h2{font-size:19px!important;line-height:1.2!important;margin-bottom:8px!important}
.tool-card p{font-size:13.5px!important;line-height:1.5!important;color:#63707b!important}
.tool-action{font-size:13px!important;bottom:17px!important;color:#28333c!important}
.tool-action b{font-size:16px!important}
.simple-strip{margin-top:3px!important;margin-bottom:44px!important;padding:17px 20px!important;border-color:#d5e5e1!important;background:#f5fbf9!important}
.simple-strip strong{font-size:14px!important}.simple-strip span{font-size:13px!important}.simple-strip a{font-size:13px!important}
.marketing-section{padding-top:18px!important;padding-bottom:42px!important}
.marketing-section h2{font-size:clamp(28px,3vw,42px)!important;line-height:1.08!important}
.feature-grid{gap:14px!important}.feature-card{border-radius:16px!important;border-color:#dedfe1!important;box-shadow:0 5px 16px rgba(25,31,38,.035)!important}

/* Tool pages: bring the primary action and upload cards into one visual system */
.tool-intro{padding-top:38px!important;padding-bottom:18px!important}
.tool-intro .kicker{font-size:11px!important;letter-spacing:.14em!important}
.tool-intro h1{font-size:clamp(36px,4.3vw,56px)!important;line-height:1.02!important;margin:8px 0 10px!important}
.tool-intro p{font-size:16px!important;line-height:1.5!important;color:#5f6c77!important}
.mode-switch{gap:12px!important;margin-bottom:15px!important}
.mode-card{min-height:70px!important;padding:13px 15px!important;border-color:#dadddf!important;border-radius:14px!important;box-shadow:0 5px 16px rgba(25,31,38,.04)!important}
.mode-card.active{border-color:#b8854c!important;background:var(--cl-gold-soft)!important;box-shadow:0 8px 20px rgba(168,117,62,.10)!important}
.mode-card strong{font-size:16px!important}.mode-card small{font-size:13px!important;color:#69747e!important}
.focused-workspace,.multi-workspace,.image-workspace{
  border:1px solid #d9dcdf!important;
  border-radius:20px!important;
  padding:18px!important;
  box-shadow:0 15px 36px rgba(25,31,38,.07)!important;
}
.drop-main,.multi-drop,.image-both-btn{border-color:#c8c4bc!important;background:#fcfbf8!important;border-radius:15px!important}
.drop-main:hover,.multi-drop:hover,.image-both-btn:hover{border-color:#ad7b43!important;background:#fff8ef!important}
.drop-main strong,.multi-drop strong{font-size:16px!important}.drop-main small,.multi-drop small{font-size:13px!important;color:#6d7882!important}
.focused-file-grid,.image-upload-grid{gap:13px!important}
.focused-file-grid .file-card,.image-drop{border-color:#dedfdf!important;border-radius:15px!important;background:#fff!important}
.focused-file-grid .file-card.has-file{border-color:#9ccfc2!important;background:#f8fcfb!important}
.focused-file-grid .file-state{min-height:88px!important}
.focused-file-grid .file-state strong{font-size:16px!important}.focused-file-grid .file-state small{font-size:13px!important}
.file-actions button,.result-actions button,.tool-btn{min-height:40px!important;border-radius:10px!important;font-size:13px!important}
.focused-action{margin-top:12px!important}
.focused-action .privacy-box{border-color:#d8e7e3!important;background:#f7fbfa!important;border-radius:12px!important;padding:11px 13px!important}
.focused-action .privacy-box strong{font-size:13px!important}.focused-action .privacy-box span{font-size:12px!important}
.focused-action .compare-btn,.image-compare-btn,.multi-analyze{min-height:52px!important;border-radius:12px!important;font-size:15px!important;background:#22272b!important;box-shadow:0 9px 18px rgba(25,31,38,.16)!important}
.focused-action .compare-btn:hover,.image-compare-btn:hover,.multi-analyze:not(:disabled):hover{background:#374149!important;transform:translateY(-1px)}
.advanced-options,.paste{border-color:#e5e2dd!important}
.advanced-options summary,.paste summary{font-size:13px!important}
.status,.order-status{font-size:13px!important}
.history-panel{border-color:#dfe1e3!important;border-radius:14px!important}
.upload-steps{max-width:1080px;margin:0 auto 11px;display:flex;align-items:center;justify-content:center;gap:0;color:#7a858e;font-size:13px}
.upload-step{display:flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid #e1e3e4;background:#fff}
.upload-step:first-child{border-radius:10px 0 0 10px}.upload-step:last-child{border-radius:0 10px 10px 0}
.upload-step:not(:last-child){border-right:0}.upload-step b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#eef0f1;color:#69747d;font-size:11px}
.upload-step.active{color:#684a2b;border-color:#c9a06e;background:#fff9f1;font-weight:800}.upload-step.active b{background:#a8753e;color:#fff}
.upload-step.done{color:#267467;border-color:#bcdcd5}.upload-step.done b{background:#267467;color:#fff}
.upload-progress{height:4px;margin:9px 2px 0;overflow:hidden;border-radius:999px;background:#eceeed;opacity:0;transition:opacity .2s}.upload-progress span{display:block;width:0;height:100%;border-radius:inherit;background:#a8753e;transition:width .25s}.upload-progress.is-active{opacity:1}.upload-progress.is-indeterminate span{width:38%;animation:cl-progress 1.1s ease-in-out infinite}.upload-progress.is-success span{width:100%;background:#267467}.upload-progress.is-error span{width:100%;background:#b44751}@keyframes cl-progress{0%{transform:translateX(-120%)}100%{transform:translateX(280%)}}
.status.is-error,.multi-status.is-error{border-color:#e4aab0!important;background:#fff4f5!important;color:#9d2634!important}.status.is-success,.multi-status.is-success{border-color:#b9ddd4!important;background:#f1faf7!important;color:#28695e!important}
.results,.image-results,.multi-results{border-radius:20px!important;box-shadow:0 16px 40px rgba(25,31,38,.07)!important}
.results-head h2,.image-results-head h2,.multi-head h2{font-size:clamp(32px,4vw,46px)!important}
.results-head p,.image-results-head p,.multi-head p{font-size:14px!important;color:#5f6c77!important}
.metrics .metric,.image-metric,.multi-metric{border-radius:14px!important}
.tabs,.image-tabs{border-radius:12px!important}
.tab,.image-tab{font-size:14px!important}
.change-tools{border-radius:14px!important}
.change{border-radius:14px!important}
.tool-footer{font-size:13px!important}

@media(max-width:700px){
  .hub-hero{padding-top:25px!important}
  .hub-hero h1{font-size:39px!important}
  .hub-hero p{font-size:15px!important}
  .tool-card{min-height:220px!important}
  .tool-intro{padding-top:29px!important}
  .tool-intro h1{font-size:36px!important}
  .tool-intro p{font-size:15px!important}
  .upload-steps{font-size:11px!important}.upload-step{padding:6px 7px!important;gap:4px!important}.upload-step b{width:20px!important;height:20px!important;font-size:10px!important}
  .mode-switch{gap:8px!important}
  .mode-card{min-height:66px!important}
  .focused-workspace,.multi-workspace,.image-workspace{padding:12px!important;border-radius:16px!important}
  .focused-action .compare-btn,.image-compare-btn,.multi-analyze{width:100%!important}
  .results,.image-results,.multi-results{border-radius:16px!important}
}