:root{
  --font-display:"Manrope","Inter",-apple-system,Segoe UI,Arial,sans-serif;
  --font-body:"Inter",-apple-system,Segoe UI,Arial,sans-serif;
  --ease:cubic-bezier(.2,.7,.25,1);
}
[hidden]{display:none!important}

.ready-main{padding:38px 0 70px}
.ready-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end;margin-bottom:24px}
.ready-kicker{display:inline-flex;padding:7px 10px;border-radius:999px;background:#edf7ff;color:#0577ad;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.ready-intro h1{font-size:46px;line-height:1.02;letter-spacing:-.052em;margin:0 0 16px}
.ready-intro p{max-width:760px;margin:0;color:#667085;font-size:16px;line-height:1.55}
.ready-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ready-rules div{padding:17px 14px;background:#fff;border:1px solid #e4e8ef;border-radius:16px;box-shadow:0 10px 28px rgba(16,24,40,.04)}
.ready-rules strong{display:block;font-size:18px;margin-bottom:4px}.ready-rules span{font-size:11px;color:#7a8496;line-height:1.25}
.ready-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.ready-card{background:#fff;border:1px solid #e3e7ee;border-radius:22px;box-shadow:0 16px 45px rgba(17,24,32,.06);padding:22px}
.card-title-row{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}
.card-title-row>div{display:flex;align-items:center;gap:10px}.card-title-row h2{font-size:20px;margin:0}
.step-number{width:28px;height:28px;border-radius:9px;background:#101722;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}
.switch-mode{font-size:12px;font-weight:800;color:#667085}
.ready-drop{min-height:290px;border:2px dashed #cbd3de;border-radius:19px;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;cursor:pointer;transition:.18s}
.ready-drop:hover,.ready-drop.dragover{border-color:#00aeef;background:#f1fbff}
.ready-drop input{display:none}.drop-icon{font-size:34px;margin-bottom:13px}.ready-drop strong{font-size:17px}.ready-drop small{margin-top:8px;color:#7b8494;line-height:1.4}
.file-panel{margin-top:16px}.file-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}
.file-name-wrap{display:flex;align-items:center;gap:11px;min-width:0}.file-name-wrap>div{min-width:0}.file-name-wrap strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:390px}.file-name-wrap small{display:block;color:#7b8494;margin-top:3px}
.file-type{min-width:44px;height:38px;padding:0 7px;border-radius:9px;background:#101722;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800}
.remove-file{border:0;background:transparent;color:#d33;font-weight:800;cursor:pointer}
.preview-shell{height:410px;border-radius:16px;background:#eef1f5;overflow:hidden;display:grid;place-items:center;padding:12px}
.preview-shell img,.preview-shell canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;background:#fff;box-shadow:0 12px 32px rgba(17,24,39,.08)}
.preview-placeholder{color:#7b8494;font-weight:700;text-align:center;padding:20px}
.server-note{font-size:11px;color:#8b95a5;line-height:1.4;margin:12px 3px 0}
.empty-check{min-height:260px;border:1px dashed #d7dde6;border-radius:17px;display:grid;place-items:center;text-align:center;color:#98a2b3;padding:30px}
.dimension-editor{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:end}
.dimension-editor label>span,.form-grid label>span,.comment-field>span{display:block;font-size:11px;font-weight:800;color:#667085;margin-bottom:6px}
.dimension-editor label>div{display:flex;border:1px solid #dce2ea;border-radius:12px;overflow:hidden;background:#fff}
.dimension-editor input{width:100%;border:0;padding:12px;font-weight:800;font-size:16px;outline:none}
.dimension-editor b{padding:12px 11px;background:#f6f8fa;color:#667085;font-size:12px}
.ratio-link{padding-bottom:12px;color:#98a2b3}.dimension-note{font-size:11px;color:#98a2b3;margin:8px 0 18px}
.checks-list{display:grid;gap:9px}.check-row{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:12px;border:1px solid #e4e8ef;border-radius:13px}
.check-icon{width:30px;height:30px;border-radius:9px;background:#eef1f5;display:grid;place-items:center;font-weight:800}
.check-row strong{display:block;font-size:13px}.check-row small{display:block;color:#667085;font-size:11px;line-height:1.35;margin-top:3px}
.check-row.good{border-color:#cdebd8;background:#f6fcf8}.check-row.good .check-icon{background:#dff5e6;color:#15803d}
.check-row.warn{border-color:#f5dfaa;background:#fffaf0}.check-row.warn .check-icon{background:#ffefc8;color:#9a6700}
.check-row.bad{border-color:#ffc7c7;background:#fff7f7}.check-row.bad .check-icon{background:#ffe0e0;color:#c82828}
.price-box{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.price-box>div{padding:14px;border:1px solid #e2e7ee;border-radius:14px;background:#f8fafc}.price-box span{display:block;color:#667085;font-size:11px}.price-box strong{display:block;font-size:21px;margin-top:4px}
.price-main{background:#101722!important;color:#fff}.price-main span{color:#aeb8c7}
.order-form-wrap{border-top:1px solid #edf0f4;padding-top:16px}.order-form-wrap h3{font-size:15px;margin:0 0 12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form-grid input,.comment-field textarea{width:100%;border:1px solid #dce2ea;border-radius:11px;padding:11px 12px;font:inherit;outline:none}.comment-field{display:block;margin-top:10px}
.ready-progress{margin:13px 0 0}.ready-progress>div:first-child{display:flex;justify-content:space-between;font-size:11px;color:#667085;margin-bottom:7px}.progress-track{height:7px;border-radius:999px;background:#edf0f4;overflow:hidden}.progress-track span{display:block;width:0;height:100%;background:#00aeef;transition:width .15s}
.ready-status{min-height:20px;margin:10px 0;font-size:12px;color:#667085}.ready-status.error{color:#c62828}
.submit-ready{width:100%;min-height:48px;border:0;border-radius:12px;background:#101722;color:#fff;font-size:14px;font-weight:800;cursor:pointer}.submit-ready:disabled{opacity:.38;cursor:not-allowed}
.ready-success{padding:24px;border-radius:17px;background:#f0fbf4;border:1px solid #bfe8ce;text-align:center}.ready-success>span{display:block;color:#15803d;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.ready-success>strong{display:block;font-size:28px;margin:10px 0}.ready-success p{color:#526071;font-size:13px;line-height:1.5;margin:0 0 16px}
.ready-help{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.ready-help>div{padding:18px;border:1px solid #e3e7ed;border-radius:17px;background:#fff}.ready-help strong{font-size:13px}.ready-help p{font-size:11.5px;color:#667085;line-height:1.45;margin:7px 0 0}
.header-ready-link.active{color:#111820}
@media(max-width:1000px){.ready-intro,.ready-layout{grid-template-columns:1fr}.ready-rules{max-width:600px}.preview-shell{height:360px}}
@media(max-width:700px){.ready-main{padding-top:24px}.ready-intro h1{font-size:36px}.ready-rules,.ready-help,.form-grid{grid-template-columns:1fr}.ready-card{padding:16px}.card-title-row{align-items:flex-start}.switch-mode{max-width:130px;text-align:right}.preview-shell{height:300px}}


/* ============================================================
   v7.2 — приведение к типографике остальных страниц.
   Крупные числа и заголовки карточек набирались Inter, а на всех
   прочих страницах те же элементы — Manrope. Выравниваем.
   ============================================================ */
.ready-intro h1,
.card-title-row h2,
.order-form-wrap h3,
.price-box strong,
.ready-success > strong,
.dimension-editor input,
.submit-ready{
  font-family:var(--font-display);
  letter-spacing:-.02em;
}
.ready-intro h1{font-size:40px;letter-spacing:-.04em;font-weight:800}
.price-box strong{font-size:22px;letter-spacing:-.03em}
.ready-success > strong{font-size:26px;letter-spacing:-.03em}
.dimension-editor input{font-weight:700;font-variant-numeric:tabular-nums}
.submit-ready{font-weight:800;font-size:14px;border-radius:12px;transition:transform .16s,box-shadow .16s}
.submit-ready:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(13,19,32,.18)}

/* единый стиль мелких подписей-меток */
.dimension-editor label > span,
.form-grid label > span,
.comment-field > span,
.price-box span{
  font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#98a2b3;
}


@media(max-width:700px){
  .ready-intro h1{font-size:31px}
}