.fx-workspace [hidden]{display:none!important}
.fx-workspace .workspace-toolbar{flex-wrap:wrap;gap:16px}
.fx-workspace label{font-size:13px}
.fx-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px;padding:28px;align-items:start}
.fx-field{display:grid;gap:12px;min-width:0}
.fx-field select,.fx-field input{width:100%;min-width:0}
.fx-field input{padding:14px;border:1px solid var(--border);border-radius:7px;background:var(--paper);font:20px var(--mono);color:var(--ink)}
.fx-field input[aria-invalid="true"]{border-color:var(--accent)}
#fx-result{color:var(--accent);background:var(--accent-soft)}
#fx-swap{align-self:center;font-size:24px;padding:6px 14px}
.fx-rate-controls{padding:0 28px 24px;display:grid;gap:12px}
#fx-manual-field{max-width:420px}
#fx-fetch{justify-self:start}
.fx-equation{font:14px/1.7 var(--mono);overflow-wrap:anywhere}
.fx-basis{font-size:13px;color:var(--muted)}
.fx-workspace .action-bar{gap:16px;flex-wrap:wrap}
#fx-input-help{font-size:12px;color:var(--muted)}
#fx-status:empty,#fx-error:empty{display:none}
@media(max-width:720px){.fx-grid{grid-template-columns:minmax(0,1fr);padding:20px;gap:16px}#fx-swap{justify-self:center}.fx-rate-controls{padding:0 20px 20px}.fx-field input{font-size:18px}}