.currency-panel { box-sizing: border-box; max-width: 1280px; margin: 0 auto; padding: 64px 48px; border-top: 1px solid #d9e0e4; }
.currency-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; max-width: 920px; margin: 24px 0; }
.currency-fields label { display: grid; gap: 8px; font-size: 15px; color: #0b2133; }
.currency-fields input, .currency-fields select { box-sizing: border-box; width: 100%; min-height: 48px; border: 1px solid #aebbc5; border-radius: 4px; padding: 10px 12px; background: #fff; color: #0b2133; font: inherit; }
.currency-fields input:focus-visible, .currency-fields select:focus-visible { outline: 2px solid #c85824; outline-offset: 3px; }
.currency-panel output { display: block; font-size: 28px; font-weight: 500; color: #0b2133; margin-bottom: 16px; }
.currency-panel .currency-note { max-width: 880px; font-size: 14px; line-height: 1.6; }
@media (max-width: 640px) { .currency-panel { padding: 32px 24px; } .currency-fields { grid-template-columns: 1fr; gap: 16px; } .currency-panel output { font-size: 24px; } }