body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary:#111827;--color-secondary:#374151;--color-accent:#dc2626;--color-blue:#2563eb;--color-green:#16a34a;--color-red:#ef4444;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-white:#fff;--border-radius:8px;--border-radius-lg:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition:all 0.2s ease-in-out;--transition-slow:all 0.3s ease-in-out}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0}.video-tools-app{background-color:#f9fafb;background-color:var(--color-gray-50);min-height:100vh;padding:24px}.video-tools-container{margin:0 auto;max-width:1200px}.landing-page{padding:48px 0;text-align:center}.landing-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#111827,#dc2626);background:linear-gradient(135deg,var(--color-gray-900),var(--color-accent));-webkit-background-clip:text;background-clip:text;color:#111827;color:var(--color-gray-900);font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:16px}.landing-subtitle{color:#6b7280;color:var(--color-gray-500);font-size:1.25rem;line-height:1.6;margin-bottom:48px;margin-left:auto;margin-right:auto;max-width:600px}.landing-cards{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:800px}.landing-card{background-color:#fff;background-color:var(--color-white);border:2px solid #111827;border:2px solid var(--color-gray-900);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);cursor:pointer;padding:32px;transition:all .3s ease-in-out;transition:var(--transition-slow)}.landing-card:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.landing-card-icon{align-items:center;background-color:#111827;background-color:var(--color-gray-900);border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 24px;width:64px}.landing-card-title{color:#111827;color:var(--color-gray-900);font-size:1.5rem;font-weight:700;margin-bottom:12px}.landing-card-text{color:#6b7280;color:var(--color-gray-500);line-height:1.6;margin-bottom:24px}.landing-card-button{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease-in-out;transition:var(--transition);width:100%}.landing-card-button--segments{background-color:#dc2626;background-color:var(--color-accent);color:#fff;color:var(--color-white)}.landing-card-button--segments:hover{background-color:#b91c1c}.landing-card-button--chapters{background-color:#111827;background-color:var(--color-gray-900);color:#fff;color:var(--color-white)}.landing-card-button--chapters:hover{background-color:#374151;background-color:var(--color-secondary)}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;outline:none;padding:8px 16px;text-decoration:none;transition:all .2s ease-in-out;transition:var(--transition)}.btn:focus{outline:2px solid #2563eb;outline:2px solid var(--color-blue);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--primary{background-color:#2563eb;background-color:var(--color-blue);color:var(--color-white)}.btn--primary:hover:not(:disabled){background-color:#1d4ed8}.btn--danger{background-color:#ef4444;background-color:var(--color-red);color:#fff;color:var(--color-white)}.btn--danger:hover:not(:disabled){background-color:#dc2626;background-color:var(--color-accent)}.btn--success{background-color:#16a34a;background-color:var(--color-green);color:var(--color-white)}.btn--success:hover:not(:disabled){background-color:#15803d}.btn--secondary{background-color:#e5e7eb;background-color:var(--color-gray-200);color:#374151;color:var(--color-gray-700)}.btn--secondary:hover:not(:disabled){background-color:#d1d5db;background-color:var(--color-gray-300)}.btn--back{background-color:#e5e7eb;background-color:var(--color-gray-200);color:#1f2937;color:var(--color-gray-800);margin-bottom:24px}.btn--back:hover{background-color:#d1d5db;background-color:var(--color-gray-300)}.page-title{color:#111827;color:var(--color-gray-900);font-size:2.5rem;font-weight:700;margin-bottom:32px;text-align:center}.section{background-color:#fff;background-color:var(--color-white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);margin-bottom:24px;overflow:hidden}.section-header{background-color:#111827;background-color:var(--color-gray-900);color:#fff;color:var(--color-white);font-size:1.25rem;font-weight:600;padding:16px 24px}.section-content{padding:24px}.form-group{margin-bottom:16px}.form-label{align-items:center;color:#374151;color:var(--color-gray-700);display:flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:4px}.form-input{border:2px solid #d1d5db;border:2px solid var(--color-gray-300);border-radius:6px;font-size:14px;outline:none;padding:8px 12px;transition:all .2s ease-in-out;transition:var(--transition);width:100%}.form-input:focus{border-color:#2563eb;border-color:var(--color-blue);box-shadow:0 0 0 3px #2563eb1a}.form-input--segments:focus{border-color:#dc2626;border-color:var(--color-accent);box-shadow:0 0 0 3px #dc26261a}.text-muted{color:#6b7280;color:var(--color-gray-500);font-size:12px;margin-top:4px}.grid{grid-gap:16px;display:grid;gap:16px}.grid--2{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid--3{grid-template-columns:2fr 1fr 1fr}@media (max-width:768px){.grid--3{grid-template-columns:1fr}}.video-item{background-color:#f9fafb;background-color:var(--color-gray-50);border:1px solid #e5e7eb;border:1px solid var(--color-gray-200);border-radius:8px;border-radius:var(--border-radius);margin-bottom:16px;padding:16px}.video-header{justify-content:space-between;margin-bottom:16px}.video-header,.video-title{align-items:center;display:flex}.video-title{color:#dc2626;color:var(--color-accent);font-weight:600;gap:8px}.tabs{background-color:#e5e7eb;background-color:var(--color-gray-200)}.tab,.tabs{display:flex}.tab{align-items:center;background-color:initial;border:none;color:#6b7280;color:var(--color-gray-500);cursor:pointer;flex:1 1;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease-in-out;transition:var(--transition)}.tab:hover:not(.tab--active){background-color:#0000000d}.tab--active{background-color:#fff;background-color:var(--color-white);color:#111827;color:var(--color-gray-900)}.code-section{background-color:#111827;background-color:var(--color-gray-900);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--color-white)}.code-header{align-items:center;border-bottom:1px solid #374151;border-bottom:1px solid var(--color-gray-700);display:flex;justify-content:space-between;padding:16px 24px}.code-header h2{font-size:1.25rem;font-weight:600;margin:0}.code-buttons{display:flex;gap:8px}.code-output{background-color:#1f2937;background-color:var(--color-gray-800);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.5;max-height:300px;overflow-y:auto;padding:16px 24px;white-space:pre-wrap;word-break:break-all}.empty-state{color:#6b7280;color:var(--color-gray-500);padding:32px;text-align:center}.empty-state-icon{color:var(--color-gray-400);margin:0 auto 8px}.source-preview{background-color:#f3f4f6;background-color:var(--color-gray-100);border:1px solid #e5e7eb;border:1px solid var(--color-gray-200);border-radius:6px;font-size:14px;padding:8px 12px}.source-preview-link{color:#2563eb;color:var(--color-blue);margin-left:4px;text-decoration:underline}.source-preview-link:hover{color:#1d4ed8;text-decoration:none}.form-input[type=url]{font-family:monospace;font-size:13px}.form-input[type=url]:focus{border-color:#2563eb;border-color:var(--color-blue);box-shadow:0 0 0 3px #2563eb1a}.text-center{text-align:center}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.pt-4{padding-top:16px}.border-t{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-gray-200)}@media (max-width:768px){.video-tools-app{padding:16px}.landing-title{font-size:2rem}.landing-cards{gap:16px;grid-template-columns:1fr}.page-title{font-size:2rem}.section-content{padding:16px}.code-header,.tabs{flex-direction:column}.code-header{align-items:stretch;gap:12px}.code-buttons{justify-content:center}.video-header{align-items:stretch;flex-direction:column;gap:12px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section,.video-item{animation:fadeIn .3s ease-out}.btn:focus-visible,.form-input:focus-visible,.tab:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--color-blue);outline-offset:2px}@media print{.btn,.code-section,.tabs{display:none}.video-tools-app{background:#fff;padding:0}}.text-red{color:#ef4444;color:var(--color-red)}.title-card-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-gray-200);margin-top:1rem;padding-top:1rem}.title-card-preview{align-items:center;display:flex;gap:1rem;margin-top:.5rem}.title-card-preview img{background-color:#f3f4f6;background-color:var(--color-gray-100);border:1px solid #e5e7eb;border:1px solid var(--color-gray-200);border-radius:6px;max-height:100px;max-width:200px}.btn--small{font-size:.875rem;padding:.25rem .75rem}.app-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.app-header-actions{display:flex;gap:.75rem}.btn--primary{background-color:#007bff;border-color:#007bff;color:#fff}.btn--primary:hover{background-color:#0069d9;border-color:#0062cc}.btn--success{background-color:#28a745;border-color:#28a745;color:#fff}.btn--success:hover{background-color:#218838;border-color:#1e7e34}
/*# sourceMappingURL=main.871e7af8.css.map*/