.conv-shell { width: min(980px, 94vw); }
.conv-layout { display: grid; grid-template-columns: minmax(320px, 1fr) minmax(280px, .95fr); gap: 1rem; align-items: start; }
.conv-card { border: 1px solid var(--border); border-radius: 16px; background: linear-gradient(160deg, #fff 0%, #fefcf8 100%); box-shadow: var(--shadow); padding: 1rem; }
.conv-card h2 { margin: 0 0 .8rem; font-size: 1.08rem; }
.conv-field { margin-bottom: .85rem; }
.conv-field label { display: block; margin-bottom: .34rem; font-weight: 600; font-size: .9rem; }
.conv-field input, .conv-field select { width: 100%; border-radius: 10px; border: 1px solid var(--border); background: #fdfcf8; color: #1f1f1f; font-family: "IBM Plex Mono", monospace; font-size: .9rem; padding: .58rem .62rem; }
.conv-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; }
.swap-btn { border: 1px solid #b8ddcf; background: #e8f8f2; color: #105f49; border-radius: 999px; padding: .5rem .85rem; font: inherit; font-size: .84rem; font-weight: 700; cursor: pointer; }
.result-grid { display: grid; gap: .62rem; }
.result-line { display: flex; justify-content: space-between; align-items: baseline; gap: .8rem; padding: .6rem .65rem; border: 1px solid #e5ddd1; border-radius: 12px; background: #fff; }
.result-line span { color: #5f574e; font-size: .92rem; }
.result-line strong { font-family: "IBM Plex Mono", monospace; font-size: 1rem; }
@media (max-width: 860px) { .conv-layout, .conv-grid-2 { grid-template-columns: 1fr; } }