.fit-main{max-width:1200px;margin:auto;padding:55px 5%}.fit-main h1{font-size:clamp(52px,6vw,78px)}.fit-intro{max-width:560px;font-size:18px}.fit-note{padding:20px 24px;background:var(--pink);border-left:3px solid var(--red);margin:28px 0;font-size:14px}.prep{margin-bottom:35px}.prep li{padding:5px 0}.prep p{max-width:none}.fit-work{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;border:1px solid var(--line);padding:24px}.fit-controls label{display:block;font-size:14px;font-weight:600;margin:18px 0 7px}.fit-controls label:first-of-type{margin-top:0}.fit-controls input{width:100%;max-width:100%}.fit-controls input[type=number]{padding:10px;border:1px solid var(--line)}.upload-label{border:1px dashed var(--red);padding:16px;background:var(--pink)}.upload-label input{margin-top:12px;font-size:12px}.fit-controls input[type=range]{accent-color:var(--red);min-height:35px}#photo-scroll{height:440px;overflow:auto;position:relative;background:#f0e5e7;border:1px solid var(--line)}#measure{display:block;max-width:none;width:100%;height:auto;cursor:crosshair;touch-action:pan-x pan-y}#empty-photo{position:absolute;inset:0;display:grid;align-content:center;text-align:center;pointer-events:none;font-family:'Playfair Display',serif;font-size:26px}#empty-photo span{font:14px 'DM Sans',sans-serif;margin-top:10px}#instruction{font-weight:600;min-height:52px;margin-top:0}#reading{min-height:30px;font-weight:600}button:disabled{opacity:.45;cursor:not-allowed}.fit-results{margin-top:55px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;margin:24px 0}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line)}th{background:var(--pink)}td button{border:0;background:none;color:var(--red);text-decoration:underline;padding:6px}.inline-link{text-decoration:underline}input:focus-visible,canvas:focus-visible{outline:3px solid var(--red);outline-offset:3px}[hidden]{display:none!important}#zoom-value{float:right}#fit-summary{background:#fff} @media(max-width:700px){.fit-work{grid-template-columns:1fr;padding:16px;gap:16px}.fit-main{padding:35px 5%}#photo-scroll{height:360px}.fit-main .actions>*{flex:1 1 auto}.fit-main header{font-size:13px}th,td{padding:8px}.fit-controls .fine{margin-top:8px}.fit-results h2{font-size:36px}}