.container{background:#f0f5f9;border-radius:10px;box-shadow:0 8px 20px rgba(0,90,156,.15);color:#036;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:20px auto;max-width:720px;padding:20px 30px}h2{color:#005a9c;font-weight:700;letter-spacing:1px;margin-bottom:20px;text-align:center}.input-select,input[type=range]{cursor:pointer;margin-bottom:20px;margin-top:5px;width:100%}.slider-group{margin-bottom:15px}label{color:#004080;font-size:14px;font-weight:600}canvas,label{display:block}canvas{background:linear-gradient(135deg,#e0ebff,#c7d9ff);border:2px solid #005a9c;border-radius:8px;box-shadow:4px 4px 15px rgba(0,90,156,.25);margin:20px auto 0}