*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{min-height:100vh;overflow-x:hidden}nav{position:fixed;top:0;left:0;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem;z-index:1000}nav .logo{font-size:1.5rem;font-weight:600;letter-spacing:1px}nav ul{list-style:none;display:flex;gap:2rem}nav ul li a{text-decoration:none;color:#fff;opacity:.8;transition:opacity .2s ease}nav ul li a:hover{opacity:1}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:10rem;text-align:center;max-width:900px;margin:auto}.hero h1{font-size:3rem;margin-bottom:1rem}.hero p{color:#ccc;font-size:1.1rem;max-width:700px;margin-bottom:3rem}.prompt-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;width:90%;max-width:800px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 30px #0000004d;text-align:left}.hero textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:1rem;color:#fff;font-size:1rem;resize:none;min-height:120px;outline:none;transition:border-color .3s ease}.hero textarea:focus{border-color:#00d4ff}.options-row{display:flex;flex-wrap:wrap;align-items:center;margin-top:1.5rem}.my-selector,.my-input[type=number]{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.7rem 1rem;font-size:1rem;outline:none;transition:border-color .3s ease}.select-clean>option,.my-selector>option{color:#fff;background:#1e1e1e}.hero select:focus,input[type=number]:focus{border-color:#00d4ff}.upload-btn{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.6rem 1rem;color:#fff;font-size:.95rem;cursor:pointer;transition:border-color .3s ease,background .3s ease}.upload-btn:hover{border-color:#00d4ff;background:#ffffff1a}.upload-btn input{display:none}.preview-img{display:block;margin-top:1rem;max-width:180px;border-radius:10px}.heroBtn{margin-top:2rem;border:none;border-radius:10px;padding:1rem 2.5rem;font-size:1.1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.heroBtn:hover{transform:translateY(-2px);box-shadow:0 0 20px #00d4ff4d}footer{margin-top:5rem;text-align:center;padding:2rem;color:#777;font-size:.9rem;border-top:1px solid rgba(255,255,255,.05)}@media (max-width: 768px){.hero h1{font-size:2.2rem}nav{flex-direction:column;gap:.5rem}}.select-clean{border:none;outline:none;background:transparent;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-shadow:none;padding:6px 10px;color:#fff;font-size:1rem;cursor:pointer}.select-clean:focus,.select-clean:active{outline:none;border:none;box-shadow:none;background:transparent}.select-clean::-ms-expand{display:none}