.printer-test-page{--cal-ink: #0f172a;--cal-muted: #475569;--cal-line: #dbe4f0;--cal-soft: #f4f8ff;color:var(--cal-ink);background:#f8fafc}.cal-shell{width:min(1180px,calc(100% - 2rem));margin:0 auto}.cal-hero{padding:8rem 0 3.5rem;background:radial-gradient(circle at 15% 20%,rgba(37,99,235,.18),transparent 30%),linear-gradient(145deg,#f8fbff,#eaf2ff);border-bottom:1px solid var(--cal-line)}.cal-eyebrow{margin:0 0 .75rem;color:#1d4ed8;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.cal-hero h1{max-width:920px;margin:0;font-size:clamp(2.5rem,6vw,4.8rem);line-height:1.02;letter-spacing:-.05em}.cal-lead{max-width:800px;margin:1.2rem 0 0;color:var(--cal-muted);font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.75}.cal-badges{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.6rem}.cal-badges span{padding:.45rem .75rem;border:1px solid #c7d7ef;border-radius:999px;background:#ffffffbf;color:#334155;font-size:.84rem;font-weight:750}.cal-main{padding:3.5rem 0 5rem}.cal-workspace{display:grid;grid-template-columns:minmax(310px,390px) minmax(0,1fr);gap:1.5rem;align-items:start}.cal-panel{border:1px solid var(--cal-line);border-radius:18px;background:#fff;box-shadow:0 16px 45px #0f172a12}.cal-controls{padding:1.35rem;position:sticky;top:92px}.cal-controls h2,.cal-preview-panel h2{margin:0 0 .35rem;font-size:1.35rem}.cal-panel-intro{margin:0 0 1.25rem;color:var(--cal-muted);font-size:.92rem;line-height:1.55}.cal-field{margin-bottom:1rem}.cal-field label,.cal-fieldset legend{display:block;margin-bottom:.45rem;color:#1e293b;font-size:.86rem;font-weight:750}.cal-control{width:100%;min-height:44px;padding:.7rem .8rem;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--cal-ink);font:inherit}.cal-control:focus{outline:3px solid rgba(37,99,235,.16);border-color:#2563eb}.cal-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.cal-fieldset{margin:0 0 1rem;padding:0;border:0}.cal-checks{display:grid;gap:.48rem}.cal-check{display:flex;gap:.6rem;align-items:flex-start;padding:.65rem .7rem;border:1px solid var(--cal-line);border-radius:10px;background:#f8fafc;cursor:pointer}.cal-check input{margin-top:.22rem;accent-color:#2563eb}.cal-check strong{display:block;font-size:.88rem}.cal-check small{display:block;margin-top:.15rem;color:#64748b;line-height:1.35}.cal-actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1rem}.cal-actions .btn{display:inline-flex;justify-content:center;align-items:center;gap:.45rem;min-height:46px;padding:.7rem}.cal-actions .cal-primary{grid-column:1 / -1}.cal-status{min-height:1.4rem;margin:.8rem 0 0;color:#475569;font-size:.82rem;text-align:center}.cal-app-note{margin:.65rem 0 0;color:#64748b;font-size:.78rem;line-height:1.45;text-align:center}.cal-preview-panel{padding:1.35rem;min-width:0}.cal-preview-toolbar{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:1rem}.cal-preview-meta{color:#64748b;font-size:.85rem;font-weight:700}.cal-preview-stage{min-height:580px;padding:1.25rem;display:grid;place-items:center;overflow:auto;border:1px dashed #b8c7da;border-radius:14px;background:#e9eef5}.cal-preview-paper{display:grid;place-items:center;max-width:100%;max-height:720px;filter:drop-shadow(0 16px 24px rgba(15,23,42,.17))}.cal-preview-paper svg{display:block;width:100%;height:100%;background:#fff}.cal-quick-guide,.cal-diagnostics,.cal-seo-copy,.cal-faq{margin-top:3.5rem}.cal-section-heading{max-width:760px;margin-bottom:1.4rem}.cal-section-heading h2{margin:0 0 .6rem;font-size:clamp(1.7rem,3vw,2.4rem)}.cal-section-heading p{margin:0;color:var(--cal-muted);line-height:1.7}.cal-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.cal-step{padding:1.25rem;border:1px solid var(--cal-line);border-radius:14px;background:#fff}.cal-step span{display:inline-grid;place-items:center;width:2rem;height:2rem;margin-bottom:.7rem;border-radius:50%;background:#2563eb;color:#fff;font-weight:800}.cal-step h3{margin:0 0 .45rem;font-size:1.02rem}.cal-step p{margin:0;color:var(--cal-muted);font-size:.9rem;line-height:1.6}.cal-diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.cal-diagnostic{padding:1rem 1.1rem;border:1px solid var(--cal-line);border-radius:12px;background:#fff}.cal-diagnostic h3{margin:0 0 .35rem;font-size:.98rem}.cal-diagnostic p{margin:0;color:var(--cal-muted);line-height:1.55;font-size:.9rem}.cal-note{margin-top:1.2rem;padding:1rem 1.1rem;border-left:4px solid #f59e0b;border-radius:0 10px 10px 0;background:#fffbeb;color:#713f12;line-height:1.6}.cal-seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cal-info-card{padding:1.3rem;border:1px solid var(--cal-line);border-radius:14px;background:#fff}.cal-info-card h3{margin-top:0}.cal-info-card p,.cal-info-card li{color:var(--cal-muted);line-height:1.65}.cal-faq details{padding:1rem .6rem;border-top:1px solid var(--cal-line)}.cal-faq details:last-child{border-bottom:1px solid var(--cal-line)}.cal-faq summary{cursor:pointer;font-weight:750}.cal-faq p{color:var(--cal-muted);line-height:1.65}.cal-final-cta{margin-top:4rem;padding:3rem 1.5rem;border-radius:18px;background:#0f172a;color:#fff;text-align:center}.cal-final-cta h2{margin:0}.cal-final-cta p{max-width:680px;margin:.8rem auto 1.3rem;color:#cbd5e1;line-height:1.65}.cal-print-only{display:none}@media(max-width:900px){.cal-workspace{grid-template-columns:1fr}.cal-controls{position:static}.cal-preview-stage{min-height:440px}.cal-steps{grid-template-columns:1fr}}@media(max-width:640px){.cal-hero{padding-top:6rem}.cal-controls,.cal-preview-panel{padding:1rem}.cal-row,.cal-actions,.cal-diagnostic-grid,.cal-seo-grid{grid-template-columns:1fr}.cal-actions .cal-primary{grid-column:auto}.cal-preview-toolbar{display:block}.cal-preview-meta{margin-top:.35rem}.cal-preview-stage{min-height:340px;padding:.65rem}}@media print{body.calibration-printing>*:not(.cal-print-only){display:none!important}body.calibration-printing .cal-print-only{display:block!important;position:fixed;top:0;right:0;bottom:0;left:0;margin:0;padding:0;background:#fff}body.calibration-printing .cal-print-only svg{display:block;width:100%;height:100%}}
