body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.homepage{background-color:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.header-section{background-color:#fff;border-bottom:1px solid #e5e7eb}.header-container{margin:0 auto;max-width:1280px;padding:2rem 1rem}.header-content{text-align:center}.logo-container{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:1rem}.logo{background-color:#000;border-radius:.75rem;padding:.75rem;position:relative}.logo-icon{color:#fff;height:2rem;width:2rem}.logo-indicator{align-items:center;background-color:#ef4444;border-radius:50%;display:flex;height:1rem;justify-content:center;position:absolute;right:-.25rem;top:-.25rem;width:1rem}.logo-dot{background-color:#fff;border-radius:50%;height:.5rem;width:.5rem}.main-title{color:#111827;font-size:3rem;font-weight:700;margin-bottom:1rem}.main-subtitle{color:#4b5563;font-size:1.25rem;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:32rem}.features-list{color:#6b7280;font-size:.875rem;gap:1.5rem;justify-content:center}.feature-item,.features-list{align-items:center;display:flex}.feature-item{gap:.5rem}.feature-dot{border-radius:50%;height:.5rem;width:.5rem}.feature-dot.green{background-color:#10b981}.feature-dot.blue{background-color:#3b82f6}.feature-dot.orange{background-color:#f59e0b}.video-types-section{margin:0 auto;max-width:1280px;padding:3rem 1rem}.section-header{margin-bottom:3rem;text-align:center}.section-title{color:#111827;font-size:1.875rem;font-weight:700;margin-bottom:1rem}.section-subtitle{color:#4b5563;margin:0 auto;max-width:32rem}.video-types-container{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:56rem}.video-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;position:relative;transition:all .3s ease}.video-card.available{cursor:pointer}.video-card.available:hover{border-color:#d1d5db;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-.25rem)}.video-card.coming-soon{cursor:default;opacity:.6}.coming-soon-badge{background-color:#111827;border-radius:9999px;color:#fff;font-size:.875rem;font-weight:500;padding:.25rem .75rem;position:absolute;right:1rem;top:1rem;z-index:20}.card-layout{display:flex;flex-direction:column}.preview-container{background-color:#f3f4f6;flex-shrink:0;height:12rem;overflow:hidden;position:relative;width:100%}.preview-image{object-fit:cover;transition:transform .3s ease;width:100%}.video-card:hover .preview-image{transform:scale(1.05)}.play-overlay{align-items:center;background-color:#0003;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.video-card:hover .play-overlay{opacity:1}.play-button{background-color:#ffffffe6;border-radius:50%;padding:.75rem}.play-icon{color:#111827;height:1.5rem;width:1.5rem}.type-icon-container{background-color:#ffffffe6;border-radius:.5rem;left:1rem;padding:.5rem;position:absolute;top:1rem}.card-icon{height:1.5rem;width:1.5rem}.card-content{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:1.5rem}.content-main{flex:1 1}.card-title{color:#111827;font-size:1.5rem;font-weight:700;margin-bottom:.75rem;transition:color .3s ease}.video-card.available:hover .card-title{color:#2563eb}.card-description{color:#4b5563;line-height:1.6;margin-bottom:1rem}.features-container{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.feature-badge{align-items:center;background-color:#f3f4f6;border-radius:9999px;color:#4b5563;display:flex;font-size:.875rem;gap:.5rem;padding:.25rem .75rem}.feature-badge-dot{background-color:#3b82f6;border-radius:50%;height:.375rem;width:.375rem}.action-button{align-items:center;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.action-button.enabled{background-color:#f9fafb;color:#374151}.action-button.disabled{background-color:#f9fafb;border-color:#e5e7eb;color:#9ca3af}.video-card.available:hover .action-button.enabled{background-color:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.action-text{font-weight:500}.action-icon{height:1.25rem;transition:transform .3s ease;width:1.25rem}.video-card.available:hover .action-icon{transform:translateX(.25rem)}.stats-section{background-color:#111827;color:#fff}.stats-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(1,1fr);margin:0 auto;max-width:1280px;padding:3rem 1rem;text-align:center}.stat-item{align-items:center;display:flex;flex-direction:column}.stat-number{font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#9ca3af}.footer-section{background-color:#fff;border-top:1px solid #e5e7eb}.footer-container{margin:0 auto;max-width:1280px;padding:2rem 1rem}.footer-text{color:#6b7280;font-size:.875rem;margin:0;text-align:center}@media (min-width:768px){.main-title{font-size:4rem}.main-subtitle{font-size:1.5rem}.card-layout{flex-direction:row;min-height:16rem}.preview-container{flex-shrink:0;height:16rem;width:16rem}.card-content{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.stats-container{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.main-title{font-size:5rem}}.video-generator{background-color:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.nav-section{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 0}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 1rem}.nav-back-button{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.nav-back-button:hover{background-color:#f9fafb;border-color:#d1d5db;color:#111827}.nav-home-button{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;height:2.5rem;justify-content:center;transition:all .2s ease;width:2.5rem}.nav-home-button:hover{background-color:#f9fafb;border-color:#d1d5db;color:#111827}.nav-icon{height:1.25rem;width:1.25rem}.generator-header-section{background-color:#fff;border-bottom:1px solid #e5e7eb}.generator-header-container{margin:0 auto;max-width:1280px;padding:3rem 1rem}.generator-header-content{text-align:center}.generator-logo-container{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem}.generator-logo{background-color:#111827;border-radius:.75rem;padding:1rem}.generator-logo-icon{color:#fff;height:2rem;width:2rem}.generator-main-title{color:#111827;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.generator-main-subtitle{color:#4b5563;font-size:1.25rem;margin:0 auto;max-width:32rem}.generator-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr;margin:0 auto;max-width:1280px;padding:3rem 1rem}.upload-section{margin:0 auto;max-width:42rem}.upload-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:2rem}.upload-header{align-items:center;display:flex;gap:.75rem;margin-bottom:2rem}.upload-icon{color:#3b82f6;height:1.5rem;width:1.5rem}.upload-title{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.file-upload-area{margin-bottom:2rem}.file-upload-label{cursor:pointer;display:block;width:100%}.file-input{display:none}.upload-zone{background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:.75rem;padding:3rem 2rem;text-align:center;transition:all .2s ease}.upload-zone:hover{background-color:#eff6ff;border-color:#3b82f6}.upload-zone-icon{color:#6b7280;height:3rem;margin:0 auto 1rem;width:3rem}.upload-zone-text{color:#374151;font-weight:500;margin-bottom:.5rem}.upload-zone-hint{color:#6b7280;font-size:.875rem;margin:0}.midi-resource{background-color:#f3f4f6;border-radius:.5rem;margin-top:1rem;padding:1rem;text-align:center}.midi-resource p{color:#4b5563;font-size:.875rem;margin:0}.midi-resource a{background-color:#e2e8f0;border-radius:.25rem;color:#2563eb;font-family:monospace;font-weight:500;padding:.125rem .375rem;text-decoration:none}.midi-resource a:hover{background-color:#cbd5e1;color:#1d4ed8}.config-section{margin-bottom:2rem}.config-title{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.config-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.config-field{display:flex;flex-direction:column}.config-label{align-items:center;color:#374151;display:flex;font-weight:500;gap:.5rem;margin-bottom:.5rem}.config-icon{color:#3b82f6;height:1rem;width:1rem}.config-input{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease}.config-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.config-hint{color:#6b7280;font-size:.75rem;margin-top:.25rem}.generate-button{border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 1.5rem;transition:all .2s ease;width:100%}.generate-button.enabled{background-color:#2563eb;color:#fff}.generate-button.enabled:hover{background-color:#1d4ed8;transform:translateY(-1px)}.generate-button.disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.button-content{align-items:center;display:flex;gap:.5rem;justify-content:center}.button-icon,.button-loader{height:1.25rem;width:1.25rem}.button-loader{animation:spin 1s linear infinite}.history-section{margin:0 auto;max-width:56rem}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.history-title{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.history-count{background-color:#f3f4f6;border-radius:9999px;color:#4b5563;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.videos-list{display:flex;flex-direction:column;gap:1rem}.empty-state{background-color:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:4rem 2rem;text-align:center}.empty-icon{color:#d1d5db;height:4rem;margin:0 auto 1rem;width:4rem}.empty-title{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.empty-text{color:#6b7280;margin:0}.video-item{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;display:flex;justify-content:space-between;padding:1.5rem;transition:all .2s ease}.video-item:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.video-status{align-items:center;display:flex;flex:1 1;gap:1rem}.status-icon{flex-shrink:0;height:1.5rem;width:1.5rem}.status-icon.completed{color:#10b981}.status-icon.processing{animation:spin 1s linear infinite;color:#3b82f6}.status-icon.error{color:#ef4444}.video-info{flex:1 1}.video-meta{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.status-text{font-weight:500;text-transform:capitalize}.status-text.status-completed{color:#059669}.status-text.status-processing{color:#2563eb}.status-text.status-error{color:#dc2626}.video-date{color:#6b7280;font-size:.875rem}.video-config{display:flex;flex-wrap:wrap;gap:1rem}.config-item{align-items:center;color:#4b5563;display:flex;font-size:.875rem;gap:.25rem}.config-item-icon{height:.875rem;width:.875rem}.error-message{color:#dc2626;font-size:.875rem;font-style:italic;margin:.5rem 0 0}.video-actions{flex-shrink:0}.download-button{align-items:center;background-color:#10b981;border-radius:.5rem;color:#fff;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.download-button:hover{background-color:#059669;transform:translateY(-1px)}.download-icon{height:1rem;width:1rem}@media (min-width:768px){.generator-main-title{font-size:3rem}.generator-main-subtitle{font-size:1.5rem}.config-grid{grid-template-columns:repeat(2,1fr)}.generator-content{gap:4rem;grid-template-columns:1fr}.video-meta{flex-direction:row}}@media (min-width:1024px){.generator-content{gap:4rem;grid-template-columns:1fr 1fr}.history-section,.upload-section{max-width:none}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.61bb00e6.css.map*/