@import url('/assets/css/main.css');

/* Converter workspace layout */
.conv-grid{display:grid;grid-template-columns:1.2fr 1fr auto 1fr;gap:.9rem;align-items:end;margin-bottom:.4rem}
.swap-btn{font-size:1.25rem;line-height:1;padding:.72rem 1rem}
.big-result{font-family:var(--font-head);font-size:clamp(1.35rem,3.2vw,1.9rem);font-weight:700;color:var(--primary);background:var(--bg-soft);border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:1.05rem 1.2rem;margin:1.1rem 0;word-break:break-word}
.big-result strong{color:var(--text)}
.big-result small{display:block;font-family:var(--font-body);font-size:.82rem;font-weight:500;color:var(--muted-2);margin-top:.35rem}
.tbl-title{margin:1.5rem 0 .1rem;font-size:1.05rem}
.mode-row{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.6rem}
.frac{font-size:1.05em;white-space:nowrap}
@media (max-width:720px){
  .conv-grid{grid-template-columns:1fr}
  .swap-btn{justify-self:center}
}