.file-upload{width:100%}.drop-zone{border:2px dashed var(--border-color, #4a5568);border-radius:12px;padding:2rem 1.5rem;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--drop-bg, rgba(74, 85, 104, .05))}.drop-zone:hover:not(.disabled){border-color:var(--accent, #3182ce);background:var(--drop-hover, rgba(49, 130, 206, .08))}.drop-zone.dragging{border-color:var(--accent, #3182ce);background:var(--drop-hover, rgba(49, 130, 206, .12))}.drop-zone.disabled{opacity:.6;cursor:not-allowed}.drop-zone input[type=file]{display:none}.drop-text{display:block;font-size:1rem;color:var(--text-primary, #2d3748)}.drop-hint{display:block;font-size:.875rem;color:var(--text-muted, #718096);margin-top:.25rem}.error{color:#e53e3e;font-size:.875rem;margin-top:.5rem}.image-upload{display:flex;flex-direction:column;gap:.5rem}.image-upload .drop-zone{border:2px dashed #4a5568;border-radius:12px;padding:1rem 1.25rem;text-align:center;cursor:pointer;transition:all .2s ease;background:#4a55680d}.image-upload .drop-zone:hover:not(.disabled){border-color:#3182ce;background:#3182ce14}.image-upload .drop-zone.dragging{border-color:#3182ce;background:#3182ce1f}.image-upload .drop-zone input[type=file]{display:none}.drop-zone--small .drop-text{font-size:.9rem}.drop-zone--small .drop-hint{font-size:.8rem}.clear-btn{align-self:flex-start;padding:.25rem .5rem;font-size:.8rem;color:#718096;background:none;border:none;cursor:pointer;text-decoration:underline}.clear-btn:hover{color:#e53e3e}.image-upload .error{color:#e53e3e;font-size:.875rem;margin-top:.25rem}.loading-spinner{display:inline-flex;align-items:center;gap:.35rem}.loading-spinner:before{content:"";display:inline-block;width:14px;height:14px;border:2px solid #cbd5e0;border-top-color:#3182ce;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.converter-ui{max-width:560px;margin:0 auto;padding:2rem 1.5rem}.converter-header{text-align:center;margin-bottom:2rem}.converter-header h1{font-size:1.75rem;font-weight:700;color:#1a202c;margin:0 0 .5rem}.subtitle{font-size:.95rem;color:#4a5568;margin:0}.upload-section,.convert-section,.output-section{margin-bottom:2rem}.upload-section h2,.convert-section h2,.output-section h2{font-size:1rem;font-weight:600;color:#2d3748;margin:0 0 .75rem}.file-info{font-size:.875rem;color:#4a5568;margin-top:.5rem}.convert-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.convert-btn{padding:.625rem 1rem;font-size:.9rem;font-weight:500;border-radius:8px;border:1px solid #cbd5e0;background:#fff;color:#2d3748;cursor:pointer;transition:all .2s}.convert-btn:hover:not(:disabled){background:#edf2f7;border-color:#3182ce;color:#3182ce}.convert-btn:disabled{opacity:.5;cursor:not-allowed}.convert-btn.primary{margin-top:1rem;padding:.75rem 1.5rem;font-size:1rem;background:#3182ce;color:#fff;border:none}.convert-btn.primary:hover:not(:disabled){background:#2c5282;color:#fff}.dd2vtt-lighten-section .option-row{margin-bottom:.75rem}.dd2vtt-lighten-section .option-row label{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.dd2vtt-lighten-section .option-label{min-width:140px;font-size:.875rem}.dd2vtt-lighten-section select{padding:.35rem .5rem;font-size:.875rem;border-radius:6px;border:1px solid #cbd5e0;background:#fff}.image-upload-section{margin-top:1.5rem;padding:1rem;background:#f7fafc;border-radius:8px}.image-upload-section h3{font-size:.95rem;font-weight:600;margin:0 0 .25rem;color:#2d3748}.image-upload-section .required{color:#e53e3e}.image-upload-section .hint{font-size:.8rem;color:#718096;margin:0 0 .75rem}.output-format{display:flex;flex-direction:column;gap:.5rem}.output-format label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#4a5568;cursor:pointer;padding:.5rem;border-radius:6px}.output-format label.selected{background:#edf2f7;color:#2d3748}.output-format label:has(input:disabled){opacity:.5;cursor:not-allowed}.options{margin-top:1.25rem;padding:1rem;background:#f7fafc;border-radius:8px}.options h3{font-size:.875rem;font-weight:600;margin:0 0 .75rem;color:#2d3748}.options label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4a5568;margin-bottom:.5rem;cursor:pointer}.options label:last-child{margin-bottom:0}.options .hint{font-size:.8rem;color:#718096;margin:.5rem 0 0}.image-options .option-row{margin-bottom:.75rem}.image-options .option-row label{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.image-options .option-label{min-width:140px;font-size:.875rem}.image-options select{padding:.35rem .5rem;font-size:.875rem;border-radius:6px;border:1px solid #cbd5e0;background:#fff}.file-size-estimate{font-size:.875rem;color:#2d3748;margin:.75rem 0 0;padding:.5rem;background:#edf2f7;border-radius:6px}.abovevtt-hint{margin-top:.75rem;padding:.5rem;background:#fef3c7;border-radius:6px;color:#92400e;font-size:.85rem}.output-info{font-size:.875rem;color:#4a5568;margin-bottom:.75rem}.conversion-stats{font-weight:500;color:#2d3748;margin:0 0 .5rem}.download-btn{padding:.625rem 1.25rem;font-size:.9rem;font-weight:500;border-radius:8px;border:none;background:#3182ce;color:#fff;cursor:pointer;transition:background .2s}.download-btn:hover{background:#2c5282}.error-message{color:#e53e3e;font-size:.875rem;margin-top:.5rem}:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1a202c;background-color:#f7fafc}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}