*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;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}.App{min-height:100vh;padding:40px;text-align:center;transition:background-color .3s,color .3s}.App.dark{background-color:#1a1a1a;color:#fff}.App.light{background-color:#f5f5f5;color:#333}main{background-color:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:1400px;padding:3rem;transition:all .3s ease}.dark main{background-color:#2d2d2d;box-shadow:0 4px 6px #0000004d}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:3rem;padding:0 1rem}h1{font-size:2.5rem;font-weight:600;margin:0}h1,h2{color:inherit}h2{font-size:1.5rem;font-weight:500;margin-bottom:1.5rem}.theme-toggle{background:none;border:none;border-radius:50%;cursor:pointer;font-size:2rem;padding:12px;transition:background-color .3s}.light .theme-toggle{background-color:#f0f0f0}.dark .theme-toggle{background-color:#3d3d3d}.workspace{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 350px 1fr;margin-top:30px;padding:0 1rem}@media (max-width:1200px){.workspace{gap:30px;grid-template-columns:1fr}.format-controls{order:-1}main{padding:2rem}}.input-container,.output-container{margin:0}.format-controls{background-color:#f8f9fa;border:1px solid #ddd;border-radius:12px;padding:30px}.dark .format-controls{background-color:#333;border-color:#444}.format-section{margin-bottom:30px}.format-section:last-child{margin-bottom:0}.format-section h3{font-size:1.2rem;font-weight:500;margin-bottom:15px}.format-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.format-option{border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:1.2rem;padding:12px;transition:all .2s}.format-option:hover{background-color:#e9ecef;transform:translateY(-1px)}.format-option.selected{background-color:#4a90e2;border-color:#4a90e2;color:#fff;transform:translateY(-1px)}.dark .format-option{border-color:#555}.dark .format-option:hover{background-color:#444}.dark .format-option.selected{background-color:#6ba7e9;border-color:#6ba7e9}textarea{border-radius:12px;font-family:monospace;font-size:16px;line-height:1.6;margin-bottom:20px;min-height:500px;padding:20px;resize:vertical;transition:all .3s ease;width:100%}.light textarea{background-color:#fff;border:2px solid #ddd;color:#333}.dark textarea{background-color:#3d3d3d;border:2px solid #555;color:#fff}textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}textarea[readonly]{background-color:#f8f9fa;cursor:default}.dark textarea[readonly]{background-color:#2d2d2d}.button-group{display:flex;gap:10px}.button{background-color:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:all .2s}.button:hover:not(:disabled){background-color:#3a7bc8;transform:translateY(-1px)}.button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.button.secondary{background-color:#6c757d}.button.secondary:hover:not(:disabled){background-color:#5a6268}.dark .button.secondary{background-color:#495057}.dark .button.secondary:hover:not(:disabled){background-color:#343a40}.output-actions{display:flex;justify-content:flex-end}.toggle-option{margin-bottom:10px}.toggle-label,.toggle-option{align-items:center;display:flex}.toggle-label{cursor:pointer}.toggle-label input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.toggle-text{font-size:14px;margin-left:10px}.toggle-label input[type=checkbox]+.toggle-text:before{background-color:#ccc;border-radius:20px;content:"";display:inline-block;height:20px;margin-right:10px;position:relative;transition:background-color .3s;width:40px}.toggle-label input[type=checkbox]+.toggle-text:after{background-color:#fff;border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:50%;transform:translateY(-50%);transition:left .3s;width:16px}.toggle-label input[type=checkbox]:checked+.toggle-text:before{background-color:#4a90e2}.toggle-label input[type=checkbox]:checked+.toggle-text:after{left:22px}.dark .toggle-label input[type=checkbox]+.toggle-text:before{background-color:#555}.dark .toggle-label input[type=checkbox]:checked+.toggle-text:before{background-color:#6ba7e9}.radio-options{display:flex;flex-direction:column;gap:10px}.radio-label{align-items:center;cursor:pointer;display:flex;margin-bottom:5px}.radio-label input[type=radio]{cursor:pointer;margin-right:10px}.radio-text{font-size:14px}.dark .radio-text{color:#e0e0e0}.youtube-url-input{display:flex;flex-direction:column;gap:8px;margin-top:15px}.youtube-url-input label{font-size:14px;font-weight:500}.text-input{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:10px;transition:border-color .3s;width:100%}.text-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.dark .text-input{background-color:#3d3d3d;border-color:#555;color:#fff}.dark .text-input:focus{border-color:#6ba7e9;box-shadow:0 0 0 2px #6ba7e933}.help-text{color:#666;font-size:12px;font-style:italic;margin-top:5px}.dark .help-text{color:#aaa}.html-output{border-radius:12px;font-family:monospace;font-size:16px;line-height:1.6;margin-bottom:20px;min-height:500px;overflow-y:auto;padding:20px;text-align:left;white-space:pre-wrap;width:100%;word-break:break-word}.light .html-output{background-color:#fff;border:2px solid #ddd;color:#333}.dark .html-output{background-color:#3d3d3d;border:2px solid #555;color:#fff}.timestamp-link{background-color:#4a90e21a;border-radius:4px;color:#4a90e2;cursor:pointer;font-weight:500;padding:2px 5px;transition:background-color .2s,color .2s}.timestamp-link:hover{background-color:#4a90e233;color:#3a7bc8}.dark .timestamp-link{background-color:#6ba7e91a;color:#6ba7e9}.dark .timestamp-link:hover{background-color:#6ba7e933;color:#8bbcf0}.char-count{color:#666;font-size:1rem}.dark .char-count{color:#aaa}.over-limit{color:#dc3545;font-weight:700}.dark .over-limit{color:#ff6b6b}
/*# sourceMappingURL=main.10677d8c.css.map*/