:root{--muted:#9aa3b2;--maxw:1100px}body{color:#fff;text-align:center;background:radial-gradient(circle,#1a1a1a,#000);padding:40px;font-family:Segoe UI,sans-serif}h1{margin-bottom:30px}.center-section{background:#ffffff1a;border-radius:10px;width:380px;margin:30px auto;padding:25px}label{margin:8px 0 5px;font-size:1.1em;display:block}input,select{border:none;border-radius:6px;width:90%;margin-bottom:10px;padding:10px;font-size:1em}.output{color:#0fc;word-wrap:break-word;margin-top:10px;font-size:1.1em}h2{margin-top:10px}.copyBtn{cursor:pointer;color:#fff;background:#4caf50;border:none;border-radius:5px;margin-top:6px;padding:5px 10px;font-size:.9em;transition:background .3s}.copyBtn:hover{background:#45a049}.copyBtn:active{transform:scale(.97)}.copied{color:#6f9;margin-top:4px;font-size:.9em}footer{background:linear-gradient(#ffffff03,#ffffff01);border-radius:12px;justify-content:space-between;align-items:center;margin-top:60px;padding:26px;display:flex}.socials a{color:var(--muted);margin-left:10px;text-decoration:none}.wrap{max-width:var(--maxw);margin:36px auto;padding:0 20px}