.unit-conversion-values{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:var(--tool-space-inline);align-items:stretch;min-width:0;margin-block:var(--tool-space-content)}
.unit-conversion-value{display:flex;flex-direction:column;align-items:center;gap:var(--tool-space-inline);min-width:0;padding:20px 16px;border:1px solid var(--line);border-radius:var(--radius-md);background:#f1ecfc;text-align:center}
.unit-conversion-value__label{font-size:var(--text-sm);font-weight:600;line-height:1.8;color:#665d7c}
.unit-conversion-value__number{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;width:100%;margin:0;font-size:var(--text-xl);font-weight:700;line-height:1.8;color:#51436f;overflow-wrap:anywhere}
.unit-conversion-value__number bdi{max-width:100%;overflow-wrap:anywhere}
.unit-conversion-value__unit{display:block;min-width:0;max-width:100%;font-size:var(--text-base);line-height:1.8;color:#665d7c;overflow-wrap:anywhere}
.unit-conversion-value--answer{background:#dff4eb}
.unit-conversion-value--answer .unit-conversion-value__label{color:#23694f;font-weight:700}
.unit-conversion-value--answer .unit-conversion-value__number{font-size:36px;line-height:1.6;color:#23694f}
.unit-conversion-value--answer .unit-conversion-value__unit{color:#386550}
.unit-conversion-direction{display:grid;place-items:center;align-self:center;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--muted)}
.unit-conversion-direction .icon{width:18px;height:18px}
.unit-conversion-explanation{white-space:pre-line}
[data-unit-conversion] .tool-result-actions{margin-block-start:var(--tool-space-content,16px)}
.vm-next .unit-conversion-selectors{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);grid-column:span var(--unit-selector-span,2);gap:var(--tool-space-inline);align-items:end;min-width:0}
.unit-conversion-selectors>div{min-width:0}
.unit-conversion-swap{display:grid;place-items:center;align-self:end;width:44px;height:52px;padding:0;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;color:var(--accent);transition:background .2s}
.unit-conversion-swap .icon{width:18px;height:18px}
.unit-conversion-swap:hover{background:var(--accent-soft)}
.unit-conversion-swap:focus-visible{outline:0;box-shadow:var(--focus-ring)}
@media(max-width:1100px){.vm-next .unit-conversion-selectors{grid-column:1/-1}}
@media(max-width:599px){.unit-conversion-values{grid-template-columns:minmax(0,1fr)}.unit-conversion-value{padding:16px}.unit-conversion-value--answer .unit-conversion-value__number{font-size:32px}.unit-conversion-direction{justify-self:center;transform:rotate(-90deg)}.vm-next .unit-conversion-selectors{grid-template-columns:minmax(0,1fr)}.unit-conversion-swap{justify-self:center;height:44px}}