/* Only the exchange calculator. Shared design and other tools are unchanged. */
body[data-page="exchange"] [hidden]{display:none!important}
.exchange-form{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0}
.exchange-form label{display:block;margin:0 0 8px;font-size:16px;font-weight:650;line-height:24px;text-align:left}
.exchange-form input,.exchange-form select{box-sizing:border-box;width:100%;min-width:0;height:52px;padding:12px 14px;border:1px solid var(--line2);border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-size:16px;line-height:24px;text-align:left}
.exchange-form input:focus-visible,.exchange-form select:focus-visible{outline:3px solid rgba(99,66,227,.2);outline-offset:1px;border-color:#917ef0}
.exchange-form select{margin:8px 0 0}
.exchange-form .currency-search{margin:0;font-size:15px}
.exchange-form .field-help{display:block;font-size:13px;color:var(--muted);margin:6px 0 0}
.exchange-form .btn{box-sizing:border-box;width:100%;height:52px;min-width:0;margin:0;padding:12px 8px;font-size:16px}
.exchange-form .new-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.exchange-output{font-size:clamp(26px,3vw,38px);font-weight:800;color:var(--purple,#5c37d5);line-height:1.4;overflow-wrap:anywhere;margin:12px 0 20px;font-variant-numeric:tabular-nums}
.exchange-source-amount{color:var(--muted);overflow-wrap:anywhere}
.exchange-meta{margin:16px 0;line-height:1.7}
.exchange-meta>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.exchange-meta dt{color:var(--muted);font-size:14px}.exchange-meta dd{margin:0;overflow-wrap:anywhere}
.exchange-status{font-size:14px;line-height:1.7;margin:0 0 16px}.exchange-status[data-state="error"],.exchange-status[data-state="stale"]{color:#a43a20}
.exchange-result-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:20px 0}
.exchange-result-actions .btn{min-height:44px}.exchange-result-actions .copy-link{margin:0;min-height:44px}
#exchange-error{color:#b42318;font-size:14px;line-height:1.6}#exchange-error:empty{display:none}
#copy-text{width:100%;min-height:160px}body[data-page="exchange"] .card,body[data-page="exchange"] .card-body{min-width:0}
@media(max-width:400px){.exchange-meta>div{grid-template-columns:minmax(0,1fr);gap:3px}}