:root{--cm-bg-page:#f7f5f2;--cm-bg-gradient:linear-gradient(165deg, #faf9f7 0%, #f3f0eb 42%, #e8eef6 100%);--cm-text:#2e2e2e;--cm-text-muted:#5c5658;--cm-plum-deep:#3d1f47;--cm-plum-mid:#5c2d68;--cm-plum-soft:#8b6b9a;--cm-accent-blue:#0053b8;--cm-accent-blue-hover:#004494;--cm-card-border:#3d1f471a;--cm-card-shadow:#2d1e3714;--cm-cta-bg:#0053b8;--cm-cta-bg-hover:#004494;--cm-surface-tint:#0053b814;--cm-radius-sm:0;--cm-radius-md:0;--cm-radius-lg:0;--cm-radius-xl:0;--cm-radius-pill:0;--cm-font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--cm-font-sans);color:var(--cm-text);background:var(--cm-bg-gradient);background-color:var(--cm-bg-page);min-height:100%;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0}button{font:inherit;appearance:none}#root{min-height:100vh}a{color:var(--cm-accent-blue);text-decoration:none}a:hover{color:var(--cm-accent-blue-hover);text-decoration:underline}code{background:var(--cm-surface-tint);color:var(--cm-plum-deep);border-radius:var(--cm-radius-sm);padding:.1rem .35rem;font-size:.9em}.page{max-width:960px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.page.narrow{max-width:560px}.hero{margin-bottom:2rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--cm-accent-blue);margin:0 0 .5rem;font-size:.72rem;font-weight:600}h1{color:var(--cm-plum-deep);letter-spacing:-.02em;margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700}.layout{gap:1.5rem;display:grid}@media (width>=800px){.layout{max-width:620px}}.product-card{border-radius:var(--cm-radius-lg);box-shadow:0 10px 36px var(--cm-card-shadow);border:1px solid var(--cm-card-border);background:#fff;padding:1.5rem}.print-showcase{margin-bottom:1.5rem}.print-showcase__intro{letter-spacing:.12em;text-transform:uppercase;color:var(--cm-text-muted);margin:0 0 .65rem;font-size:.72rem;font-weight:600}.print-showcase__stage{background:linear-gradient(#f3f1ed 0%,#e8e4de 100%);border:1px solid #2e2e2e14;height:min(240px,52vw);margin-bottom:1rem;position:relative;overflow:hidden}.print-showcase__print{background-repeat:no-repeat;background-size:cover;border:1px solid #00000012;position:absolute;box-shadow:4px 10px 22px #1e182824,inset 0 1px #ffffff59}.print-showcase__print--4x6-land{aspect-ratio:3/2;z-index:1;background-position:48% 42%;width:min(78%,300px);top:52%;left:50%;transform:translate(-50%,-50%)}.print-showcase__print--5x7{aspect-ratio:5/7;z-index:3;background-position:58% 35%;width:min(30%,118px);top:14%;right:6%}.print-showcase__print--4x6-port{aspect-ratio:2/3;z-index:2;background-position:32% 48%;width:min(28%,108px);bottom:10%;left:7%;transform:rotate(-13deg)}@media (prefers-reduced-motion:reduce){.print-showcase__print--4x6-port{left:9%;transform:none}}.print-showcase__key{color:var(--cm-text-muted);flex-wrap:wrap;gap:.75rem 1.25rem;margin:0;padding:0;font-size:.8rem;list-style:none;display:flex}.print-showcase__key li{align-items:center;gap:.45rem;display:flex}.print-showcase__swatch{background:var(--cm-surface-tint);border:1px solid #2e2e2e26;flex-shrink:0;display:inline-block}.print-showcase__swatch--46{width:28px;height:18px}.print-showcase__swatch--57{width:20px;height:28px}.print-option{cursor:pointer;border:1.5px solid #0000;border-bottom-color:#2e2e2e14;align-items:center;gap:.75rem;margin:0 -1rem;padding:.75rem 1rem;transition:background-color .15s,border-color .15s;display:flex}.print-option:last-of-type{border-bottom-color:#0000;margin-bottom:1rem}.print-option:has(input:checked){background-color:#0053b80f;border-color:#0053b84d}.print-option:hover:not(:has(input:disabled)){background-color:#0053b808}.print-option input[type=checkbox]{appearance:none;border-radius:var(--cm-radius-sm);cursor:pointer;background:#fff;border:2px solid #c5ced9;flex-shrink:0;place-content:center;width:1.25rem;height:1.25rem;transition:border-color .15s,background-color .15s;display:grid}.print-option input[type=checkbox]:after{content:"";clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);background:#fff;width:.65rem;height:.65rem;transition:transform .12s;transform:scale(0)}.print-option input[type=checkbox]:checked{background-color:var(--cm-accent-blue);border-color:var(--cm-accent-blue)}.print-option input[type=checkbox]:checked:after{transform:scale(1)}.print-option input[type=checkbox]:focus-visible{outline:2px solid var(--cm-accent-blue);outline-offset:2px}.print-option input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed}.print-option__text{flex-direction:column;display:flex}.print-option__label{color:var(--cm-text);font-weight:600}.print-option__sub{color:var(--cm-text-muted);font-size:.85rem}.cta{cursor:pointer;background-color:var(--cm-cta-bg);color:#fff;width:100%;box-shadow:none;border:none;border-radius:0;justify-content:center;align-items:center;margin-top:.5rem;padding:.9rem 1.25rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .15s;display:inline-flex}.cta:hover:not(:disabled){background-color:var(--cm-cta-bg-hover)}.cta.secondary{color:var(--cm-accent-blue);border:2px solid var(--cm-accent-blue);box-shadow:none;background:0 0}.cta.secondary:hover:not(:disabled){background:var(--cm-surface-tint);filter:none}.cta:disabled{cursor:not-allowed;color:#5c6370;box-shadow:none;background-color:#d1d6de}.cta:focus-visible{outline:2px solid var(--cm-accent-blue);outline-offset:3px}.muted{color:var(--cm-text-muted)}.error{color:#b00020;font-weight:500}.result-card{border-radius:var(--cm-radius-lg);box-shadow:0 10px 36px var(--cm-card-shadow);border:1px solid var(--cm-card-border);background:#fff;padding:1.5rem}.dl{gap:.75rem;margin:0 0 1.5rem;display:grid}.dl div{grid-template-columns:120px 1fr;gap:.5rem;display:grid}.dl dt{color:var(--cm-text-muted);margin:0;font-weight:600}.dl dd{margin:0}.raw pre{max-height:240px;color:var(--cm-text);border-radius:var(--cm-radius-md);background:#f3f1ee;border:1px solid #2e2e2e14;padding:.75rem;font-size:.75rem;overflow:auto}.dev-server-hint{color:#4a1a1a;background:#ffe8e8;border-bottom:1px solid #f0c4c4;margin:0;padding:.65rem 1rem;font-size:.875rem;line-height:1.45}