body,html{width:100%;min-height:100%;margin:0;padding:0;overflow-x:hidden}*{box-sizing:border-box}.page{min-height:100vh;display:flex;flex-direction:column;color:#cf11a7;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#080808}header{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background-color:#000;padding:.8rem 1rem;gap:.5rem}header .logo{position:relative;width:min(255px,24vw);height:min(135px,14vh)}header .instructions{width:min(92vw,760px);padding:.1rem .2rem;margin-right:1rem}header .instructions h1{font-size:1.5rem;text-align:center}header .instructions p{font-size:.9rem;text-align:center;line-height:1.4}main{flex:1 1;background:linear-gradient(90deg,#0c4860,#690d57);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:.8rem .8rem 1rem;gap:1rem}.controls-container,.output-container,.sliderContainer,.step-container{width:min(94vw,900px);margin:0 auto}.sliderContainer{display:flex;flex-direction:column;gap:.6rem;margin-top:.4rem;padding:.2rem;border-radius:.2rem;background:transparent;border:none}.output-container h3,.sliderContainer label,.step-container label{margin-bottom:.35rem;font-weight:600;font-size:1rem;align-self:center;text-align:center;width:100%}.step-container{display:flex;flex-direction:column;align-items:center;margin-top:.8rem;gap:.4rem}.step-container select{width:100%;max-width:3rem;height:2.4rem;font-size:1rem;border-radius:.35rem;background-color:#000;color:#cf11a7;border:1px solid #51adf6;text-align:center}.output-container{display:flex;flex-direction:column;align-items:stretch;margin-top:.9rem;gap:.35rem;padding:0;border-radius:0;background:transparent;border:none}.output-container .results{width:100%;background-color:#121212;padding:.9rem;border:1px solid #51adf6;border-radius:.8rem;word-break:break-word;white-space:pre-wrap;max-height:28vh;overflow-y:auto}.controls-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;margin-top:.9rem;padding:0;border:none;background:transparent}.controls-container button{min-width:130px;padding:.7rem 1rem;border-radius:.65rem;border:1px solid #2e0325;background-color:#000;color:#51adf6;font-size:1rem;cursor:pointer}footer{width:100%;background-color:#000;color:#094c83;font-size:.75rem;display:flex;justify-content:center;align-items:center;padding:.5rem 1rem}footer p{margin:0}@media(max-width:720px){header{justify-content:center;padding:.6rem}header .logo{width:120px;height:60px}main{padding:.6rem .6rem 1rem;gap:.8rem}.controls-container,.output-container,.sliderContainer,.step-container{width:100%}}