*{box-sizing:border-box}:root{color:#20272f;background:#f3f5f6;font:16px/1.5 system-ui,sans-serif}body{margin:0}main{width:min(100% - 2rem,52rem);margin:0 auto;padding:2rem 0 4rem}header{margin-bottom:1.5rem}.eyebrow{color:#4a5967;font-size:.85rem;font-weight:700}h1{margin:.25rem 0 .5rem;font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.1}h2{margin-top:0;font-size:1.2rem}section{background:#fff;border:1px solid #cbd3d9;border-radius:.75rem;margin-block:1rem;padding:1.25rem}#preview{object-fit:cover;background:#121820;border-radius:.5rem;width:100%;min-height:12rem;max-height:55vh;display:block}.actions{flex-wrap:wrap;gap:.75rem;margin-top:.85rem;display:flex}button{color:#fff;min-height:2.75rem;font:inherit;cursor:pointer;background:#173b55;border:1px solid #344858;border-radius:.4rem;padding:.65rem 1rem;font-weight:650}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible{outline-offset:2px;outline:3px solid #d87b2d}#camera-status{min-height:1.5em}.result{overflow-wrap:anywhere;background:#f3f5f6;border-left:4px solid #d87b2d;padding:.75rem}.result p{margin:.2rem 0}figure{text-align:center;border:1px dashed #8b969f;width:fit-content;max-width:100%;margin:1rem 0;padding:1rem}figure img{width:min(260px,65vw);height:auto;display:block}figcaption{margin-top:.5rem}.note{color:#485866;font-size:.9rem}@media print{:root{background:#fff}body *{visibility:hidden}.label,.label *{visibility:visible}.label{border:0;width:100%;position:absolute;inset:0}.label>:not(figure):not(h2){display:none}figure{border:0;margin:0}figure img{width:2in}}