
:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182033;background:#f3f6fb}*{box-sizing:border-box}body{margin:0}.pro{max-width:1180px;margin:0 auto;padding:28px 18px 80px}.back{color:#405174;text-decoration:none}.lead{color:#56627a;line-height:1.7}.card{background:#fff;border:1px solid #dce3ef;border-radius:18px;padding:20px;margin:18px 0;box-shadow:0 10px 30px rgba(30,50,90,.06)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}label{display:grid;gap:7px;font-weight:700;color:#33405a}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;border:1px solid #bcc8da;border-radius:10px;padding:10px;background:#fff}button{border:1px solid #aebbd0;border-radius:11px;padding:11px 16px;background:#fff;cursor:pointer;font-weight:700}.primary{background:#315efb;color:white;border-color:#315efb}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.status{padding:12px;border-radius:10px;background:#eef3ff;white-space:pre-wrap}.warn{background:#fff6db;border-left:4px solid #e2a900;padding:12px 14px;border-radius:8px;color:#594400}.good{color:#0b7a43}.bad{color:#b3261e}.pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}.page{border:1px solid #d7deea;border-radius:12px;padding:8px;background:#f9fbff}.page canvas{width:100%;height:auto;border-radius:7px;background:white}.overlay-wrap{position:relative;display:inline-block;max-width:100%;overflow:auto}.overlay-wrap canvas{max-width:none}.overlay-diff{position:absolute;left:0;top:0;mix-blend-mode:multiply;opacity:.65;pointer-events:none}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compare-grid canvas{width:100%;height:auto;border:1px solid #dce3ef}.report{max-height:420px;overflow:auto;background:#101828;color:#ecf2ff;padding:14px;border-radius:12px}small{color:#667085}@media(max-width:700px){.compare-grid{grid-template-columns:1fr}.pro{padding:18px 12px 60px}}
