#conversion-calculator-container{color:var(--color-body);width:100%}#conversion-calculator-container .calculator-main{grid-template-columns:1fr;gap:1.75rem;display:grid}@media (width>=768px){#conversion-calculator-container .calculator-main{grid-template-columns:1fr 1fr}}#conversion-calculator-container .calculator-inputs,#conversion-calculator-container .calculator-visualization{flex-direction:column;gap:1.25rem;display:flex}#conversion-calculator-container .input-group{margin-bottom:.9375rem}#conversion-calculator-container .input-group label{color:var(--color-ink);margin-bottom:.4rem;font-size:.875rem;font-weight:600;display:block}#conversion-calculator-container .input-group input[type=text],#conversion-calculator-container .input-group input[type=number]{border:1px solid var(--color-line);width:100%;color:var(--color-ink);box-sizing:border-box;background:#fff;border-radius:10px;padding:.6rem .75rem;font-family:inherit;font-size:.95rem;line-height:1.4}#conversion-calculator-container .input-group input[type=text]:focus,#conversion-calculator-container .input-group input[type=number]:focus{outline:2px solid var(--color-brand);outline-offset:1px;border-color:#0000}#conversion-calculator-container .input-with-icon{position:relative}#conversion-calculator-container .input-with-icon .icon{color:var(--color-muted);pointer-events:none;font-size:.95rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}#conversion-calculator-container .input-with-icon .icon.suffix{left:auto;right:.75rem}#conversion-calculator-container .input-with-icon input{padding-left:1.7rem}#conversion-calculator-container .input-with-icon input.suffix-padding{padding-left:.75rem;padding-right:1.7rem}#conversion-calculator-container .conversion-rates-section h3{font-family:var(--font-display);color:var(--color-ink);margin:0 0 .625rem;font-size:1.125rem;font-weight:700}#conversion-calculator-container .add-step-btn{border:1px dashed var(--color-brand);width:100%;color:var(--color-brand);background-color:var(--color-panel);cursor:pointer;border-radius:10px;margin-top:.5rem;padding:.625rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:background-color .15s,color .15s}#conversion-calculator-container .add-step-btn:hover{color:#1559b8;background-color:#e4ecfb}#conversion-calculator-container .calculator-visualization h2{font-family:var(--font-display);color:var(--color-ink);margin:0 0 .75rem;font-size:1.25rem;font-weight:700}#conversion-calculator-container .result-step-container{margin-bottom:.75rem}#conversion-calculator-container .result-step{background-color:var(--color-panel);border:1px solid var(--color-line);border-radius:12px;padding:1rem}#conversion-calculator-container .result-step-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}#conversion-calculator-container .result-step-header h4{font-family:var(--font-display);color:var(--color-ink);text-transform:capitalize;margin:0;font-size:1rem;font-weight:600}#conversion-calculator-container .result-step-header .value{color:var(--color-brand);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.25rem;font-weight:700}#conversion-calculator-container .result-step .description{color:var(--color-muted);margin:0;font-size:.75rem}#conversion-calculator-container .conversion-connector{color:var(--color-muted);justify-content:center;align-items:center;margin:.625rem 0;display:flex}#conversion-calculator-container .conversion-connector .arrow{color:var(--color-brand);margin-right:.5rem;font-size:1.2rem;transform:rotate(90deg)}#conversion-calculator-container .conversion-connector .rate-badge{color:#1559b8;background-color:#e4ecfb;border:1px solid #c3d6f6;border-radius:9999px;padding:.125rem .5rem;font-size:.75rem}#conversion-calculator-container .placeholder-results{text-align:center;color:var(--color-muted);border:2px dashed var(--color-line);background-color:#fafbfc;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:200px;padding:2.5rem;display:flex}#conversion-calculator-container .placeholder-results p{margin:.3125rem 0}#conversion-calculator-container .placeholder-results p:first-child{color:var(--color-ink);font-weight:600}#conversion-calculator-container .placeholder-results .text-sm{font-size:.875rem}