.container{background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.1);display:grid;gap:30px;grid-template-columns:1fr 1fr;padding:30px;width:100%}@media (max-width:768px){.container{grid-template-columns:1fr;padding:20px}}.input-section h3{color:#28a745}.input-section h3,.output-section h3{font-size:24px;margin-bottom:20px;margin-top:20px}.output-section h3{color:#007bff}.input-section,.output-section{border:1px solid #e0e0e0;border-radius:12px;padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-weight:600;margin-bottom:8px}.form-group input[type=range]{-webkit-appearance:none;background:#d3d3d3;border-radius:5px;height:8px;opacity:.7;outline:none;transition:opacity .2s;width:100%}.form-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#007bff;border-radius:50%;cursor:pointer;height:20px;width:20px}.form-inline{align-items:center;display:flex;gap:10px}input[type=number],input[type=text]{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;flex-grow:1;font-size:16px;padding:10px 12px}button{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:15px;padding:12px 20px;transition:background .3s ease;width:100%}button:hover{background:#0056b3}.result-summary{background:#e7f3ff;border:1px solid #cce5ff;border-radius:12px;font-size:17px;margin-top:20px;padding:20px}.result-summary div{align-items:center;display:flex;justify-content:space-between;margin:10px 0}.result-summary div strong{color:#0056b3}.result-summary .value{color:#333;font-weight:600}canvas{margin-top:20px;max-height:350px}#detailedReport{background:#fdfdff;border:1px solid #e0e0e0;border-radius:8px;margin-top:20px;max-height:300px;overflow-y:auto;padding:10px}#detailedReport table{border-collapse:collapse;width:100%}#detailedReport td,#detailedReport th{border:1px solid #eee;font-size:14px;padding:8px;text-align:right}#detailedReport th{background-color:#f2f2f2;font-weight:600;text-align:center}