:root{--background-deep-dark:#0a0e1c;--card-background:#10182b;--primary-accent:#66b3ff;--secondary-accent:#369;--text-light:#e0e6f0;--text-muted:#aab8c9;--border-color:#1a2c42;--input-background:#0d1424;--error-background:#2a0c1a;--error-text:#f9b;--shadow-light:#0006;--shadow-hover:#0009}.body{background-color:var(--background-deep-dark);min-height:100vh;color:var(--text-light);box-sizing:border-box;justify-content:center;align-items:center;margin:0;padding:20px;font-family:Poppins,sans-serif;line-height:1.6;display:flex;position:relative;overflow:hidden auto}html{-webkit-overflow-scrolling:touch;overflow-y:auto}.background-svgs{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.svg-element{opacity:.1;color:var(--secondary-accent);animation:20s ease-in-out infinite floatAndFade;position:absolute}.svg-element:first-child{width:150px;height:150px;animation-delay:0s;top:10%;left:5%;transform:rotate(0)}.svg-element:nth-child(2){width:100px;height:100px;animation-delay:5s;bottom:15%;right:10%;transform:rotate(45deg)}.svg-element:nth-child(3){width:180px;height:180px;animation-delay:10s;top:30%;right:0%;transform:rotate(90deg)}.svg-element:nth-child(4){width:120px;height:120px;animation-delay:15s;bottom:5%;left:20%;transform:rotate(120deg)}.svg-element:nth-child(5){width:200px;height:200px;animation-delay:20s;top:0%;right:30%;transform:rotate(180deg)}@keyframes floatAndFade{0%{opacity:.05;transform:translate(0)scale(1)rotate(0)}25%{opacity:.1;transform:translate(20px,-20px)scale(1.05)rotate(15deg)}50%{opacity:.08;transform:translate(-10px,30px)scale(.95)rotate(30deg)}75%{opacity:.12;transform:translate(30px,10px)scale(1.03)rotate(45deg)}to{opacity:.05;transform:translate(0)scale(1)rotate(0)}}.container{background-color:var(--card-background);box-shadow:0 15px 40px var(--shadow-light);text-align:center;opacity:0;border:1px solid var(--border-color);z-index:1;-webkit-backdrop-filter:blur(5px);border-radius:18px;width:100%;max-width:700px;margin-bottom:50px;padding:40px;animation:.8s ease-out forwards fadeInSlideUp;position:relative;transform:translateY(20px)}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h1{color:var(--primary-accent);letter-spacing:1px;text-shadow:0 0 15px #66b3ff66;margin-bottom:10px;font-size:2.8em;font-weight:700}.tagline{color:var(--text-muted);margin-bottom:30px;font-size:1.1em;font-style:italic}.form-group{text-align:left;margin-bottom:25px}label{color:var(--text-light);align-items:center;gap:8px;margin-bottom:10px;font-size:1.05em;font-weight:600;display:flex}input[type=text],input[type=number]{border:1px solid var(--border-color);width:calc(100% - 28px);color:var(--text-light);background-color:var(--input-background);box-sizing:border-box;border-radius:10px;padding:14px;font-family:Poppins,sans-serif;font-size:16px;transition:all .3s}input[type=text]::placeholder,input[type=number]::placeholder{color:var(--text-muted);opacity:.8}input[type=text]:focus,input[type=number]:focus{border-color:var(--primary-accent);outline:none;box-shadow:0 0 0 4px #66b3ff4d}.dimension-inputs{flex-wrap:wrap;gap:15px;display:flex}.dimension-inputs input{flex:1;min-width:120px}.generate-button{background:linear-gradient(45deg,var(--primary-accent)0%,#39f 100%);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:30px;padding:16px;font-size:1.2em;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #66b3ff66}.generate-button:hover:not(:disabled){transform:translateY(-5px);box-shadow:0 12px 35px #66b3ff99}.generate-button:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 15px #0003}.generate-button:disabled{background:linear-gradient(45deg,var(--secondary-accent)0%,#204060 100%);cursor:not-allowed;opacity:.7;box-shadow:none;transform:none}.generate-button:after{content:"";opacity:0;background-color:#ffffff4d;border-radius:50%;width:100px;height:100px;margin-top:-50px;margin-left:-50px;transition:all .7s ease-out;position:absolute;transform:scale(0)}.generate-button:active:after{opacity:1;transition:all;transform:scale(2)}.image-preview{border:2px dashed var(--secondary-accent);background-color:var(--input-background);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:250px;margin-top:30px;padding:15px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #0003}.image-preview img{object-fit:contain;border-radius:8px;max-width:100%;height:auto;transition:opacity .5s;display:block;box-shadow:0 5px 15px #0000004d}.image-preview.loading-state{background-color:var(--secondary-accent);border-color:var(--primary-accent);animation:1.5s infinite alternate pulse}@keyframes pulse{0%{opacity:.9;transform:scale(1)}to{opacity:1;transform:scale(1.02)}}