.area-page[data-v-7be7df90]{display:grid;gap:24px;color:#172033}.area-heading[data-v-7be7df90]{max-width:760px}.area-eyebrow[data-v-7be7df90]{margin:0 0 10px;color:#0d9488;font-size:.78rem;font-weight:800;text-transform:uppercase}.area-heading h1[data-v-7be7df90]{margin:0;color:#111827;font-size:3.25rem;line-height:1.05;font-weight:850}.area-heading p[data-v-7be7df90]:last-child{margin:14px 0 0;color:#526174;font-size:1.05rem}.area-workspace[data-v-7be7df90]{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,400px);gap:20px;align-items:start}.area-form[data-v-7be7df90],.area-result[data-v-7be7df90]{border:1px solid #d7e3ea;border-radius:8px;background:#fbfdff}.area-form[data-v-7be7df90]{display:grid;align-content:start;gap:20px;padding:24px}.area-field[data-v-7be7df90]{display:grid;gap:6px}.area-field label[data-v-7be7df90]{font-size:13px;font-weight:600;color:#374151}.area-field input[data-v-7be7df90],.area-field select[data-v-7be7df90]{padding:10px 12px;border:1.5px solid #d1d5db;border-radius:10px;background:#f9fafb;font-size:15px;color:#111827;transition:border-color .15s;width:100%;box-sizing:border-box}.area-field input[data-v-7be7df90]:focus,.area-field select[data-v-7be7df90]:focus{outline:none;border-color:#0d9488;background:#fff}.area-field input[aria-invalid=true][data-v-7be7df90]{border-color:#ef4444}.area-error[data-v-7be7df90]{font-size:12px;color:#ef4444;margin:0}.area-unit-grid[data-v-7be7df90]{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end}.area-swap[data-v-7be7df90]{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;border:1.5px solid #d1d5db;background:#f9fafb;font-size:18px;color:#6b7280;cursor:pointer;transition:border-color .12s,color .12s;margin-bottom:2px}.area-swap[data-v-7be7df90]:hover{border-color:#0d9488;color:#0f766e}.area-result[data-v-7be7df90]{display:flex;flex-direction:column;justify-content:center;min-height:180px;padding:24px}.area-result__label[data-v-7be7df90]{margin:0 0 16px;color:#64748b;font-size:.85rem;font-weight:800;text-transform:uppercase}.area-result__value[data-v-7be7df90]{color:#0d9488;font-size:2.5rem;font-weight:850;line-height:1.1;overflow-wrap:anywhere}.area-result__unit[data-v-7be7df90]{margin-left:6px;font-size:1.4rem;font-weight:600;color:#94a3b8}.area-result__summary[data-v-7be7df90]{margin-top:10px;font-size:.9rem;color:#526174;overflow-wrap:anywhere}.area-result__side[data-v-7be7df90]{margin-top:10px;padding-top:10px;border-top:1px solid #f1f5f9;font-size:13px;color:#64748b}.area-result__empty[data-v-7be7df90]{color:#94a3b8;font-size:14px}.area-popular h2[data-v-7be7df90]{margin:0 0 14px;font-size:1.1rem;font-weight:700;color:#111827}.area-popular__list[data-v-7be7df90]{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.area-popular__item[data-v-7be7df90]{padding:6px 14px;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;font-size:13px;color:#475569}@media (max-width: 900px){.area-workspace[data-v-7be7df90]{grid-template-columns:1fr}}@media (max-width: 767px){.area-heading h1[data-v-7be7df90]{font-size:2.15rem}.area-form[data-v-7be7df90],.area-result[data-v-7be7df90]{padding:18px}.area-result__value[data-v-7be7df90]{font-size:2rem}.area-unit-grid[data-v-7be7df90]{grid-template-columns:1fr;gap:8px}.area-swap[data-v-7be7df90]{width:100%;height:34px}}