:root{--primary-color:#6d28d9;--secondary-color:#10b981;--accent-color:#f59e0b;--error-color:#ef4444;--text-color:#1f2937;--light-bg:#f8fafc;--border-color:#e2e8f0;--gradient-1:#8b5cf6;--gradient-2:#ec4899;--gradient-3:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:#1f2937;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.footer,.header{background-color:var(--card-bg);box-shadow:0 1px 3px #0000001a;padding:1.5rem;text-align:center}.header h1{color:#6d28d9;color:var(--primary-color);font-size:2rem;font-weight:700;margin-bottom:.5rem}.subtitle{font-size:1rem}.reset-info,.subtitle{color:var(--text-light)}.reset-info{font-size:.875rem;margin-top:.5rem}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem 1.5rem;width:100%}.generator-form{background-color:var(--card-bg);border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:2rem;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#1f2937;color:var(--text-color);display:block;font-weight:500;margin-bottom:.5rem}.input-field,.select-field{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.input-field:focus,.select-field:focus{border-color:#6d28d9;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e533;outline:none}.input-field::placeholder{color:#9ca3af}.navigation-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.nav-button{align-items:center;background:linear-gradient(45deg,#8b5cf6,#ec4899);background:linear-gradient(45deg,var(--gradient-1),var(--gradient-2));border:none;border-radius:50px;box-shadow:0 4px 15px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;justify-content:center;letter-spacing:1px;overflow:hidden;padding:.9rem 2rem;position:relative;text-transform:uppercase;transition:all .3s ease}.nav-button:hover:not(:disabled){background:linear-gradient(45deg,#ec4899,#f59e0b);background:linear-gradient(45deg,var(--gradient-2),var(--gradient-3));box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.nav-button:active:not(:disabled){transform:translateY(0)}.nav-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;opacity:.7}.nav-button:after{background:linear-gradient(45deg,#0000,#fff3,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s ease;width:100%}.nav-button:hover:after{transform:translateX(100%)}.download-button,.generate-button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;justify-content:center;padding:.75rem 1.5rem;transition:all .2s}.generate-button{background-color:#6d28d9;background-color:var(--primary-color);color:#fff;width:100%}.generate-button:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.generate-button:disabled{cursor:not-allowed;opacity:.7}.download-button{background-color:#10b981;color:#fff;margin-left:1rem}.download-button:hover{background-color:#0d9f6e;transform:translateY(-1px)}.preview-section{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:2rem;overflow:hidden}.preview-header{align-items:center;background:linear-gradient(90deg,#4f46e5,#6366f1);border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:.75rem 1.5rem}.preview-header h2{font-size:1.125rem;font-weight:600;margin:0}.preview-container{align-items:center;background:#f8fafc;display:flex;height:75vh;justify-content:center;min-height:600px;overflow:auto;position:relative}.preview-iframe{background:#fff;border:none;box-shadow:0 1px 3px #0000001a;height:100%;width:100%}.empty-state,.loading-state{color:#64748b;padding:2rem;text-align:center}.spinner{animation:spin 1s ease-in-out infinite;border:3px solid #6366f14d;border-radius:50%;border-top-color:#6366f1;height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state p{color:#64748b;font-size:1.125rem;margin:0}.error-message{background-color:#fef2f2;border-left:4px solid #ef4444;border-left:4px solid var(--error-color);border-radius:.5rem;color:#ef4444;color:var(--error-color);font-size:.875rem;margin-top:1rem;padding:.75rem 1rem}.footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);color:var(--text-light);font-size:.875rem;margin-top:auto;padding:1.5rem;text-align:center}@media (max-width:768px){.main-content{padding:1.5rem 1rem}.generator-form{padding:1.5rem}.preview-container{height:400px}.preview-header{align-items:flex-start;flex-direction:column;gap:1rem}.download-button{margin-left:0;width:100%}}
/*# sourceMappingURL=main.99d0564e.css.map*/