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}*{box-sizing:border-box}#root,body,html{background:#202123;color:#e5e5e5;font-family:Inter,sans-serif;height:100%;margin:0;padding:0}.app-container{display:flex;flex-direction:column;height:100%;position:relative}.header{background:#1a1b1e;height:3.5rem;justify-content:space-between;left:0;padding:0 1rem;position:fixed;right:0;top:0;z-index:1000}.header,.header-left{align-items:center;display:flex}.company-name{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin:0}.tagline{color:#ccc;font-size:.9rem;font-style:italic;margin-left:1.5rem;opacity:.8}.support-email{color:#10a37f;font-size:.85rem;font-weight:500;margin-left:2rem;opacity:.9;text-decoration:none;transition:all .2s}.support-email:hover{color:#0d8266;opacity:1;text-decoration:underline}.header-left .nav-btn{margin-right:.5rem}.header-right{align-items:center;display:flex}#google-signin-div>div{width:auto!important}.layout{background:#202123;display:flex;flex:1 1;margin-top:3.5rem;overflow:hidden}.sidebar{background:#111214;display:flex;flex:0 0 16rem;flex-direction:column;overflow-y:auto;padding:1rem}.logo{background:#fff;border-radius:.5rem;color:#fff;font-size:1.25rem;height:auto;margin-bottom:.5rem;object-fit:contain;padding:.5rem;width:50%}.sidebar h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.projects-list{flex:1 1;overflow-y:auto}.project-item{background:#1a1b1e;border-radius:.375rem;margin-bottom:.25rem;transition:background .2s}.project-item.selected,.project-item:hover{background:#2a2b2e}.project-row{align-items:center;display:flex;justify-content:space-between;padding:.5rem}.project-name{cursor:pointer;flex:1 1;-webkit-user-select:none;user-select:none}.delete-project-btn{background:none;border:none;border-radius:.25rem;cursor:pointer;font-size:1rem;margin-left:.5rem;opacity:.6;padding:.25rem;transition:opacity .2s,background .2s}.delete-project-btn:hover{background:#ffffff1a;opacity:1}.rename-input{border:1px solid #10a37f;border-radius:.25rem;font-size:.875rem;outline:none;width:100%}.new-project-btn,.rename-input{background:#2a2b2e;color:#fff;padding:.5rem}.new-project-btn{border:none;border-radius:.375rem;cursor:pointer}.new-project-btn:hover{background:#3a3b3e}.main-panel{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:1rem 2rem}.mode-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.mode-toggle button{background:#2a2b2e;border:none;border-radius:.375rem;color:#ccc;cursor:pointer;flex:1 1;padding:.5rem;transition:background .2s,color .2s}.mode-toggle button.active,.mode-toggle button:hover{background:#4e4f52;color:#fff}.upload-section{grid-gap:1rem;align-items:end;background:#1a1b1e;border-radius:.5rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:1rem}.mode-toggle+.upload-section{position:relative}.mode-toggle+.upload-section:before{border:2px dashed #444;border-radius:.75rem;bottom:-.5rem;content:"";left:-.5rem;opacity:0;pointer-events:none;position:absolute;right:-.5rem;top:-.5rem;transition:opacity .2s}.main-panel:has(.mode-toggle button:first-child.active) .upload-section:before,.main-panel:has(.mode-toggle button:nth-child(2).active) .upload-section:before{opacity:1}.file-input-wrapper{display:flex;flex-direction:column}.file-input-wrapper label{font-size:.875rem;margin-bottom:.25rem}.count-input input,.count-selector,.file-input-wrapper input{background:#2a2b2e;border:none;border-radius:.375rem;color:#fff;padding:.5rem}.count-selector{cursor:pointer;min-width:80px}.count-selector:hover{background:#3a3b3e}.count-selector:focus{border:1px solid #10a37f;outline:none}.count-input{display:flex;flex-direction:column}.interpolate-btn{align-items:center;background:#10a37f;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:.5rem;grid-column:span 2;justify-content:center;padding:.75rem;transition:background .2s}.interpolate-btn:disabled{cursor:not-allowed;opacity:.5}.interpolate-btn:not(:disabled):hover{background:#0d8266}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-text{color:#f47171;font-size:.875rem;grid-column:span 2}.results-display{flex:1 1;margin-top:1.5rem;overflow-x:hidden;width:100%}.image-scroller{display:flex;gap:.75rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.5rem;width:100%}.image-scroller::-webkit-scrollbar{height:6px}.image-scroller::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.image-scroller .thumb{background:#2a2b2e;border-radius:.375rem;cursor:pointer;flex:0 0 auto;height:120px;margin-right:.5rem;object-fit:cover;width:120px}.video-container{align-items:center;border:2px dashed #444;display:flex;justify-content:center;min-height:150px}.placeholder-text{color:#666}.video-player{background:#000;border-radius:.375rem;max-height:480px;width:100%}.custom-file-label input[type=file]{display:none}.custom-file-label{align-items:center;background:#2a2b2e;border-radius:.375rem;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;padding:.5rem 1rem;transition:background .2s,transform .1s}.custom-file-label:focus,.custom-file-label:hover{background:#3a3b3e;transform:translateY(-1px)}.custom-file-label:before{content:"📤";font-size:1.1rem;margin-right:.5rem}.user-profile{align-items:center;cursor:pointer;display:inline-flex;position:relative}.profile-dropdown{background:#1a1b1e;border:1px solid #444;border-radius:.375rem;box-shadow:0 4px 8px #0000004d;min-width:12rem;overflow:hidden;position:absolute;right:0;top:2.5rem}.profile-dropdown .dropdown-item{color:#e5e5e5;cursor:pointer;padding:.75rem 1rem}.profile-dropdown .dropdown-item:hover{background:#2a2b2e}.save-to-project-btn{background:#10a37f;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:700;margin-top:1rem;padding:.75rem 1.5rem;transition:background .2s}.save-to-project-btn:hover{background:#0d8266}.download-btn{background:#444;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:700;margin-top:1rem;padding:.75rem 1.5rem;transition:background .2s}.download-btn:hover{background:#555}.frame-player{background:#1a1b1e;border:1px solid #2a2b2e;border-radius:.5rem;margin-top:2rem;padding:1.5rem}.player-display{align-items:center;aspect-ratio:16/9;background:#000;border-radius:.375rem;display:flex;justify-content:center;margin:0 auto 1.5rem;max-width:600px;overflow:hidden;width:100%}.player-frame{height:100%;object-fit:contain;width:100%}.player-controls{flex-wrap:wrap;gap:2rem}.play-pause-btn,.player-controls{align-items:center;display:flex;justify-content:center}.play-pause-btn{background:#10a37f;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:3rem;transition:background .2s;width:3rem}.play-pause-btn:hover{background:#0d8266}.speed-control{align-items:center;display:flex;gap:1rem}.speed-control label{color:#ccc;font-size:.9rem;min-width:80px}.speed-slider{cursor:pointer;width:150px}.fps-control{align-items:center;display:flex;gap:.5rem}.fps-control label{color:#ccc;font-size:.9rem;min-width:35px}.fps-selector{background:#2a2b2e;border:1px solid #444;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.9rem;min-width:60px;padding:.5rem;transition:all .2s}.fps-selector:hover{background:#3a3b3e;border-color:#10a37f}.fps-selector:focus{border-color:#10a37f;box-shadow:0 0 0 2px #10a37f33;outline:none}.frame-info{color:#ccc;font-size:.9rem}.subscription-modal{background:#1a1b1e;border-radius:.5rem;box-shadow:0 10px 25px #00000080;max-height:80vh;max-width:800px;overflow-y:auto;padding:1.5rem;position:relative;width:90%}.modal-header{align-items:center;border-bottom:1px solid #2a2b2e;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h2{color:#fff;font-size:1.5rem;margin:0}.close-modal-btn{align-items:center;background:none;border:none;color:#ccc;cursor:pointer;display:flex;font-size:1.5rem;height:1.5rem;justify-content:center;padding:0;width:1.5rem}.close-modal-btn:hover{color:#fff}.stripe-pricing-container{width:100%}.stripe-pricing-container stripe-pricing-table{max-width:100%}.modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}body .stripe-checkout-overlay,body .stripe-modal,body [data-stripe-checkout]{left:50%!important;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:9999!important}body #credential_picker_container,body .g_id_signin,body [class*=g-signin],body [class*=g_id]:not(#root),body [data-client-id],body [id*=credential]:not(#root){display:none!important}.frame-management{background:linear-gradient(145deg,#1a1b1e,#16171a);border:1px solid #2a2b2e;border-radius:.75rem;box-shadow:0 4px 12px #0000004d;margin-top:2rem;padding:1.5rem}.frame-management h3{color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin-bottom:1.5rem;text-align:center}.frame-sequence{align-items:center;background:linear-gradient(145deg,#1e1f22,#16171a);border:1px solid #2a2b2e;border-radius:.75rem;display:flex;gap:.25rem;overflow-x:auto;padding:1rem .5rem}.frame-sequence::-webkit-scrollbar{height:6px}.frame-sequence::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.sequence-frame{border:2px solid #0000;border-radius:.5rem;box-shadow:0 4px 8px #0003;cursor:pointer;flex:0 0 auto;height:70px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:70px}.sequence-frame.active{border-color:#10a37f;box-shadow:0 8px 20px #10a37f4d,0 4px 8px #0006;transform:scale(1.1) translateY(-4px);z-index:10}.sequence-frame.custom{background:linear-gradient(145deg,#2a2b2e,#1a1b1e);border-color:#666}.sequence-frame.custom.active{border-color:#10a37f}.sequence-frame:hover:not(.active){box-shadow:0 6px 12px #0000004d;transform:translateY(-2px)}.sequence-thumb{height:100%;object-fit:cover;width:100%}.frame-number{background:linear-gradient(135deg,#10a37fe6,#0d8266e6);border-radius:.375rem;bottom:3px;box-shadow:0 2px 4px #0000004d;color:#fff;font-size:.7rem;font-weight:600;min-width:20px;padding:2px 6px;position:absolute;right:3px;text-align:center}.insert-frame-wrapper{align-items:center;display:flex;flex:0 0 auto}.insert-frame-btn{align-items:center;background:linear-gradient(145deg,#2a2b2e,#1a1b1e);border:2px solid #444;border-radius:50%;box-shadow:0 2px 4px #0003;color:#888;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:32px;justify-content:center;opacity:.6;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.insert-frame-btn:hover{background:linear-gradient(145deg,#10a37f,#0d8266);border-color:#10a37f;box-shadow:0 4px 12px #10a37f66;color:#fff;opacity:1;transform:scale(1.15)}.insert-frame-btn span{line-height:1}.insert-frame-wrapper.drag-over .insert-frame-btn{background:linear-gradient(145deg,#10a37f,#0d8266);border-color:#10a37f;box-shadow:0 6px 16px #10a37f80;color:#fff;transform:scale(1.3)}.sequence-frame{-webkit-user-select:none;user-select:none}.remove-frame-btn{align-items:center;background:linear-gradient(135deg,#ff3b30,#d70015);border:2px solid #1a1b1e;border-radius:50%;box-shadow:0 4px 8px #ff3b3066;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:700;height:22px;justify-content:center;opacity:0;position:absolute;right:-4px;top:-4px;transition:all .3s cubic-bezier(.4,0,.2,1);width:22px}.sequence-frame:hover .remove-frame-btn{opacity:1;transform:scale(1.1)}.remove-frame-btn:hover{background:linear-gradient(135deg,#ff5757,#ff1a1a);box-shadow:0 6px 12px #ff3b3099;transform:scale(1.2)}.deleted-frames-section{background:linear-gradient(145deg,#16171a,#12131a);border:1px solid #2a2b2e;border-radius:.75rem;box-shadow:inset 0 2px 4px #0003;margin-top:2rem;padding:1.5rem}.deleted-frames-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.deleted-frames-header h4{color:#ff6b6b;font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0}.clear-deleted-btn{background:linear-gradient(145deg,#ff3b30,#d70015);border:none;border-radius:.375rem;box-shadow:0 2px 6px #ff3b304d;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.clear-deleted-btn:hover{background:linear-gradient(145deg,#ff5757,#ff1a1a);box-shadow:0 4px 12px #ff3b3080;transform:translateY(-1px)}.deleted-frames-container{background:#0003;border:2px dashed #444;border-radius:.5rem;display:flex;gap:.75rem;overflow-x:auto;padding:.5rem}.deleted-frames-container::-webkit-scrollbar{height:6px}.deleted-frames-container::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.deleted-frame{border:2px dashed #ff6b6b;border-radius:.5rem;cursor:grab;filter:grayscale(.3);flex:0 0 auto;height:70px;opacity:.7;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:70px}.deleted-frame:hover{border-color:#ff8a8a;box-shadow:0 4px 12px #ff6b6b66;filter:grayscale(0);opacity:1;transform:scale(1.05)}.deleted-frame:active{cursor:grabbing;transform:scale(.95)}.deleted-thumb{height:100%;object-fit:cover;width:100%}.deleted-frame-overlay{background:linear-gradient(#0000,#000c);bottom:0;left:0;opacity:0;padding:.25rem;position:absolute;right:0;transition:opacity .3s}.deleted-frame:hover .deleted-frame-overlay{opacity:1}.drag-hint{color:#ff6b6b;display:block;font-size:.65rem;font-weight:600;text-align:center;text-shadow:0 1px 2px #000c}.download-modal{background:#1a1b1e;border-radius:.5rem;box-shadow:0 10px 25px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:900px;padding:1.5rem;position:relative;width:90%}.frame-type-legend{background:#2a2b2e;border-radius:.375rem;display:flex;gap:2rem;justify-content:center;margin-bottom:1.5rem;padding:1rem}.legend-item{align-items:center;color:#ccc;display:flex;font-size:.9rem;gap:.5rem}.legend-color{border-radius:.25rem;height:20px;width:20px}.legend-color.user-frame{background:#10a37f}.legend-color.generated-frame{background:#666}.download-frames-grid{grid-gap:1rem;background:#2a2b2e;border-radius:.375rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:400px;overflow-y:auto;padding:1rem}.download-frame{border:3px solid #0000;border-radius:.375rem;cursor:pointer;overflow:hidden;position:relative;transition:all .2s}.download-frame.user-input{border-color:#10a37f}.download-frame.generated{border-color:#666}.download-frame.selected{opacity:.8;transform:scale(.95)}.download-frame:hover{transform:scale(1.05)}.download-thumb{height:100px;object-fit:cover;width:100%}.frame-label{background:#000c;color:#fff;font-size:.8rem;padding:.25rem;text-align:center}.frame-type{color:#10a37f;font-size:.7rem}.check-mark{align-items:center;background:#10a37f;border-radius:50%;color:#fff;font-weight:700;height:24px;position:absolute;right:5px;top:5px;width:24px}.check-mark,.download-actions{display:flex;justify-content:center}.download-actions{gap:1rem;margin-top:1.5rem}.deselect-all-btn,.select-all-btn{background:#2a2b2e;border:none;border-radius:.375rem;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background .2s}.deselect-all-btn:hover,.select-all-btn:hover{background:#3a3b3e}.download-selected-btn{background:#10a37f;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:700;padding:.75rem 1.5rem;transition:background .2s}.download-selected-btn:hover{background:#0d8266}.download-selected-btn:disabled{background:#444;cursor:not-allowed;opacity:.5}
/*# sourceMappingURL=main.7d1a6b3c.css.map*/