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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.App-container{display:flex;flex-direction:row;justify-content:space-between;padding:10px}.App-left-panel{border-right:1px solid #ccc;flex:1 1;padding:20px}.App-right-panel{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:20px}.preview-container{align-items:center;display:flex;flex-direction:row}.preview-image{margin:0 10px;max-height:400px;max-width:100%}.image-cards-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.image-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;cursor:pointer;height:230px;max-height:230px;max-width:100px;min-height:230px;min-width:100px;overflow:hidden;padding:4px;position:relative;text-align:center;transition:transform .2s,border-color .2s;width:100px}.image-card.selected{border-color:#007bff;transform:scale(1.05)}.image-card-thumbnail{height:80px;object-fit:cover;width:100%}.image-card-title{color:#333;font-size:12px;padding:4px}.image-thumbnail{display:block;height:auto;width:100%}.delete-button{background-color:#ff4d4d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:10px;margin-top:8px;padding:4px 8px;position:absolute;right:8px;top:8px;transition:background-color .2s}.delete-button:hover{background-color:#ff1a1a}.delete-selected-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:16px;padding:8px 16px;transition:background-color .2s}.delete-selected-button:disabled{background-color:#ccc;cursor:not-allowed}.delete-selected-button:hover:not(:disabled){background-color:#0056b3}.subtitle-cards-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.subtitle-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:120px;min-width:120px;padding:6px;position:relative;text-align:center;width:120px}.subtitle-card .delete-button{background-color:#ff4d4d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:10px;padding:4px 8px;position:absolute;right:8px;top:8px}.subtitle-card .delete-button:hover{background-color:#ff1a1a}.subtitle-card-text{color:#333;font-size:12px;margin-bottom:8px}.transition-input-container{align-items:center;display:flex;gap:8px;margin-top:8px}.transition-duration-input,.transition-select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:4px 8px}.transition-duration-input{width:80px}.add-transition-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:4px 12px}.add-transition-button:hover{background-color:#45a049}.modal-overlay{background:#0000008c;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content,.modal-overlay{align-items:center;display:flex}.modal-content{background:#181a20;border-radius:18px;box-shadow:0 4px 32px #00000040;color:#fff;flex-direction:column;min-height:180px;min-width:320px;padding:32px 28px 24px}.modal-content input[type=text]{background:#23262f;border:1px solid #444;border-radius:6px;color:#fff;font-size:18px;margin-bottom:18px;outline:none;padding:10px 14px;transition:border .2s;width:80%}.modal-content input[type=text]:focus{border:1.5px solid #6c47ff}.modal-content p{font-size:1.18rem;letter-spacing:.01em;margin:18px 0 0}.modal-content .progress-bar-bg{background:#23263a;border-radius:9px;box-shadow:0 2px 8px #0000001a;height:18px;margin:24px 0 10px;overflow:hidden;width:100%}.modal-content .progress-bar{background:linear-gradient(90deg,#00dfd8,#007cf0);border-radius:9px 0 0 9px;height:100%;transition:width .4s cubic-bezier(.23,1.12,.62,1.01)}.modal-content .progress-label{color:#b2e6ff;font-size:1.05rem;letter-spacing:.01em;margin-top:6px}.modal-content .eta-label{color:#ffe6b2;font-size:.98rem;margin-top:2px}.modal-content .loading-dots{color:#00dfd8;font-size:2.2rem;font-weight:700;letter-spacing:.18em;margin-bottom:8px;margin-top:0}.error-message{color:red;font-weight:700}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.transition-cards-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.transition-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:100px;min-width:100px;padding:6px;position:relative;text-align:center;width:100px}.transition-card-text{color:#333;font-size:12px;margin-bottom:8px}.transition-card .delete-button{background-color:#ff4d4d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;position:absolute;right:8px;top:8px}.transition-card .delete-button:hover{background-color:#ff1a1a}input[type=file]{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px}input[type=file]:hover{background-color:#f1f1f1}button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s ease}button:hover{background-color:#ddd}.navigation-button{background-color:#007bff;color:#fff;margin:5px}.navigation-button:hover{background-color:#0056b3}.create-button{background-color:#28a745;color:#fff;font-weight:700}.create-button:hover{background-color:#218838}button.delete-button{background-color:#dc3545;color:#fff}button.delete-button:hover{background-color:#c82333}.app-footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;bottom:0;color:#6c757d;font-size:14px;padding:1px 0;position:fixed;text-align:center;width:100%}.slide-number{color:#333;font-size:16px;font-weight:700;margin-bottom:10px;text-align:center}.image-card .delete-button{margin-bottom:0;margin-top:8px;position:static!important;right:auto!important;top:auto!important}.subtitle-delete-button{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;font-size:10px;margin-bottom:0;margin-top:8px;padding:3px 0;position:static;transition:background-color .2s}.subtitle-delete-button:hover{background-color:#f5c6cb}.image-card .transition-input-row{align-items:stretch;display:flex;flex-direction:column;gap:4px;margin-top:4px}.custom-file-upload{background:linear-gradient(90deg,#007cf0,#00dfd8);border:none;border-radius:8px;box-shadow:0 2px 8px #00000014;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:16px;outline:none;padding:12px 28px;text-align:center;transition:background .2s,box-shadow .2s}.custom-file-upload:focus,.custom-file-upload:hover{background:linear-gradient(90deg,#005fa3,#00b3a4);box-shadow:0 4px 16px #007cf01f}.custom-create-button{background:linear-gradient(90deg,#ff512f,#dd2476);border:none;border-radius:8px;box-shadow:0 2px 8px #dd24761a;color:#fff;cursor:pointer;display:inline-block;font-size:1.15rem;font-weight:700;margin-bottom:16px;margin-top:12px;outline:none;padding:14px 36px;text-align:center;transition:background .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.custom-create-button:focus,.custom-create-button:hover{background:linear-gradient(90deg,#b31217,#ff512f);box-shadow:0 4px 16px #dd24762e}.styled-nav-btn{background:linear-gradient(90deg,#00c6ff,#0072ff);border:none;border-radius:6px;box-shadow:0 2px 8px #0072ff1a;color:#fff;cursor:pointer;display:inline-block;font-size:1.08rem;font-weight:600;margin:0 12px;outline:none;padding:10px 24px;transition:background .18s,box-shadow .18s,transform .12s;-webkit-user-select:none;user-select:none}.styled-nav-btn:focus,.styled-nav-btn:hover{background:linear-gradient(90deg,#005fa3,#00b3a4);box-shadow:0 4px 16px #0072ff29;transform:translateY(-2px) scale(1.04)}.slide-dot-pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin:18px 0 8px}.slide-dot{background:#3c3c5040;border-radius:50%;cursor:pointer;display:inline-block;height:14px;transition:background .2s,box-shadow .2s;width:14px}.slide-dot.active{background:#3c3c50f2;box-shadow:0 2px 8px #3c3c502e}.slide-dot:hover{background:#3c3c5080}.help-fab{align-items:center;background:linear-gradient(135deg,#007cf0,#00dfd8);border:none;border-radius:50%;box-shadow:0 2px 8px #007cf01a;color:#fff;cursor:pointer;display:flex;font-size:28px;font-weight:900;height:48px;justify-content:center;position:fixed;right:36px;top:28px;transition:background .18s,box-shadow .18s,transform .12s;width:48px;z-index:1200}.help-fab:focus,.help-fab:hover{background:linear-gradient(135deg,#005fa3,#00b3a4);box-shadow:0 4px 16px #007cf02e;transform:scale(1.08)}
/*# sourceMappingURL=main.8a513c7d.css.map*/