.length-page[data-v-3f764401]{display:grid;gap:24px;color:#172033}.length-heading[data-v-3f764401]{max-width:760px}.length-eyebrow[data-v-3f764401]{margin:0 0 10px;color:#0e7490;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.length-heading h1[data-v-3f764401]{margin:0;color:#111827;font-size:3.25rem;line-height:1.05;font-weight:850}.length-heading p[data-v-3f764401]:last-child{margin:14px 0 0;color:#526174;font-size:1.05rem}.length-workspace[data-v-3f764401]{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);gap:20px;align-items:stretch}.length-form[data-v-3f764401],.length-result[data-v-3f764401],.length-popular[data-v-3f764401]{border:1px solid #d7e3ea;border-radius:8px;background:#fbfdff}.length-form[data-v-3f764401]{display:grid;align-content:start;gap:18px;padding:24px}.length-field[data-v-3f764401]{display:grid;gap:8px}.length-field label[data-v-3f764401]{color:#27364a;font-weight:750}.length-field input[data-v-3f764401],.length-field select[data-v-3f764401]{width:100%;min-width:0;border:1px solid #cbd7e6;border-radius:8px;padding:14px;color:#111827;background:#fff;font:inherit;outline:0}.length-field input[data-v-3f764401]:focus,.length-field select[data-v-3f764401]:focus{border-color:#0e7490;box-shadow:0 0 0 3px #0e74901f}.length-field input[aria-invalid=true][data-v-3f764401]{color:#991b1b}.length-error[data-v-3f764401]{margin:0;color:#b91c1c;font-size:.9rem}.length-unit-grid[data-v-3f764401]{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:12px;align-items:end}.length-swap[data-v-3f764401]{display:inline-flex;align-items:center;justify-content:center;width:44px;height:48px;border:1px solid #cbd7e6;border-radius:8px;color:#0e7490;background:#fff;font-size:1.35rem;font-weight:800;cursor:pointer}.length-swap[data-v-3f764401]:hover{border-color:#0e7490;background:#ecfeff}.length-result[data-v-3f764401]{display:flex;flex-direction:column;justify-content:center;min-height:252px;padding:24px}.length-result__label[data-v-3f764401]{margin:0 0 8px;color:#64748b;font-size:.85rem;font-weight:800;text-transform:uppercase}.length-result__value[data-v-3f764401]{color:#0e7490;font-size:3.6rem;line-height:1;font-weight:850;overflow-wrap:anywhere}.length-result p[data-v-3f764401]{margin:14px 0 0;color:#526174}.length-result__empty[data-v-3f764401]{margin-top:8px}.length-popular[data-v-3f764401]{padding:20px 24px}.length-popular h2[data-v-3f764401]{margin:0 0 12px;color:#111827;font-size:1.05rem;font-weight:800}.length-popular ul[data-v-3f764401]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.length-popular li[data-v-3f764401]{border-radius:8px;padding:10px 12px;color:#334155;background:#f0f9ff;font-size:.92rem;font-weight:700;text-align:center}@media (max-width: 900px){.length-workspace[data-v-3f764401]{grid-template-columns:1fr}.length-popular ul[data-v-3f764401]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 767px){.length-page[data-v-3f764401]{gap:20px}.length-heading h1[data-v-3f764401]{font-size:2.15rem}.length-heading p[data-v-3f764401]:last-child{font-size:1rem}.length-form[data-v-3f764401],.length-result[data-v-3f764401],.length-popular[data-v-3f764401]{padding:18px}.length-unit-grid[data-v-3f764401]{grid-template-columns:1fr}.length-swap[data-v-3f764401]{width:100%}.length-result[data-v-3f764401]{min-height:220px}.length-result__value[data-v-3f764401]{font-size:3rem}.length-popular ul[data-v-3f764401]{grid-template-columns:1fr}}