body{background-color:#121212;color:#e0e0e0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;overflow:hidden}.App{display:flex;flex-direction:column;height:100vh}.App-header{background-color:#1e1e1e;border-bottom:1px solid #333;height:60px;justify-content:space-between;padding:0 20px}.App-header,.App-header h1{align-items:center;display:flex}.App-header h1{color:#fff;font-size:1.2rem;gap:10px;margin:0}.progress-container{background-color:#333;height:6px;left:0;position:absolute;top:60px;width:100%;z-index:100}.progress-bar{background:linear-gradient(90deg,#00c6ff,#0072ff);box-shadow:0 0 10px #00c6ff;height:100%;transition:width .3s ease;width:0}.progress-bar.indeterminate{animation:move-stripes 1s linear infinite;background:repeating-linear-gradient(45deg,#00c6ff,#00c6ff 10px,#0072ff 0,#0072ff 20px);width:100%!important}@keyframes move-stripes{0%{background-position:0 0}to{background-position:50px 50px}}.editor-workspace{background:#000;display:grid;grid-template-columns:320px 1fr;height:calc(100vh - 140px)}.timeline-panel{background-color:#181818;border-right:1px solid #333;overflow-y:auto;padding:10px}.timeline-title{color:#888;font-size:.9rem;font-weight:700;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.segment-item{background-color:#252525;border-left:4px solid #444;border-radius:4px;cursor:pointer;margin-bottom:8px;padding:12px;transition:all .2s}.segment-item:hover{background-color:#333}.segment-item.active{background-color:#2a2a2a;border-left:4px solid #00c6ff;box-shadow:0 0 15px #00c6ff1a}.segment-item textarea{background:#111;border:1px solid #333;border-radius:5px;box-sizing:border-box;color:#fff;font-family:inherit;margin-top:5px;min-height:60px;padding:10px;resize:vertical;width:100%}.mini-btn{background:#0000;border:1px solid #00c6ff;border-radius:5px;color:#00c6ff;cursor:pointer;font-size:.8rem;margin-top:8px;padding:5px 10px;transition:all .2s}.mini-btn:hover{background:#00c6ff;color:#000}.time-code{color:#00c6ff;display:block;font-family:monospace;font-size:.7rem;margin-bottom:4px}.text-content{color:#ddd;font-size:.9rem;line-height:1.3}.preview-panel{align-items:center;background-color:#0d0d0d;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;padding:20px 20px 120px}.main-preview-box{align-items:center;aspect-ratio:16/9;background:#000;border:1px solid #333;border-radius:15px;box-shadow:0 20px 50px #00000080;display:flex;flex-shrink:0;justify-content:center;margin-bottom:20px;max-width:800px;overflow:hidden;position:relative;width:100%}.main-preview-box img,.main-preview-box video{height:100%;object-fit:cover;width:100%}.main-preview-box video{filter:brightness(.5)}.overlay-text{bottom:20px;color:#fff;font-size:1.4rem;left:0;padding:10px;position:absolute;right:0;text-align:center;text-shadow:3px 3px 6px #000000e6,-1px -1px 4px #000000b3}.change-btn,.overlay-text{background:#0000;font-weight:700}.change-btn{align-items:center;border:1px solid #00c6ff;border-radius:30px;color:#00c6ff;cursor:pointer;display:flex;gap:8px;margin-top:20px;padding:10px 20px}.change-btn:hover{background:#00c6ff;color:#000}.editor-footer{align-items:center;background-color:#1e1e1e;border-top:1px solid #333;bottom:0;box-sizing:border-box;display:flex;height:80px;justify-content:space-between;padding:0 30px;position:fixed;width:100%;z-index:10}.status-text{color:#aaa;font-size:.9rem}.render-action-btn,.status-text{align-items:center;display:flex;gap:10px}.render-action-btn{background:linear-gradient(90deg,#ff416c,#ff4b2b);border:none;border-radius:50px;box-shadow:0 4px 15px #ff4b2b66;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px 40px;transition:transform .2s}.render-action-btn:hover{transform:scale(1.05)}.result-box,.welcome-screen{align-items:center;display:flex;flex-direction:column;gap:20px;height:80vh;justify-content:center;text-align:center}.upload-btn{background:#252525;border:2px dashed #444;border-radius:20px;cursor:pointer;padding:50px;transition:border-color .3s;width:400px}.upload-btn:hover{border-color:#00c6ff}.download-btn{background:#2ecc71;border-radius:10px;font-size:1.5rem;font-weight:700;gap:10px;padding:15px 40px;text-decoration:none}.download-btn,.overlay-loading{align-items:center;color:#fff;display:flex}.overlay-loading{background:#000000e6;bottom:0;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:200}.spinner{animation:spin 1s linear infinite;border:5px solid #ffffff1a;border-radius:50%;border-top-color:#00c6ff;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.03a86c5c.css.map*/