:root{
  --paper:#EEE8D9;
  --paper-raised:#F7F3E8;
  --card:#E6DFC9;
  --ink:#221E19;
  --ink-soft:#5B5548;
  --navy:#212A3B;
  --navy-soft:#2E3A50;
  --stamp:#A63A2E;
  --stamp-dark:#8A2F25;
  --green:#3F6E52;
  --rule:#C9BFA0;
  --rule-dark:#3E4A63;
  --radius:2px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;overflow-x:hidden;}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:'Roboto',sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{
  font-family:'Roboto', sans-serif;
  font-weight:700;
  margin:0;
  color:var(--ink);
}
.mono{font-family:'Roboto',sans-serif;}
a{color:inherit;}
button{font-family:inherit;cursor:pointer;}
:focus-visible{outline:2px solid var(--stamp);outline-offset:2px;}
img{max-width:100%;display:block;}

/* ---------- layout shells ---------- */
.wrap{max-width:1120px;margin:0 auto;padding:0 28px;}

/* ---------- header ---------- */
header{
  background:var(--navy);
  color:#EFE9DA;
  position:sticky;top:0;z-index:50;
  border-bottom:1px solid var(--rule-dark);
}
.nav{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 28px;max-width:1120px;margin:0 auto;
}
.logo{
  font-family:'Roboto',sans-serif;font-weight:700;font-size:26px;letter-spacing:.5px;
  display:flex;align-items:baseline;gap:6px;text-decoration:none;color:inherit;
}
.logo .accent{color:var(--stamp);}
.nav-links{display:flex;gap:28px;align-items:center;}
.nav-links a{
  font-family:'Roboto',sans-serif;font-size:12px;letter-spacing:.06em;
  text-transform:uppercase;text-decoration:none;color:#C9C2AE;
  padding:6px 0;border-bottom:1px solid transparent;transition:color .15s,border-color .15s;
}
.nav-links a:hover{color:#EFE9DA;border-color:var(--stamp);}
.nav-badge{
  font-family:'Roboto',sans-serif;font-size:11px;letter-spacing:.05em;
  color:#9EA9BE;border:1px solid var(--rule-dark);padding:6px 10px;border-radius:20px;
  display:flex;align-items:center;gap:6px;
}
.nav-badge .lamp{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;}

/* ---------- tools dropdown ---------- */
/* Anchored to <header> (full page width), not the trigger button or the
   centered nav wrap, so it always spans the full site edge to edge. */
.nav-tools-trigger{
  background:none;border:none;color:#C9C2AE;display:flex;align-items:center;gap:6px;
  font-family:'Roboto',sans-serif;font-size:12px;letter-spacing:.06em;text-transform:uppercase;
  padding:6px 0;border-bottom:1px solid transparent;transition:color .15s,border-color .15s;
}
.nav-tools-trigger:hover{color:#EFE9DA;border-color:var(--stamp);}
.nav-tools-trigger[aria-expanded="true"]{color:#EFE9DA;border-color:var(--stamp);}
.nav-tools-trigger svg{transition:transform .15s;}
.nav-tools-trigger[aria-expanded="true"] svg{transform:rotate(180deg);}
.tools-dropdown{
  position:absolute;top:100%;left:0;right:0;
  margin:0 clamp(20px, 6vw, 96px);
  max-height:min(70vh, 560px);
  overflow-y:auto;
  background:var(--navy-soft);border:1px solid var(--rule-dark);border-top:none;
  box-shadow:0 24px 40px -20px rgba(0,0,0,.55);
  padding:28px clamp(20px,4vw,44px);display:grid;grid-template-columns:repeat(4,1fr);gap:0 32px;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .15s ease, visibility .15s ease;
  z-index:60;
  scrollbar-width:thin;scrollbar-color:var(--stamp) var(--navy-soft);
}
.tools-dropdown.open{opacity:1;visibility:visible;pointer-events:auto;}
.tools-dropdown::-webkit-scrollbar{width:9px;}
.tools-dropdown::-webkit-scrollbar-track{background:var(--navy-soft);}
.tools-dropdown::-webkit-scrollbar-thumb{background:var(--stamp);border-radius:20px;border:2px solid var(--navy-soft);}
.dd-col-title{
  font-family:'Roboto',sans-serif;font-weight:700;font-size:19px;
  color:#F7F1E4;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--stamp);
}
.dd-subcat{margin-bottom:16px;}
.dd-subcat:last-child{margin-bottom:0;}
.dd-subcat-title{
  font-family:'Roboto',sans-serif;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;
  color:#8B8570;margin:0 0 4px;
}
.dd-item{display:flex;gap:10px;align-items:flex-start;padding:7px 6px;border-radius:2px;text-decoration:none;color:#D8D2BE;margin:0 -6px;}
.dd-item:hover{background:rgba(255,255,255,.06);color:#F7F1E4;}
.dd-icon{color:var(--stamp);flex-shrink:0;margin-top:1px;}
.dd-name{display:block;font-size:13px;font-family:'Roboto',sans-serif;}
.dd-tagline{display:block;font-size:10.5px;color:#948C74;margin-top:1px;}

/* ---------- hero ---------- */
.hero{padding:76px 0 60px;position:relative;overflow:hidden;}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;}
.eyebrow{
  font-family:'Roboto',sans-serif;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--stamp);margin-bottom:16px;display:block;
}
.hero h1{font-size:clamp(40px,5.4vw,64px);line-height:1.04;max-width:600px;}
.hero p.lede{
  margin-top:22px;font-size:18px;color:var(--ink-soft);max-width:460px;
}
.hero-ctas{display:flex;gap:14px;margin-top:32px;align-items:center;flex-wrap:wrap;}
.btn-primary{
  background:var(--stamp);color:#F7F1E4;border:none;padding:14px 24px;
  font-family:'Roboto',sans-serif;font-size:13px;letter-spacing:.05em;text-transform:uppercase;
  border-radius:2px;transition:background .15s, transform .1s;
}
.btn-primary:hover{background:var(--stamp-dark);}
.btn-primary:active{transform:translateY(1px);}
.btn-ghost{
  background:transparent;border:1px solid var(--rule);color:var(--ink-soft);
  padding:13px 20px;font-family:'Roboto',sans-serif;font-size:13px;letter-spacing:.05em;
  border-radius:2px;
}
.btn-ghost:hover{border-color:var(--ink-soft);color:var(--ink);}

.fan{position:relative;height:340px;}
.leaf{
  position:absolute;top:10px;left:50%;width:230px;height:300px;
  background:var(--paper-raised);border:1px solid var(--rule);
  box-shadow:0 18px 30px -18px rgba(33,26,18,.35);
  padding:22px;
}
.leaf:nth-child(1){transform:translateX(-50%) rotate(-9deg);z-index:1;}
.leaf:nth-child(2){transform:translateX(-50%) rotate(3deg);z-index:2;}
.leaf:nth-child(3){transform:translateX(-50%) rotate(-2deg) translateY(6px);z-index:3;box-shadow:0 24px 34px -18px rgba(33,26,18,.4);}
.leaf .rule-line{height:1px;background:var(--rule);margin:14px 0;}
.leaf .rule-line:nth-of-type(3){width:70%;}
.stamp-badge{
  position:absolute;right:6px;bottom:6px;z-index:4;
  width:118px;height:118px;border:2px solid var(--stamp);border-radius:50%;
  display:flex;align-items:center;justify-content:center;text-align:center;
  color:var(--stamp);transform:rotate(-14deg);
  font-family:'Roboto',sans-serif;font-size:11px;letter-spacing:.06em;text-transform:uppercase;
  background:rgba(247,241,228,.6);
}

/* ---------- how it works ---------- */
.steps{padding:20px 0 64px;border-top:1px solid var(--rule);}
.steps .wrap{padding-top:52px;}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:36px;}
.step-num{font-family:'Roboto',sans-serif;font-size:13px;color:var(--stamp);letter-spacing:.08em;}
.step h3{font-size:24px;margin:10px 0 8px;}
.step p{color:var(--ink-soft);font-size:15px;margin:0;}

/* ---------- tools grid ---------- */
.tools{padding:16px 0 84px;}
.tools-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:34px;}
.tools-head h2{font-size:38px;}
.tools-group{margin-top:52px;}
.tools-group:first-of-type{margin-top:0;}
.tools-group-head{display:flex;align-items:baseline;gap:14px;margin-bottom:20px;}
.tools-group-head h3{font-size:26px;}
.tools-group-head .eyebrow{margin:0;}
.tools-group-line{flex:1;height:1px;background:var(--rule);}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.tool-card{
  position:relative;background:var(--card);border:1px solid var(--rule);
  padding:26px 20px 22px;text-align:left;border-radius:2px;
  display:flex;flex-direction:column;gap:10px;min-height:184px;
  text-decoration:none;color:inherit;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.tool-card::before{
  content:attr(data-n);
  position:absolute;top:-11px;left:18px;background:var(--navy);color:#D8D2BE;
  font-family:'Roboto',sans-serif;font-size:11px;padding:3px 9px;letter-spacing:.05em;
}
.tool-card:hover{transform:translateY(-3px);box-shadow:0 14px 22px -16px rgba(33,26,18,.45);border-color:var(--stamp);}
.tool-icon{color:var(--stamp);}
.tool-card h3{font-size:22px;margin-top:4px;}
.tool-card p{margin:0;color:var(--ink-soft);font-size:14px;}

/* ---------- footer ---------- */
footer{background:var(--navy);color:#B9B29B;padding:34px 0;border-top:1px solid var(--rule-dark);}
footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
footer .f-logo{font-family:'Roboto',sans-serif;font-weight:700;font-size:20px;color:#EFE9DA;}
footer p{margin:0;font-size:13px;}
footer .credit{font-family:'Roboto',sans-serif;font-size:11px;color:#8B8570;}

/* ---------- tool workspace ---------- */
#view-tool{padding:56px 0 90px;min-height:60vh;}
.back-link{
  background:none;border:none;color:var(--ink-soft);display:flex;align-items:center;gap:8px;
  font-family:'Roboto',sans-serif;font-size:12px;letter-spacing:.05em;text-transform:uppercase;
  padding:0 0 30px;
}
.back-link:hover{color:var(--stamp);}
.tool-head{margin-bottom:34px;max-width:640px;}
.tool-eyebrow{
  font-family:'Roboto',sans-serif;font-size:12px;color:var(--stamp);letter-spacing:.14em;
  text-transform:uppercase;display:block;margin-bottom:10px;
}
.tool-head h1{font-size:42px;}
.tool-head p{color:var(--ink-soft);font-size:16px;margin-top:10px;}
.workspace{max-width:720px;}

.dropzone{
  position:relative;border:1.5px dashed var(--rule-dark);background:var(--paper-raised);
  border-radius:2px;padding:38px 20px;text-align:center;cursor:pointer;
  background-image:radial-gradient(circle, var(--rule) 1px, transparent 1px);
  background-size:14px 14px;background-position:top left;
  transition:border-color .15s, background-color .15s;
}
.dropzone.drag{border-color:var(--stamp);background-color:#F2ECDC;}
.dz-inner{position:relative;background:var(--paper-raised);display:inline-flex;flex-direction:column;align-items:center;padding:6px 18px;}
.dz-title{font-family:'Roboto',sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.05em;margin:12px 0 4px;}
.dz-sub{font-size:13px;color:var(--ink-soft);margin:0;}
.dropzone svg{color:var(--stamp);}

.file-list{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;}
.file-list.empty{display:none;}
.file-chip{
  display:flex;align-items:center;gap:10px;background:var(--paper-raised);border:1px solid var(--rule);
  padding:10px 12px;border-radius:2px;cursor:grab;
}
.file-chip.dragging{opacity:.4;}
.file-chip.drag-over{border-color:var(--stamp);}
.chip-num{font-family:'Roboto',sans-serif;font-size:11px;color:var(--stamp-dark);width:20px;}
.chip-icon{color:var(--ink-soft);display:flex;}
.chip-name{flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.chip-size{font-family:'Roboto',sans-serif;font-size:11px;color:var(--ink-soft);}
.chip-remove{background:none;border:none;color:var(--ink-soft);display:flex;padding:4px;}
.chip-remove:hover{color:var(--stamp);}

.options-panel{margin-top:22px;display:flex;flex-direction:column;gap:16px;}
.options-panel:empty{display:none;}
.field{display:flex;flex-direction:column;gap:6px;}
.field label{font-family:'Roboto',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);}
.field input[type=text],.field input[type=number],.field select{
  background:var(--paper-raised);border:1px solid var(--rule);padding:10px 12px;font-family:'Roboto',sans-serif;
  font-size:14px;border-radius:2px;color:var(--ink);
}
.field-row{display:flex;gap:16px;flex-wrap:wrap;}
.field-row .field{flex:1;min-width:160px;}
.field input[type=range]{width:100%;accent-color:var(--stamp);}
.hint{font-size:12px;color:var(--ink-soft);margin:0;}
.server-notice{
  display:flex;gap:10px;align-items:flex-start;background:#FBF2DC;border:1px solid #E0C580;
  color:#6B5215;padding:12px 14px;border-radius:2px;font-size:13px;margin-bottom:20px;
}
.server-notice svg{flex-shrink:0;margin-top:1px;}
.warn-notice{
  display:flex;gap:10px;align-items:flex-start;background:#FBEAE7;border:1.5px solid var(--stamp);
  color:#6E241A;padding:14px 16px;border-radius:2px;font-size:13.5px;margin-bottom:20px;line-height:1.55;
}
.warn-notice svg{flex-shrink:0;margin-top:2px;color:var(--stamp);}
.warn-notice strong{color:#5A1D14;}

/* ---------- AI content pattern checker ---------- */
.ai-textarea{
  width:100%;background:var(--paper-raised);border:1px solid var(--rule);padding:14px;
  font-family:'Roboto',sans-serif;font-size:15px;color:var(--ink);border-radius:2px;resize:vertical;
  min-height:220px;
}
.ai-result{margin-top:26px;}
.workspace-wide{max-width:920px;}
.ai-report{margin-top:26px;}
.ai-report-top{display:flex;align-items:center;gap:32px;flex-wrap:wrap;margin-bottom:28px;}
.ai-gauge-wrap{flex-shrink:0;}
.ai-gauge-svg{width:150px;height:150px;}
.ai-gauge-arc{transition:stroke-dashoffset .8s ease;}
.ai-gauge-pct{font-family:'Roboto',sans-serif;font-weight:700;font-size:28px;fill:var(--ink);}
.ai-gauge-label{font-family:'Roboto',sans-serif;font-size:10px;letter-spacing:.05em;text-transform:uppercase;fill:var(--ink-soft);}
.ai-report-summary{flex:1;min-width:220px;}
.ai-band{
  display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:2px;
  font-family:'Roboto',sans-serif;font-weight:700;font-size:15px;border:1.5px solid;
}
.ai-band.low{background:#EAF3EC;color:#2C5A3E;border-color:#3F6E52;}
.ai-band.some{background:#FBF2DC;color:#6B5215;border-color:#E0C580;}
.ai-band.notable{background:#FBEAE7;color:#6E241A;border-color:var(--stamp);}
.ai-signals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;}
.ai-signal-card{background:var(--paper-raised);border:1px solid var(--rule);padding:14px 16px;border-radius:2px;}
.ai-signal-card .sig-label{font-family:'Roboto',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);}
.ai-signal-card .sig-value{font-family:'Roboto',sans-serif;font-weight:700;font-size:22px;margin-top:4px;color:var(--ink);}
.ai-signal-card .sig-note{font-size:12px;color:var(--ink-soft);margin-top:4px;}
.ai-phrases{margin-top:16px;}
.ai-phrase-chip{
  display:inline-block;background:var(--card);border:1px solid var(--rule);padding:4px 10px;
  border-radius:20px;font-size:12px;margin:0 6px 6px 0;color:var(--ink);
}

/* ---------- sentence-level highlighting ---------- */
.ai-highlight-section{margin-top:34px;padding-top:26px;border-top:1px solid var(--rule);}
.ai-highlight-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px;}
.ai-highlight-head h3{font-family:'Roboto',sans-serif;font-size:18px;font-weight:700;margin:0;}
.ai-legend{display:flex;gap:16px;flex-wrap:wrap;}
.ai-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-soft);}
.ai-legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block;}
.ai-legend-dot.g-none{background:#3F6E52;}
.ai-legend-dot.g-mid{background:#E0C580;}
.ai-legend-dot.g-high{background:var(--stamp);}
.ai-highlighted-text{
  background:var(--paper-raised);border:1px solid var(--rule);padding:20px 22px;border-radius:2px;
  font-family:'Roboto',sans-serif;font-size:15px;line-height:1.9;color:var(--ink);
}
.ai-sentence{padding:2px 1px;border-radius:2px;}
.ai-sentence.g-none{background:transparent;}
.ai-sentence.g-mid{background:#FBF2DC;box-shadow:0 0 0 1px #E0C580 inset;}
.ai-sentence.g-high{background:#FBEAE7;box-shadow:0 0 0 1px var(--stamp) inset;}


.spell-list,.grammar-list{display:flex;flex-direction:column;gap:10px;margin-top:20px;}
.spell-item{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--paper-raised);
  border:1px solid var(--rule);padding:12px 14px;border-radius:2px;
}
.spell-word{font-family:'Roboto',sans-serif;font-weight:700;color:var(--stamp);text-decoration:line-through;flex-shrink:0;}
.spell-suggestions{display:flex;flex-wrap:wrap;gap:6px;}
.spell-chip{
  background:var(--card);border:1px solid var(--rule);padding:5px 12px;border-radius:20px;
  font-size:13px;cursor:pointer;transition:background .15s,border-color .15s;
}
.spell-chip:hover{background:var(--green);border-color:var(--green);color:#fff;}

/* ---------- grammar checker: inline editor ---------- */
.gc-report{margin-top:26px;}
.gc-counts{display:flex;gap:8px;flex-wrap:wrap;}
.gc-count-chip{
  font-family:'Roboto',sans-serif;font-size:12px;font-weight:600;padding:5px 12px;border-radius:20px;
  border:1px solid;
}
.gc-editor-wrap{margin-top:8px;}
.gc-editor{
  background:var(--paper-raised);border:1px solid var(--rule);padding:20px 22px;border-radius:2px;
  font-family:'Roboto',sans-serif;font-size:15.5px;line-height:2;color:var(--ink);white-space:pre-wrap;
}
.gc-mark{
  cursor:pointer;padding:1px 1px;border-radius:2px;text-decoration:none;
  border-bottom:2.5px solid; background:transparent; transition:background .15s;
}
.gc-mark:hover{background:rgba(0,0,0,.05);}
.gc-mark.gc-selected{background:rgba(0,0,0,.08);}
.gc-mark.cat-red{border-bottom-color:var(--stamp);}
.gc-mark.cat-blue{border-bottom-color:#3B6FA8;}
.gc-mark.cat-purple{border-bottom-color:#7B5EA7;}
.gc-mark.cat-gray{border-bottom-color:var(--ink-soft);}

.gc-count-chip.cat-red{background:#FBEAE7;color:#6E241A;border-color:var(--stamp);}
.gc-count-chip.cat-blue{background:#E9F0F8;color:#254A73;border-color:#3B6FA8;}
.gc-count-chip.cat-purple{background:#F1ECF6;color:#4E3A6B;border-color:#7B5EA7;}

.gc-detail{
  margin-top:20px;background:var(--card);border:1px solid var(--rule);padding:18px 20px;border-radius:2px;
  min-height:64px;
}
.gc-detail-cat{
  display:inline-block;font-family:'Roboto',sans-serif;font-size:11px;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;padding:3px 10px;border-radius:20px;margin-bottom:10px;
}
.gc-detail-cat.cat-red{background:#FBEAE7;color:#6E241A;}
.gc-detail-cat.cat-blue{background:#E9F0F8;color:#254A73;}
.gc-detail-cat.cat-purple{background:#F1ECF6;color:#4E3A6B;}
.gc-detail-cat.cat-gray{background:#EDEBE4;color:var(--ink-soft);}
.gc-detail-msg{font-size:14.5px;color:var(--ink);margin:0 0 12px;}
.gc-detail-reps{display:flex;flex-wrap:wrap;gap:8px;}
.gc-edit-link{background:none;border:none;color:var(--stamp);text-decoration:underline;font-size:11.5px;cursor:pointer;padding:0;font-family:'Roboto',sans-serif;}

/* ---------- paraphraser ---------- */
.para-output{
  width:100%;background:var(--paper-raised);border:1px solid var(--rule);padding:14px;
  font-family:'Roboto',sans-serif;font-size:15px;color:var(--ink);border-radius:2px;
  min-height:220px;white-space:pre-wrap;
}
.para-controls{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;}
.para-strength-btn{
  background:var(--paper-raised);border:1px solid var(--rule);padding:8px 16px;border-radius:2px;
  font-family:'Roboto',sans-serif;font-size:12.5px;color:var(--ink-soft);
}
.para-strength-btn.active{background:var(--ink);color:var(--paper-raised);border-color:var(--ink);}
.lt-attribution{font-size:11.5px;color:var(--ink-soft);margin-top:10px;}
.lt-attribution a{color:var(--stamp);}

.action-bar{margin-top:26px;display:flex;align-items:center;gap:14px;}
.process-btn{
  background:var(--stamp);color:#F7F1E4;border:none;padding:14px 26px;border-radius:2px;
  font-family:'Roboto',sans-serif;font-size:13px;letter-spacing:.05em;text-transform:uppercase;
}
.process-btn:disabled{background:var(--rule);color:#8b846e;cursor:not-allowed;}
.process-btn:not(:disabled):hover{background:var(--stamp-dark);}
.process-status{font-family:'Roboto',sans-serif;font-size:12px;color:var(--ink-soft);}

.result-panel{
  margin-top:30px;border:1px solid var(--rule);background:var(--paper-raised);padding:26px;border-radius:2px;
  position:relative;
}
.result-stamp{
  display:inline-flex;align-items:center;gap:8px;color:var(--green);border:2px solid var(--green);
  padding:6px 14px;border-radius:2px;transform:rotate(-3deg);font-family:'Roboto',sans-serif;
  font-size:12px;letter-spacing:.1em;text-transform:uppercase;
}
.result-msg{margin:14px 0 16px;font-size:14px;color:var(--ink-soft);}
.result-files{display:flex;flex-direction:column;gap:8px;}
.download-btn{
  display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--rule);
  padding:11px 14px;border-radius:2px;font-size:14px;text-decoration:none;color:var(--ink);width:fit-content;
}
.download-btn:hover{border-color:var(--stamp);color:var(--stamp);}
.result-error{display:flex;gap:10px;color:var(--stamp);align-items:flex-start;}
.result-error p{margin:0;font-size:14px;color:var(--ink);}

.page-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;}
.page-chip{
  background:var(--paper-raised);border:1px solid var(--rule);border-radius:2px;padding:10px 8px;
  width:78px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:grab;
}
.page-chip .pg-face{
  width:38px;height:50px;border:1px solid var(--rule-dark);background:var(--paper);display:flex;align-items:center;justify-content:center;
  transition:transform .15s;font-family:'Roboto',sans-serif;font-size:11px;color:var(--ink-soft);
}
.page-chip .pg-label{font-family:'Roboto',sans-serif;font-size:10px;color:var(--ink-soft);}
.page-chip .pg-btns{display:flex;gap:4px;}
.page-chip button{background:none;border:none;color:var(--ink-soft);padding:2px;display:flex;}
.page-chip button:hover{color:var(--stamp);}
.page-chip.removed{opacity:.35;}
.page-chip.dragging{opacity:.4;}

/* ---------- redact / sign shared canvas editor ---------- */
.redact-editor,.sign-editor{margin-top:22px;}
.redact-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px;}
.redact-page-label{font-size:12px;color:var(--ink-soft);}
.redact-spacer{flex:1;}
.redact-canvas-wrap{
  border:1px solid var(--rule);background:var(--paper-raised);padding:10px;
  overflow:auto;max-height:520px;display:flex;justify-content:center;
}
.redact-canvas,.sign-page-canvas{
  max-width:100%;cursor:crosshair;box-shadow:0 8px 20px -12px rgba(33,26,18,.4);touch-action:none;
}

/* sign-specific */
.sign-disclaimer{
  background:var(--paper-raised);border:1px solid var(--rule);padding:12px 14px;border-radius:2px;
  margin-bottom:18px;
}
.sign-mode-tabs{display:flex;gap:8px;margin-bottom:14px;}
.sign-mode-tab{
  background:var(--paper-raised);border:1px solid var(--rule);padding:8px 16px;border-radius:2px;
  font-family:'Roboto',sans-serif;font-size:12.5px;letter-spacing:.03em;color:var(--ink-soft);
}
.sign-mode-tab.active{background:var(--ink);color:var(--paper-raised);border-color:var(--ink);}
.sign-pad-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:10px;}
.sign-pad{
  border:1px dashed var(--rule-dark);background:#F8F3E4;touch-action:none;cursor:crosshair;
  max-width:100%;
}
.sign-type-wrap{max-width:340px;}


.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;}
.stat-card{background:var(--paper-raised);border:1px solid var(--rule);padding:16px 14px;border-radius:2px;text-align:center;}
.stat-num{font-family:'Roboto',sans-serif;font-weight:700;font-size:30px;display:block;}
.stat-label{font-family:'Roboto',sans-serif;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin-top:4px;display:block;}
.wc-textarea{
  width:100%;background:var(--paper-raised);border:1px solid var(--rule);padding:14px;
  font-family:'Roboto',sans-serif;font-size:15px;color:var(--ink);border-radius:2px;resize:vertical;
}

.preview-wrap{margin-top:20px;background:var(--paper-raised);border:1px solid var(--rule);border-radius:2px;padding:16px;display:flex;justify-content:center;}
.od-canvas-wrap{
  margin-top:20px;background:var(--paper-raised);border:1px solid var(--rule);border-radius:2px;
  padding:16px;overflow:auto;max-height:560px;display:flex;justify-content:center;
}
.od-canvas-wrap canvas{max-width:100%;height:auto;}
.preview-wrap img{max-height:280px;width:auto;background:
  repeating-conic-gradient(#DED6BF 0% 25%, transparent 0% 50%) 50% / 16px 16px;
}
.checkbox-row{display:flex;align-items:center;gap:8px;}
.checkbox-row input{accent-color:var(--stamp);width:16px;height:16px;}
.checkbox-row label{font-family:'Roboto',sans-serif;font-size:12px;text-transform:none;letter-spacing:0;color:var(--ink-soft);}
.ed-mode-btn.active{background:var(--navy);color:#F7F1E4;border-color:var(--navy);}

@media (max-width:860px){
  .hero-grid{grid-template-columns:1fr;}
  .fan{display:none;}
  .steps-grid{grid-template-columns:1fr;}
  .grid{grid-template-columns:repeat(2,1fr);}
  .nav-links{display:none;}
}
@media (max-width:520px){
  .grid{grid-template-columns:1fr;}
  .hero h1{font-size:38px;}
  .stat-grid{grid-template-columns:repeat(2,1fr);}
  .ai-signals{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none !important;animation:none !important;}
}