@layer component{.K3X43q_Recipe{gap:var(--space-6);display:grid}.K3X43q_Recipe .K3X43q_section{gap:var(--space-4);display:grid}.K3X43q_Recipe .K3X43q_section+.K3X43q_section{border-block-start:1px solid var(--color-border-subtle);padding-block-start:var(--space-6)}.K3X43q_Recipe h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.K3X43q_Recipe .K3X43q_pair{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.K3X43q_Recipe .K3X43q_inputs{align-items:end;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));display:grid}.K3X43q_Recipe .K3X43q_swap{justify-content:center;display:flex}.K3X43q_Recipe .K3X43q_result{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-surface);display:flex}.K3X43q_Recipe .K3X43q_result output{min-inline-size:0;font-family:var(--font-family-mono);font-size:var(--font-size-xl);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;flex:1}.K3X43q_Recipe .K3X43q_fraction{color:var(--color-text-secondary)}.K3X43q_Recipe .K3X43q_note{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.K3X43q_Recipe .K3X43q_note[data-error]{color:var(--color-text-primary)}}