.page-module__4drnEW__container{width:100%;max-width:1200px;margin:0 auto;padding:4rem 2rem}@media (max-width:768px){.page-module__4drnEW__container{padding:1rem}}.page-module__4drnEW__calculatorWrapper{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;width:100%;margin:0 auto;display:flex;overflow:hidden}@media (min-width:768px){.page-module__4drnEW__calculatorWrapper{flex-direction:row}}.page-module__4drnEW__inputSection{flex:1.2;padding:2.5rem}@media (max-width:767px){.page-module__4drnEW__inputSection{padding:1.5rem}}.page-module__4drnEW__outputSection{background:var(--bg-secondary);flex-direction:column;flex:1;align-items:center;padding:2.5rem;display:flex}@media (min-width:768px){.page-module__4drnEW__outputSection{border-left:1px solid var(--border-color)}}@media (max-width:767px){.page-module__4drnEW__outputSection{border-top:1px solid var(--border-color);padding:1.5rem}}.page-module__4drnEW__toggleContainer{border-bottom:1px solid var(--border-color);gap:1rem;margin-bottom:2.5rem;padding-bottom:1rem;display:flex}.page-module__4drnEW__toggleBtn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem 1rem;font-size:1.1rem;font-weight:600;transition:all .2s}.page-module__4drnEW__toggleBtn.page-module__4drnEW__active{color:var(--accent-color);background:#ff6b001a}.page-module__4drnEW__inputGroup{margin-bottom:2.5rem}.page-module__4drnEW__inputHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.page-module__4drnEW__inputLabel{color:var(--text-color);font-weight:600}.page-module__4drnEW__inputFieldWrapper{border:1px solid var(--border-color);background:#00000008;border-radius:8px;justify-content:space-between;align-items:center;width:140px;padding:.5rem .75rem;display:flex}[data-theme=dark] .page-module__4drnEW__inputFieldWrapper{background:#ffffff0d}@media (prefers-color-scheme:dark){.page-module__4drnEW__inputFieldWrapper{background:#ffffff0d}}.page-module__4drnEW__inputPrefix,.page-module__4drnEW__inputSuffix{color:var(--text-muted);font-weight:600}.page-module__4drnEW__inputField{color:var(--text-color);text-align:right;background:0 0;border:none;outline:none;width:100%;font-size:1.1rem;font-weight:700}.page-module__4drnEW__inputField::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page-module__4drnEW__inputField::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.page-module__4drnEW__slider{appearance:none;background:var(--border-color);border-radius:4px;outline:none;width:100%;height:6px}.page-module__4drnEW__slider::-webkit-slider-thumb{appearance:none;background:var(--accent-color);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 4px #0003}.page-module__4drnEW__slider::-moz-range-thumb{background:var(--accent-color);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 4px #0003}.page-module__4drnEW__resultsGrid{flex-direction:column;gap:1.5rem;width:100%;margin-bottom:2.5rem;display:flex}.page-module__4drnEW__resultItem{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.page-module__4drnEW__resultLabel{color:var(--text-muted);align-items:center;gap:.5rem;font-size:1rem;display:flex}.page-module__4drnEW__resultValue{color:var(--text-color);font-size:1.25rem;font-weight:700}.page-module__4drnEW__colorDot{border-radius:3px;width:12px;height:12px}