.g4XzTW_container{max-width:800px;color:var(--text-primary,#fff);margin:0 auto;padding:2rem}.g4XzTW_workspace{flex-direction:column;gap:1.25rem;display:flex}.g4XzTW_statusBanner{color:var(--text-primary);background:#3b82f61a;border:1px solid #3b82f64d;border-radius:.5rem;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.g4XzTW_statusError{background:#ef44441a;border-color:#ef44444d}.g4XzTW_retryBtn{color:var(--accent-text,#3b82f6);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.g4XzTW_tabs{border-radius:var(--radius-md);background:var(--bg-secondary,#1e293b80);border:1px solid var(--border-color,#ffffff1a);gap:0;width:fit-content;display:flex;overflow:hidden}.g4XzTW_tab{color:var(--text-secondary,#94a3b8);cursor:pointer;transition:var(--transition-colors);background:0 0;border:none;padding:.6rem 1.5rem;font-size:.9rem;font-weight:500}.g4XzTW_tabActive{background:var(--accent-primary,#3b82f6);color:#fff}.g4XzTW_tab:hover:not(.g4XzTW_tabActive){color:var(--text-primary)}.g4XzTW_panel{background:var(--bg-secondary,#1e293b80);border:1px solid var(--border-color,#ffffff1a);border-radius:var(--radius-lg);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.g4XzTW_dropZone{border:2px dashed var(--border-color,#fff3);cursor:pointer;transition:var(--transition-colors);text-align:center;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:2.5rem 2rem;display:flex}.g4XzTW_dropZone:hover{border-color:var(--accent-primary,#3b82f6);background:#3b82f60d}.g4XzTW_uploadIcon{color:var(--accent-text,#3b82f6)}.g4XzTW_dropText{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.g4XzTW_dropSub{color:var(--text-secondary,#94a3b8);margin:0;font-size:.8rem}.g4XzTW_videoPreviewWrap{flex-direction:column;align-items:center;gap:.75rem;display:flex}.g4XzTW_videoPreview{background:#000;border-radius:.625rem;width:100%;max-width:500px}.g4XzTW_clearFileBtn{border:1px solid var(--border-color,#fff3);color:var(--text-secondary,#94a3b8);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);background:0 0;padding:.4rem 1rem;font-size:.85rem}.g4XzTW_clearFileBtn:hover{border-color:var(--accent-primary,#3b82f6);color:var(--accent-text,#3b82f6)}.g4XzTW_settingsGrid{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:1rem;display:grid}.g4XzTW_settingsGroup{flex-direction:column;gap:.5rem;display:flex}.g4XzTW_label{color:var(--text-secondary,#94a3b8);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.g4XzTW_numberInput{background:var(--bg-tertiary);border:1px solid var(--border-color,#ffffff26);color:var(--text-primary,#fff);border-radius:.4rem;width:100%;padding:.4rem .6rem;font-size:.875rem}.g4XzTW_numberInput:focus{border-color:var(--accent-primary,#3b82f6);outline:none}.g4XzTW_optionBtns{gap:.35rem;display:flex}.g4XzTW_optionBtn{border:1px solid var(--border-color,#ffffff26);color:var(--text-primary,#fff);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);background:0 0;flex:1;padding:.35rem .3rem;font-size:.8rem;font-weight:600}.g4XzTW_optionBtnActive{background:var(--accent-primary,#3b82f6);border-color:var(--accent-primary,#3b82f6);color:var(--on-primary)}.g4XzTW_optionBtn:hover:not(.g4XzTW_optionBtnActive){border-color:var(--accent-primary,#3b82f6)}.g4XzTW_toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;display:flex}.g4XzTW_toggle input{display:none}.g4XzTW_toggleSlider{background:var(--border-color,#fff3);border-radius:10px;flex-shrink:0;width:38px;height:20px;transition:background .2s;position:relative}.g4XzTW_toggleSlider:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:3px;left:3px}.g4XzTW_toggle input:checked~.g4XzTW_toggleSlider{background:var(--accent-primary,#3b82f6)}.g4XzTW_toggle input:checked~.g4XzTW_toggleSlider:after{transform:translate(18px)}.g4XzTW_toggleLabel{color:var(--text-primary);font-size:.85rem}.g4XzTW_frameList{flex-direction:column;gap:.5rem;max-height:320px;padding-right:.25rem;display:flex;overflow-y:auto}.g4XzTW_frameItem{background:var(--bg-tertiary);border:1px solid var(--border-color,#ffffff1a);border-radius:.5rem;align-items:center;gap:.75rem;padding:.4rem .75rem;display:flex}.g4XzTW_frameNum{color:var(--text-secondary,#94a3b8);text-align:right;min-width:20px;font-size:.75rem}.g4XzTW_frameThumb{object-fit:cover;border-radius:.25rem;flex-shrink:0;width:36px;height:36px}.g4XzTW_frameName{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8rem;overflow:hidden}.g4XzTW_frameActions{flex-shrink:0;gap:.25rem;display:flex}.g4XzTW_iconBtn{border:1px solid var(--border-color,#ffffff26);border-radius:var(--radius-md);width:26px;height:26px;color:var(--text-secondary,#94a3b8);cursor:pointer;transition:var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.g4XzTW_iconBtn:hover:not(:disabled){border-color:var(--accent-primary,#3b82f6);color:var(--accent-text,#3b82f6)}.g4XzTW_iconBtn:disabled{opacity:.3;cursor:not-allowed}.g4XzTW_iconBtnDanger:hover:not(:disabled){border-color:var(--status-error);color:var(--status-error)}.g4XzTW_makeBtn{background:linear-gradient(135deg, var(--accent-primary,#3b82f6), #8b5cf6);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:none;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:.75rem 2rem;font-size:1rem;font-weight:700;display:flex}.g4XzTW_makeBtn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.g4XzTW_makeBtn:disabled{opacity:.5;cursor:not-allowed;transform:none}.g4XzTW_progressWrap{background:var(--bg-secondary,#1e293b80);border-radius:var(--radius-md);border:1px solid var(--border-color,#ffffff1a);height:24px;position:relative;overflow:hidden}.g4XzTW_progressBar{background:linear-gradient(90deg, var(--accent-primary,#3b82f6), #8b5cf6);border-radius:var(--radius-md);height:100%;transition:width .3s}.g4XzTW_progressLabel{color:#fff;mix-blend-mode:difference;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute;inset:0}.g4XzTW_errorBanner{color:var(--status-error);background:#ef44441a;border:1px solid #ef44444d;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.g4XzTW_outputArea{background:var(--bg-secondary,#1e293b80);border:1px solid var(--border-color,#ffffff1a);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;display:flex}.g4XzTW_outputTitle{color:var(--text-primary);align-self:flex-start;margin:0;font-size:1rem;font-weight:700}.g4XzTW_outputPreview{border:1px solid var(--border-color,#ffffff1a);border-radius:.5rem;max-width:100%;max-height:400px}.g4XzTW_downloadBtn{background:var(--accent-primary,#3b82f6);color:#fff;border-radius:var(--radius-md);transition:var(--transition-fast);align-items:center;gap:.5rem;padding:.65rem 1.75rem;font-size:.95rem;font-weight:700;text-decoration:none;display:flex}.g4XzTW_downloadBtn:hover{background:#2563eb;transform:translateY(-1px)}.g4XzTW_spin{animation:1s linear infinite g4XzTW_spin}@keyframes g4XzTW_spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:640px){.g4XzTW_container,.g4XzTW_panel{padding:1rem}.g4XzTW_settingsGrid{grid-template-columns:1fr 1fr}.g4XzTW_dropZone{padding:1.5rem 1rem}.g4XzTW_tabs{width:100%}.g4XzTW_tab{text-align:center;flex:1}}
