#splash-generator { max-width: 600px; margin: 0 auto; font-family: sans-serif; }
.form-section { display: flex; flex-wrap: wrap; gap: 10px; }
.form-section label { flex: 1 1 45%; display: flex; flex-direction: column; margin-bottom: 10px; }
.preview { margin-top: 20px; padding: 20px; background: #f5f5f5; text-align: center; }
#splash-preview { width: 250px; height: 400px; margin: 0 auto; padding: 20px; background: #009ee3; border-radius: 20px; color: white; display: flex; flex-direction: column; justify-content: center; align-items: center; }
#splash-preview.top { justify-content: flex-start; }
#splash-preview.bottom { justify-content: flex-end; }
.loader { width: 30px; height: 30px; border: 3px solid white; border-top: 3px solid transparent; border-radius: 50%; margin-top: 20px; animation: spin 1s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
textarea#generated-code { width: 100%; height: 150px; margin-top: 20px; font-family: monospace; }
button { margin-top: 10px; padding: 10px 15px; }