.fee-calc{display:grid;grid-gap:1rem;gap:1rem;padding:clamp(1.15rem,4vw,1.75rem);border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--bg-2);max-width:30rem}.fee-calc,.fee-calc>*{min-width:0}.fee-field{display:grid;grid-gap:.45rem;gap:.45rem}.fee-input{display:flex;align-items:center;gap:.6rem;background:var(--bg-3);border:1px solid var(--line);border-radius:var(--r-sm);padding:0 .9rem;min-height:54px}.fee-input:focus-within{border-color:var(--base)}.fee-cur{font-family:var(--mono);font-size:.8125rem;color:var(--text-dim);flex:0 0 auto}.fee-input input{flex:1 1 auto;min-width:0;background:none;border:none;outline:none;color:var(--text-strong);font-family:var(--mono);font-size:1.35rem;padding:0}.fee-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(68px,1fr));grid-gap:.5rem;gap:.5rem;min-width:0}.fee-out{margin:0;display:grid;grid-gap:.55rem;gap:.55rem;border-top:1px solid var(--line);padding-top:1rem}.fee-out>div{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.fee-out dt{font-size:.875rem;color:var(--text-dim)}.fee-out dd{margin:0;font-family:var(--mono);font-size:.9375rem;color:var(--text)}.fee-out dd.fee-out__fee,.fee-out__fee dd{color:var(--danger)}.fee-out__total{border-top:1px solid var(--line);padding-top:.7rem;margin-top:.2rem}.fee-out__total dt{color:var(--text-strong);font-family:var(--display);font-weight:600;font-size:.9375rem}.fee-out__total dd{color:var(--base);font-size:1.35rem;font-weight:500}