@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);.calculator-container{font-family:'Roboto',sans-serif;background:#fff;border-radius:12px;box-shadow:0 8px 30px rgb(0 0 0 / .1);padding:2rem;width:100%;max-width:900px;display:flex;flex-direction:column;gap:1.5rem;margin:2em auto}.calculator-container h1{text-align:center;margin:0 0 1rem 0;color:#007bff;transition:opacity 0.3s ease-in-out}.calculator-container .controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #dee2e6}.calculator-container .control-group{display:flex;flex-direction:column;gap:.5rem}.calculator-container .control-group label.group-label{font-weight:500;color:#6c757d;font-size:.9rem;margin-bottom:.25rem}.calculator-container .item-type-selector{display:flex;gap:1rem;align-items:center}.calculator-container .item-type-selector input[type="radio"]{margin-right:5px}.calculator-container .toggle-switch{display:flex;align-items:center;gap:10px;font-size:.9rem}.calculator-container .switch{position:relative;display:inline-block;width:50px;height:26px}.calculator-container .switch input{opacity:0;width:0;height:0}.calculator-container .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:26px}.calculator-container .slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.calculator-container input:checked+.slider{background-color:#007bff}.calculator-container input:focus+.slider{box-shadow:0 0 1px #007bff}.calculator-container input:checked+.slider:before{transform:translateX(24px)}.calculator-container .toggle-label.active{font-weight:700;color:#007bff}.calculator-container .main-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.calculator-container .panel{padding:1.5rem;border:1px solid #dee2e6;border-radius:8px;display:flex;flex-direction:column;gap:1rem}.calculator-container .panel h2{margin:0;font-size:1.25rem;color:#007bff;text-align:center;min-height:1.5rem}.calculator-container .input-group{display:flex;flex-direction:column;gap:1rem}.calculator-container .input-row,.calculator-container .output-row{display:flex;align-items:center;gap:10px}.calculator-container .input-row label,.calculator-container .output-row label{font-weight:500;width:60px}.calculator-container .input-fields{display:flex;gap:5px;align-items:center;flex-grow:1}.calculator-container input[type="number"]{width:110px;padding:10px;border:1px solid #dee2e6;border-radius:5px;font-size:1rem;text-align:center;color:#333;background-color:#fff}.calculator-container input[type="number"]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgb(0 123 255 / .25)}.calculator-container .input-fields span{color:#6c757d}.calculator-container #mm-inputs input[type="number"]{width:100%}.calculator-container .output-value{flex-grow:1;padding:10px 15px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:5px;font-weight:700;font-size:1.1rem;min-height:24px;display:flex;align-items:center;justify-content:center}.calculator-container .copy-btn{background-color:#6c757d;color:#fff;border:none;border-radius:5px;padding:8px 12px;cursor:pointer;font-size:.9rem;transition:background-color 0.2s}.calculator-container .copy-btn:hover{background-color:#5a6268}.calculator-container .copy-btn.copied{background-color:#28a745}@media (max-width:768px){.calculator-container{padding:1rem}.calculator-container .main-content{grid-template-columns:1fr}.calculator-container .controls{grid-template-columns:1fr}}