.heading{margin:34px 0 22px}.heading h1{font-size:clamp(2.5rem,7vw,4.8rem);line-height:1.05;margin:8px 0 0}.heading h1 span{color:#587e31}.workspace,.notes,#result{display:block;background:#171b18;color:#f4f7ed;border:1px solid #394339;border-radius:18px;padding:clamp(20px,4vw,34px);margin:20px 0}.inputs label{display:block;font-size:1.2rem;font-weight:700;margin:0 0 8px}.inputs label:not(:first-child){margin-top:20px}.inputs input{display:block;width:100%;padding:16px;border:1px dashed #8ba682;border-radius:12px;background:#202720;color:#f4f7ed}.inputs button{margin-top:22px}.workspace p,.notes p,#result p{color:#c9d2c7;line-height:1.6}.progress-area{border-top:1px solid #3d4c3c;padding-top:18px;margin-top:22px}#status{color:#e7f0df;font-size:.9rem}.progress-area label,.progress-area span{display:block;margin:8px 0;font-size:.85rem}#progress{display:block;width:100%;height:18px;accent-color:#75a245}.notes a{color:#c3f073}#result .download{display:inline-flex;padding:0 20px}.error{color:#ff9b9b!important}@media(max-width:650px){.heading{margin-top:22px}.workspace{padding:18px}.inputs input{padding:12px}.inputs button{width:100%}}
.sample-figure{margin:16px 0}.sample-figure img{display:block;width:100%;height:auto;border-radius:12px}.sample-figure figcaption{color:#c9d2c7;font-size:.85rem;margin-top:7px}.measure-wrap{overflow-x:auto}.measure-wrap table{width:100%;min-width:620px;border-collapse:collapse}.measure-wrap th,.measure-wrap td{text-align:left;vertical-align:top;padding:11px;border-bottom:1px solid #435043;font-size:.88rem}.measure-wrap th{color:#f4f7ed}.measure-wrap td{color:#c9d2c7}.notes h3{font-size:1rem;color:#f4f7ed}