html,body,#root{width:100%;min-height:100%;margin:0;overflow-x:hidden}body{background:#101110}html,body{height:100%;margin:0;padding:0;overflow:hidden}.app{background:linear-gradient(#12121c 0% 70%,#1b1b2b 70% 100%);height:100vh;overflow:hidden}.top-bar{color:#fff;z-index:1000;background:#1a1c2c;align-items:center;width:100%;height:70px;padding:0 40px;display:flex;position:fixed;top:0;left:0}.logo{font-family:Arial,sans-serif;font-size:32px;font-weight:700}.equation{color:#fff;text-align:center;width:50px;font-family:Times New Roman,serif;font-size:56px;line-height:.95;position:absolute;top:230px;left:30vw}.line{border-top:2px solid #fff;width:36px;margin:6px auto}.controls-section{box-sizing:border-box;justify-content:space-between;align-items:flex-start;width:100%;height:30%;padding:0 40px;display:flex;position:absolute;top:74.5%;left:0}.left-panel{flex-direction:column;flex-shrink:1;gap:35px;display:flex}.toggle-container{flex-direction:column;gap:35px;display:flex}.center-panel{flex-direction:column;flex:1;align-items:center;gap:40px;min-width:0;display:flex}.right-panel{flex-shrink:0;justify-content:flex-end;align-items:flex-start;margin-top:-20px;margin-right:-25px;display:flex}.center-panel{flex-direction:column;align-items:center;gap:40px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.inputs,.inputs2{flex-direction:row;gap:clamp(10px,3vw,50px);margin-bottom:25px;display:flex}.input-group{flex-direction:column;align-items:center;display:flex}.input-group label{color:#fff;margin-bottom:8px;font-size:16px}.inputs input,.inputs2 input{color:#fff;text-align:center;background:#363650;border:none;border-radius:14px;outline:none;width:116px;height:38px;font-size:13px}.left-panel{flex-direction:column;flex-shrink:1;gap:31px;display:flex;transform:translate(40px,6.6px)}.toggles,.toggles2{gap:clamp(10px,2vw,35px);display:flex}.toggle-group{flex-direction:column;align-items:center;width:100px;display:flex}.toggle-group label{color:#fff;margin-bottom:8px;font-size:16px}.switch{width:50px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background:#363650;border-radius:999px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background:#8c94ca;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px}.switch input:checked+.slider{background:#4f5378}.switch input:checked+.slider:before{transform:translate(24px)}.right-panel{justify-content:flex-end;align-items:flex-start;display:flex}.generate-button{color:#fff;cursor:pointer;background:#363650;border:none;border-radius:14px;padding:12px 35px;font-size:16px}