*{box-sizing:border-box}body{margin:0;background:#f2f8f8;color:#092d29;font:15px/1.5 Arial,Helvetica,sans-serif}main{max-width:1320px;margin:auto;padding:40px 26px}header{max-width:760px;margin-bottom:30px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#007f83}h1{font-size:clamp(30px,4vw,46px);line-height:1.12;margin:12px 0 16px;letter-spacing:-1.2px}header p{color:#45615f;font-size:16px}.privacy{display:inline-block;background:#dfefea;padding:7px 12px;border-radius:20px;font-size:12px}.workspace{display:grid;grid-template-columns:minmax(310px,0.85fr) minmax(0,1.4fr);gap:22px}section.inputs,.viewer-panel{background:white;border:1px solid #d7e5e3;border-radius:14px;padding:22px}h2{font-size:19px;margin:0}.step{display:flex;align-items:center;gap:12px;margin-bottom:16px}.step:not(:first-child){margin-top:26px}.step>span{color:#008d91;background:#e7f4f2;border-radius:50%;padding:6px 9px;font-size:12px;font-weight:bold}label{display:block;font-size:12px;font-weight:600;margin-bottom:4px}input,select{width:100%;min-width:0;border:1px solid #b8cdca;background:#fff;border-radius:6px;padding:9px;color:#153f3a;font:inherit;font-size:13px}input[type=checkbox]{width:16px;height:16px;accent-color:#008c90}button,a{touch-action:manipulation}button{font:inherit;font-weight:600;font-size:13px;cursor:pointer;border-radius:7px;padding:10px 13px}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,#viewer:focus-visible{outline:3px solid #b46b19;outline-offset:3px}.primary{background:#008e94;color:#fff;border:0;width:100%;display:flex;justify-content:space-between;margin-top:16px;padding:14px}.secondary{border:1px solid #bdd2ce;color:#15504a;background:white}.text{background:none;border:0;color:#007a80}.muted{color:#536b67;font-size:12px}.cargo-card{background:#f7faf9;border:1px solid #dbe7e4;border-left:3px solid var(--cargo-color);border-radius:8px;padding:12px;margin:12px 0}.cargo-head{display:flex;align-items:end;gap:8px}.cargo-head label{flex:1}.remove{background:none;border:0;color:#79504c;padding:8px}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.checks{display:flex;gap:16px;margin-top:10px}.checks label{display:flex;align-items:center;gap:5px;font-weight:400}.row{display:flex;justify-content:space-between;gap:8px}.view-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:16px}.view-title h2{margin-top:5px}#viewer{height:340px;background:#edf5f4;border-radius:10px;overflow:hidden;position:relative}#viewer canvas{display:block;width:100%;height:100%;touch-action:none}.view-hint{text-align:center;font-size:11px;color:#526c67}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-block:1px solid #e0eae7;padding:20px 0}.stats strong{display:block;font-size:26px;color:#007e83}.stats span{font-size:12px;color:#516b65}#summary{font-size:13px;color:#41615a;margin:18px 0}#summary ul{padding-left:20px}#message{font-size:13px;color:#785012;min-height:20px}footer{margin-top:24px;padding:20px 0 0;border-top:1px solid #d5e3df;font-size:12px;color:#536d66}footer strong{color:#153f36}footer a{color:#007980;font-weight:bold}footer p{max-width:900px}@media(max-width:760px){main{padding:26px 14px}.workspace{grid-template-columns:1fr}section.inputs,.viewer-panel{padding:16px}#viewer{height:300px}.stats strong{font-size:22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.workspace>*{min-width:0}.fields>label{min-width:0}.view-title{flex-wrap:wrap}@media(max-width:760px){.workspace{grid-template-columns:minmax(0,1fr)}.stats{gap:6px}.stats strong{font-size:20px}}