@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{background-color:#2d2d2d;border-radius:3px;color:#00ff9d;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;padding:.2em .4em}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8a2be2,#00ff9d);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#9b4de3,#4dffb8)}:root{--primary-color:#6b46c1;--primary-light:#805ad5;--primary-dark:#553c9a;--background-color:#0f0f0f;--card-bg:#1a1a1a;--text-primary:#fff;--text-secondary:#a0aec0;--border-color:#2d2d2d;--success-color:#6b46c1;--danger-color:#e53e3e;--input-bg:#1a1a1a;--input-border:#2d2d2d;--glow-color:#6b46c11a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0f0f0f;background-color:var(--background-color);color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;min-height:100vh}.container{margin:0 auto;max-width:1200px;min-width:320px;padding:2rem 1rem;width:100%}.form-container{margin:0 auto 3rem;min-width:300px;padding:1rem 0;width:75%}h1{color:#fff;color:var(--text-primary);font-size:2rem;margin-bottom:2rem;text-align:center}.input-container{background-color:#1a1a1a;background-color:var(--card-bg);border:1px solid #2d2d2d;border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:600px;padding:.5rem;position:relative;width:100%}.input-field{background-color:initial;border:none;border-radius:6px;color:#fff;color:var(--text-primary);font-size:1rem;min-height:48px;padding:1rem 2.5rem 1rem 1rem;transition:all .3s ease;width:100%}.input-field:focus{outline:none}.clear-input{align-items:center;background:none;border:none;color:#a0aec0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;opacity:0;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:opacity .2s;width:32px}.clear-input:hover{color:#6b46c1;color:var(--primary-color)}.clear-input.visible{opacity:1}.submit-btn{background-color:#6b46c1;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;display:block;font-size:1rem;font-weight:600;letter-spacing:1px;margin-left:auto;margin-right:auto;max-width:600px;padding:1rem;text-transform:uppercase;transition:all .3s ease;width:100%}.submit-btn:hover{background-color:#805ad5;background-color:var(--primary-light)}.submit-btn:disabled{background:#1a1a1a;background:var(--input-bg);cursor:not-allowed}.loader{animation:spin 1s linear infinite;border:3px solid #2d2d2d;border-top:3px solid #6b46c1;border:3px solid var(--input-border);border-radius:50%;border-top-color:var(--primary-color);height:24px;margin:1rem auto;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error{background-color:#e53e3e1a;border:1px solid #e53e3e;border:1px solid var(--danger-color);border-radius:6px;color:#e53e3e;color:var(--danger-color);margin:1rem 0;padding:.75rem}.success{background-color:#6b46c11a;border:1px solid #6b46c1;border:1px solid var(--success-color);border-radius:6px;color:#6b46c1;color:var(--success-color);margin:1rem auto;min-width:250px;padding:.75rem;text-align:center;width:50%}.last-generations{border-radius:8px;padding:1rem 0}h2{color:#fff;color:var(--text-primary);font-size:1.5rem;margin-bottom:2rem;text-align:center}.generations-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.generation-item{background-color:#1a1a1a;background-color:var(--card-bg);border:1px solid #2d2d2d;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:.5rem;margin:0 auto;padding:.5rem;transition:all .3s ease;width:75%}.generation-item:hover{border-color:#6b46c1;border-color:var(--primary-color)}.generation-thumbnail{aspect-ratio:1;border-radius:6px;margin:0 auto;overflow:hidden;position:relative}.generation-thumbnail img{height:100%;object-fit:cover;width:100%}.generation-info{flex-grow:1}.generation-info h3{color:#fff;color:var(--text-primary);font-size:1.1rem;margin:0 0 .25rem;text-transform:capitalize}.generation-date{color:#a0aec0;color:var(--text-secondary);font-size:.9rem;margin:0}.audio-player{background-color:#0f0f0f;background-color:var(--background-color);border-radius:6px;margin-top:.25rem;padding:.5rem;width:100%}.controls{gap:.75rem}.controls,.controls button{align-items:center;display:flex;justify-content:center}.controls button{background:none;border:none;border-radius:4px;color:#6b46c1;color:var(--primary-color);cursor:pointer;font-size:1.5rem;height:40px;padding:.25rem;transition:all .3s ease;width:40px}.controls button:hover{background-color:#1a1a1a;background-color:var(--input-bg);color:#805ad5;color:var(--primary-light)}.controls button.play-pause-btn{font-size:1.75rem;height:48px;width:48px}.progress-container{background-color:#2d2d2d;background-color:var(--input-border);border-radius:2px;cursor:pointer;height:4px;position:relative;width:100%}.progress-bar{background-color:#6b46c1;background-color:var(--primary-color);border-radius:2px;height:100%;transition:width .1s linear;width:0;width:var(--progress-width,0)}.time-display{align-items:center;color:#a0aec0;color:var(--text-secondary);display:flex;font-size:.875rem;justify-content:space-between;margin:.5rem 0;padding:0 .25rem}.time-display span{align-items:center;display:flex;height:48px}.no-generations{color:#a0aec0;color:var(--text-secondary);margin:0 auto;min-width:300px;padding:2rem;text-align:center}@media (max-width:1024px){.generations-list{grid-template-columns:repeat(2,1fr)}.container{min-width:280px}}@media (max-width:768px){.container{min-width:250px;padding:1rem}.form-container{min-width:250px;padding:0;width:90%}.input-container{margin-bottom:1rem;max-width:100%;min-width:250px}.no-generations{min-width:250px}.last-generations{min-width:250px;padding:0}.generations-list{grid-template-columns:1fr}.generation-thumbnail{aspect-ratio:1;height:auto}.submit-btn{max-width:100%;min-width:250px}}.App{display:flex;flex-direction:column;min-height:100vh}
/*# sourceMappingURL=main.926f5f89.css.map*/