*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}body{margin:0;height:100vh;background:linear-gradient(to bottom,#00f2ff,#6fefff 45%,#bdf8ff);display:flex;align-items:center;justify-content:center;color:#e0e0e0}.container{background:#1e1e1e;padding:2rem 2.5rem;border-radius:18px;width:35%;text-align:center;box-shadow:0 25px 55px #000000a6,0 0 0 1px #ffffff0a}h1{margin-bottom:1.2rem;color:#fff;display:block;text-transform:uppercase;letter-spacing:.05em}.control{margin-bottom:1rem}.control label{font-size:.8rem;display:block;margin-bottom:.2rem;font-weight:700;color:#d0d0d0}input[type=range]{width:100%;accent-color:#5dcc4e}.checkbox label{font-weight:400;color:#c8c8c8}input[type=checkbox]{accent-color:#5dcc4e}button{margin-top:18px;width:100%;padding:.6rem;font-size:1rem;font-weight:700;background:linear-gradient(135deg,#5dcc4e,#4ab43c);color:#fff;border:none;border-radius:10px;cursor:pointer;box-shadow:0 6px 18px #5dcc4e66;transition:transform .15s ease,box-shadow .15s ease}button:hover{transform:translateY(-1px);box-shadow:0 10px 25px #5dcc4e8c}button:active{transform:translateY(0);box-shadow:0 5px 15px #5dcc4e59}.description{margin-bottom:24px;padding:14px 16px;background:#252525;border-radius:10px;color:#cfcfcf;font-size:.8rem;line-height:1.5;box-shadow:inset 0 0 0 1px #ffffff0d}.description p{margin:0}.section-label{display:block;text-align:left;margin-bottom:6px;margin-left:4px;font-size:.7rem;font-weight:700;color:#bcbcbc;text-transform:uppercase;letter-spacing:.05em}.controls-section{margin-bottom:1.5rem}.controls-box{padding:1rem;background:#252525;border-radius:10px;box-shadow:inset 0 0 0 1px #00dccc26}.controls-box pre{margin:0;font-family:Courier New,Courier,monospace;font-size:.7em;line-height:1.5;color:#d0d0d0;text-align:left;white-space:pre-wrap}