:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#193a33;background:#f7f7f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1160px;margin:auto;padding:20px 28px}header{display:flex;justify-content:space-between;gap:16px;align-items:center}a{color:#176755}.brand{text-decoration:none;font-weight:800;font-size:21px}nav{font-size:14px}h1{font-size:clamp(28px,4vw,44px);letter-spacing:-.04em;margin:8px 0 18px}.workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:24px}article,.settings{background:white;border:1px solid #d9e2d7;border-radius:18px;padding:20px;min-width:0}.drop{padding:16px;border:1px dashed #86a795;border-radius:12px;background:#f1f5ec}.over{background:#dceee1}.drop p,.drop small{margin:8px 0;display:block}.label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#63776b}button,.button{border:1px solid #b9cdc0;border-radius:9px;background:#fff;color:#193a33;min-height:46px;padding:10px 17px;font:inherit;font-weight:650;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary{background:#1b7561;color:#fff;border-color:#1b7561}button:disabled{opacity:.45;cursor:wait}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}label{display:block;font-size:13px;font-weight:600}input,select{margin-top:7px;padding:10px;width:100%;font:inherit;min-height:44px;border:1px solid #bacbbd;border-radius:8px}input:focus,select:focus,button:focus-visible,#crop-box:focus-visible{outline:3px solid #d5a649;outline-offset:2px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.stage{position:relative;max-width:100%;width:fit-content;margin:16px auto;touch-action:none;line-height:0;background:repeating-conic-gradient(#e8ece6 0% 25%,white 0% 50%) 50%/16px 16px;overflow:hidden}.stage img{display:block;max-width:100%;max-height:390px;object-fit:contain}#crop-box{position:absolute;border:2px solid #e2ab42;box-shadow:0 0 0 9999px #102c3360;cursor:move;touch-action:none}#handle{position:absolute;right:-4px;bottom:-4px;width:28px;height:28px;background:#e2ab42;border:3px solid #fff;border-radius:50%;cursor:nwse-resize}.readings{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-variant-numeric:tabular-nums}#result{max-width:100%;max-height:260px;display:block;margin:14px auto}.result-wrap{min-height:70px;margin-top:16px;border-top:1px solid #e2e8df;padding-top:15px}#status{font-size:14px;line-height:1.5;padding:12px;border-radius:8px;background:#edf5ed}.error{background:#fff0e9!important;color:#943a20}small,#target,.source{font-size:12px;line-height:1.5;color:#526c60;overflow-wrap:anywhere}.copy{max-width:760px;margin:42px auto;line-height:1.7}.copy h2{font-size:24px;line-height:1.3}.copy h3{font-size:18px}footer{border-top:1px solid #d8e2d7;font-size:13px;line-height:1.8}footer a{margin-right:16px}footer p{color:#63776b}[hidden]{display:none!important}@media(max-width:700px){header,main,footer{padding:16px}.workspace{grid-template-columns:1fr;gap:14px}header{align-items:flex-start}nav{font-size:12px}article,.settings{padding:14px}.stage img{max-height:300px}.copy{margin-top:28px}h1{margin-top:0}.drop{padding:12px}}@media(prefers-reduced-motion:no-preference){button{transition:background .12s,opacity .12s}.over{transition:background .12s}}
@media(max-width:700px){header{padding-bottom:8px}h1{font-size:28px;margin-bottom:12px}.stage{margin:8px auto}.stage img{max-height:160px}.drop p{font-size:13px;margin:6px 0}.source{margin:8px 0}.fields{gap:8px;margin:10px 0}.settings{padding:12px}.actions{margin:10px 0}article>small{font-size:11px}}