body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f0f0}*{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}.App{margin:0 auto;max-width:800px;padding:20px}.container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}.header{margin-bottom:20px;text-align:center}.header h1{color:#000;font-size:28px;margin-bottom:8px}.header p{color:#555;margin-top:0}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;margin-bottom:8px}.input-field{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;padding:10px;width:100%}.button{background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px;transition:background-color .2s}.button:hover{background-color:#333}.button:disabled{background-color:#ccc;cursor:not-allowed}.button-secondary{background-color:#fff;border:1px solid #000;color:#000}.button-secondary:hover{background-color:#f3f3f3}.button-icon{align-items:center;border-radius:50%;display:flex;height:36px;justify-content:center;padding:0;width:36px}.w-full{width:100%}.button-text{align-items:center;display:flex;gap:8px;justify-content:center}.flex{display:flex}.flex-col{flex-direction:column}.gap-2{gap:8px}.gap-4{gap:16px}.items-center{align-items:center}.justify-between{justify-content:space-between}.mb-4{margin-bottom:16px}.enhanced-prompt{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;margin-bottom:20px;padding:15px}.enhanced-prompt h3{font-size:18px;margin-bottom:10px;margin-top:0}.prompt-info{color:#777;font-size:12px;margin-bottom:0;margin-top:10px}.slider-container{align-items:center;display:flex;gap:16px}.slider{flex:1 1}.slider-value{text-align:right;width:40px}.api-setup{margin-bottom:32px}.api-setup h2{margin-top:0}.player{gap:16px;margin-top:16px}.play-button,.player{align-items:center;display:flex}.play-button{background-color:#000;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;height:36px;justify-content:center;width:36px}.progress-bar{background-color:#eee;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress{background-color:#000;border-radius:4px;height:100%;transition:width .1s linear}.history-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 0}.history-item:last-child{border-bottom:none}.history-item-content{flex:1 1}.history-prompt{font-size:16px;margin:0 0 4px}.history-date{color:#777;font-size:12px;margin:0}.spinner{animation:spin 1s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top-color:#000;display:inline-block;height:16px;margin-right:8px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.editor-container{margin-top:24px}.editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.editor-title{font-size:18px;font-weight:600;margin:0}.editor-toolbar{display:flex;gap:8px}.timeline{background-color:#f5f5f5;border-radius:4px;margin-bottom:16px;padding:12px}.timeline-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.timeline-tracks{background-color:#eee;border:1px solid #ddd;border-radius:4px;height:200px;overflow-x:hidden;overflow-y:auto;position:relative}.timeline-track{align-items:center;background-color:#f9f9f9;border-radius:2px;display:flex;height:50px;margin-bottom:4px;position:relative}.timeline-track-header{background-color:#e0e0e0;display:flex;flex-direction:column;font-size:12px;height:100%;justify-content:center;padding:0 8px;width:80px}.timeline-track-content{flex:1 1;height:100%;position:relative}.timeline-item{align-items:center;background-color:#000;border-radius:2px;color:#fff;cursor:pointer;display:flex;font-size:10px;height:80%;justify-content:center;overflow:hidden;padding:0 4px;position:absolute;text-overflow:ellipsis;top:10%;white-space:nowrap}.timeline-scrubber{background-color:red;height:100%;position:absolute;top:0;width:2px;z-index:10}.timeline-time{font-family:monospace;font-size:12px}.track-controls{display:flex;gap:4px}.track-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-track-message{color:#777;padding:20px;text-align:center}
/*# sourceMappingURL=main.161f6676.css.map*/