.measurely{--measurely:#0f766e;border:1px solid #e5e7eb;border-radius:14px;padding:16px 18px;margin:0 0 16px;background:#fff;color:#111827;box-sizing:border-box;max-width:460px}
.measurely__t{font-weight:700;margin:0 0 10px;font-size:16px}
.measurely__f{display:flex;gap:10px}
.measurely__f label{flex:1;display:flex;flex-direction:column;gap:4px;font-size:13px;color:#374151}
.measurely__f input{border:1.5px solid #d1d5db;border-radius:10px;padding:10px 12px;font:inherit;font-size:16px;width:100%;box-sizing:border-box}
.measurely__f input:focus{outline:2px solid var(--measurely);outline-offset:1px;border-color:var(--measurely)}
.measurely__r{display:flex;justify-content:space-between;align-items:baseline;margin:12px 0 0;padding-top:10px;border-top:1px dashed #e5e7eb;font-size:15px;color:#4b5563}
.measurely__r strong{font-size:20px;color:var(--measurely)}
.measurely.is-over .measurely__r span{color:#dc2626}
.measurely__n{font-size:12.5px;color:#6b7280;margin:6px 0 0}
.measurely-unit{font-size:.7em;color:#6b7280}
.measurely-demo{max-width:460px}
.measurely-demo__p{margin:0 0 12px;font-size:16px}
.measurely-demo__b{border:0;border-radius:10px;background:var(--measurely,#0f766e);background:#0f766e;color:#fff;font:inherit;font-weight:700;padding:12px 22px;cursor:pointer}
.measurely-demo__b:disabled{opacity:.45;cursor:not-allowed}