.measurement{background:#111;color:#fff}
.measurement-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:55px}
.measurement-heading>p{max-width:390px;margin:0;color:#c9c5be;font-size:14px;line-height:1.8}
.measurement-layout{display:grid;grid-template-columns:minmax(0,42fr) minmax(520px,58fr);gap:clamp(36px,4vw,70px);align-items:start}
.measurement-visual{position:sticky;top:24px;margin:0;background:#f4f1ea;padding:0}
.measurement-visual img{display:block;width:100%;height:auto;object-fit:contain}
.measurement-visual img[role="button"]{cursor:zoom-in}
.measurement-visual img:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.measurement-visual figcaption{margin:0;padding:12px 2px 0;background:#111;color:#aaa69e;font-size:12px;line-height:1.7}
.measurement-form{min-width:0}
.measurement-form-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid #ffffff45}
.measurement-form-intro h3{margin:0;font-size:28px}
.measurement-form-intro p{margin:0;color:#c9c5be;font-size:12px}
.measurement-form-intro span{color:var(--red)}
.measurement-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.measurement-group{grid-column:1/-1;margin:28px 0 0;padding:0 0 12px;border-bottom:1px solid var(--gold);color:var(--gold);font-size:12px;letter-spacing:1.4px}
.measurement-field{display:grid;grid-template-columns:42px minmax(0,1fr) 112px;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #ffffff24}
.measurement-number{color:var(--gold);font-size:13px;font-weight:900}
.measurement-name{min-width:0}
.measurement-name strong,.measurement-name small{display:block}
.measurement-name strong{font-size:14px}
.measurement-name small{margin-top:4px;color:#99958e;font-size:10px;line-height:1.35}
.measurement-input{display:grid;grid-template-columns:minmax(0,1fr) 25px;align-items:center;min-height:44px;border:1px solid #ffffff50;background:#fff}
.measurement-input:focus-within{outline:2px solid var(--gold);outline-offset:2px}
.measurement-input input{width:100%;min-width:0;border:0;outline:0;padding:10px 4px 10px 10px;background:transparent;color:#090909;font:700 14px Arial,sans-serif}
.measurement-input span{color:#605c57;font-size:10px}
.measurement-field:has(input[aria-invalid="true"]) .measurement-input{border-color:#ff5d60}
.measurement-status{min-height:24px;margin:18px 0 0;color:#ff8587;font-size:13px;line-height:1.6}
.measurement-status.is-valid{color:var(--gold)}
.measurement-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px}
.measurement-submit,.measurement-download{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:0;padding:15px 17px;color:#fff;font-size:13px;font-weight:700;cursor:pointer}
.measurement-submit{background:var(--red)}
.measurement-submit:hover{background:#e53739}
.measurement-download{border:1px solid #ffffff70;background:transparent}
.measurement-download:hover{border-color:var(--gold);color:var(--gold)}
.measurement-submit b,.measurement-download b{font-size:17px}
@media(max-width:1100px){.measurement-layout{grid-template-columns:minmax(280px,40fr) minmax(400px,60fr);gap:32px}.measurement-fields{grid-template-columns:1fr}}
@media(max-width:820px){.measurement-layout{display:block}.measurement-visual{position:static;max-width:560px;margin:0 auto 38px}}
@media(max-width:760px){.measurement-heading{display:block;margin-bottom:35px}.measurement-heading>p{margin-top:24px}.measurement-form-intro{display:block}.measurement-form-intro p{margin-top:10px}.measurement-field{grid-template-columns:34px minmax(0,1fr) 105px;gap:9px}.measurement-name strong{font-size:13px}.measurement-input input{padding-top:13px;padding-bottom:13px}.measurement-actions{display:grid}.measurement-submit,.measurement-download{width:100%}}
@media(max-width:430px){.measurement-field{grid-template-columns:30px minmax(0,1fr) 92px;gap:7px}.measurement-input input{padding-left:7px}.measurement-name small{font-size:9px;overflow-wrap:anywhere}}
.customer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:22px 0 8px;padding:18px;background:#ffffff0a;border:1px solid #ffffff24}.customer-fields label{display:grid;gap:7px}.customer-fields span{font-size:11px;color:#c9c5be}.customer-fields input{width:100%;border:1px solid #ffffff45;background:#fff;color:#090909;padding:12px;font:700 13px Arial,sans-serif;outline:0}.customer-fields input:focus{outline:2px solid var(--gold);outline-offset:2px}.measurement-share{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #5fd16e;background:transparent;padding:15px 17px;color:#fff;font-size:13px;font-weight:700;cursor:pointer}.measurement-share:hover{background:#173d1d}.measurement-share b{font-size:17px}@media(max-width:760px){.customer-fields{grid-template-columns:1fr}.measurement-share{width:100%}}