.uc-row { display: grid; grid-template-columns: minmax(7rem, 12rem) minmax(0, 1fr) auto minmax(0, 1fr); gap: .7rem; align-items: end; }
.uc-row label { display: grid; gap: .2rem; font-size: .85rem; color: var(--muted); }
.uc .uc-row select, .uc .uc-row input { font-size: 1.05rem; padding: .55rem .6rem; }
.uc-swap { font-size: 1.3rem; line-height: 1; min-width: 3rem; }
.uc-result { display: flex; align-items: center; gap: .8rem; flex-wrap: wrap; margin-top: .8rem; padding: .8rem 1rem; background: #F4F7F8; border-left: 4px solid var(--orange); border-radius: 4px; }
.uc-result output { font: 600 1.7rem/1.2 var(--font-display); overflow-wrap: anywhere; flex: 1; min-width: 12rem; color: var(--ink); }
.uc-tablewrap { overflow: auto; }
.uc-table { width: 100%; border-collapse: collapse; }
.uc-table th, .uc-table td { text-align: left; padding: .4rem .6rem; border-bottom: 1px solid #e3e6e8; font-size: .95rem; }
.uc-table td:last-child { font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.uc-table tr.is-to td { background: #FBF1EA; font-weight: 600; }
@media (max-width: 46rem) { .uc-row { grid-template-columns: minmax(0, 1fr); } .uc-swap { justify-self: start; } }