.time-range-selector{margin-top:20px;padding:16px 0}.time-range-selector.disabled{opacity:.6;pointer-events:none}.time-range-labels{display:flex;justify-content:space-between;margin-bottom:12px}.time-label{display:flex;flex-direction:column;gap:2px}.time-label.center{text-align:center}.time-label-title{color:#888;font-size:12px;font-weight:500}.time-label-value{font-feature-settings:"tnum";color:#333;font-size:16px;font-variant-numeric:tabular-nums;font-weight:600}.range-slider-container{height:24px;margin:8px 0;position:relative}.range-slider-track{background:#e0e0e0;border-radius:3px;height:6px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.range-slider-selected{background:#a855c7;border-radius:3px;height:100%;left:var(--start-percent);position:absolute;right:calc(100% - var(--end-percent));top:0}.range-slider{-webkit-appearance:none;appearance:none;background:#0000;height:100%;left:0;margin:0;pointer-events:none;position:absolute;top:0;width:100%}.range-slider::-webkit-slider-runnable-track{background:#0000;height:6px}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #a855c7;border-radius:50%;box-shadow:0 1px 4px #00000026;cursor:pointer;height:18px;margin-top:-6px;pointer-events:auto;-webkit-transition:all .15s ease;transition:all .15s ease;width:18px}.range-slider::-webkit-slider-thumb:hover{border-color:#9333b0;box-shadow:0 2px 6px #0003}.range-slider::-webkit-slider-thumb:active{border-color:#7b2a96}.range-slider::-moz-range-track{background:#0000;height:6px}.range-slider::-moz-range-thumb{background:#fff;border:2px solid #a855c7;border-radius:50%;box-shadow:0 1px 4px #00000026;cursor:pointer;height:18px;pointer-events:auto;-moz-transition:all .15s ease;transition:all .15s ease;width:18px}.range-slider::-moz-range-thumb:hover{border-color:#9333b0;box-shadow:0 2px 6px #0003}.time-range-endpoints{color:#aaa;display:flex;font-size:11px;justify-content:space-between;margin-top:4px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #e0e0e0;border-radius:50%;border-top-color:#666;height:12px;margin-left:10px;width:12px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.drop-zone{align-items:center;background:#fafafa;border:2px dashed #ccc;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:32px 24px;text-align:center;transition:all .2s ease}.drop-zone:hover{background:#fafafa;border-color:#a855c7}.drop-zone.dragging{background:#fafafa;border-color:#9333b0;border-style:solid}.drop-zone.has-file{background:#fafafa;border-color:#a855c7;border-style:solid;padding:20px 24px}.drop-zone.has-file:hover{background:#fafafa;border-color:#9333b0}.drop-zone.disabled{cursor:not-allowed;opacity:.6}.drop-zone.disabled:hover{background:#fafafa;border-color:#ccc}.drop-zone.disabled.has-file:hover{border-color:#a855c7}.drop-zone-icon{color:#999;transition:color .2s ease}.drop-zone:hover .drop-zone-icon{color:#9333b0}.drop-zone-icon.success{color:#a855c7}.drop-zone-text{display:flex;flex-direction:column;gap:6px}.drop-zone-main{color:#555;font-size:15px;font-weight:500}.drop-zone-or{color:#999;font-size:13px}.drop-zone-button{background:#555;border-radius:6px;color:#fff;display:inline-block;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s ease}.drop-zone:hover .drop-zone-button{background:#444}.drop-zone-formats{color:#aaa;font-size:12px;margin-top:4px}.file-name{color:#333;font-size:15px;font-weight:600;word-break:break-all}.drop-zone-hint{color:#888;font-size:13px}textarea{border:1px solid #ddd;border-radius:5px;border-top-left-radius:0;border-top-right-radius:0;height:150px;padding:10px;resize:vertical}.output,textarea{font-size:12px;line-height:1.5;margin-top:20px}.output{background-color:#ebebeb;border:1px solid #ddd;border-radius:5px;color:#333;font-family:monospace}#root{background-color:#f9f9f9;border-radius:10px;box-shadow:0 0 10px #0000001a;font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}h1{color:#7b2a96;text-align:center}p{color:#666;font-size:14px}button{background-color:#a855c7;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-right:10px;padding:10px 15px}button:hover{background-color:#9333b0}button.selected{background-color:#7b2a96}button.selected:hover{background-color:#6a247f}button,button.premium{transition:background-color .2s ease}button.premium{background-color:#a855c7}button.premium:hover{background-color:#9333b0}button.premium.selected{background-color:#7b2a96}button:disabled{background-color:#ddd;color:#999;cursor:not-allowed}button:disabled:hover{background-color:#ddd;opacity:1}button.downloading{animation:color-change 2s infinite}button.cancel{background-color:#999}@keyframes color-change{0%{background-color:#555}50%{background-color:#444}to{background-color:#555}}label.title{font-weight:700;margin-right:10px}.premium-badge{animation:fadeInBadge .3s ease forwards;animation-delay:2s;background:#fffffff2;border:1px solid #ddd;border-radius:12px;box-shadow:0 1px 3px #0000001a;color:#666;font-size:.75em;opacity:0;padding:2px 8px;position:absolute;right:-8px;top:-8px;transform:translateY(10px);white-space:nowrap}@keyframes fadeInBadge{to{opacity:1;transform:translateY(0)}}.premium-button-container{display:inline-block;position:relative}.input-card{margin-bottom:24px}.input-card .file-upload-section{margin-bottom:20px}.controls-container{align-items:center;border-top:1px solid #eee;display:flex;gap:16px;margin-top:20px;padding-top:20px}.controls-container .language-selector{align-items:center;display:flex;gap:10px}.controls-container .language-selector label{color:#555;font-size:14px;font-weight:500}.controls-container .language-selector select{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;min-width:140px;padding:10px 14px}.controls-container .language-selector select:focus{border-color:#888;box-shadow:0 0 0 2px #0000000d;outline:none}.controls-container .mode-selector{align-items:center;display:flex;gap:10px}.controls-container .mode-selector label{color:#555;font-size:14px;font-weight:500}.controls-container .mode-selector select{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 14px}.controls-container .mode-selector select:focus{border-color:#888;box-shadow:0 0 0 2px #0000000d;outline:none}button.transcribe-btn{border-radius:6px;font-size:16px;font-weight:600;padding:12px 28px;transition:all .2s ease}button.transcribe-btn.premium:not(:disabled):hover,button.transcribe-btn:not(:disabled):hover{background-color:#9333b0}.status-indicator{align-items:center;color:#888;display:flex;font-size:13px;gap:8px;margin-left:auto}.status-indicator.ready{color:#9333b0}.status-indicator .status-dot{background:#ccc;border-radius:50%;height:6px;width:6px}.status-indicator.ready .status-dot{background:#9333b0}.status-indicator.loading .status-dot{animation:pulse 1s infinite;background:#999}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.output-section{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.controls-container{align-items:center;flex-direction:column;gap:20px}.controls-container .language-selector,.status-indicator{justify-content:center;width:100%}.status-indicator{margin-left:0;text-align:center}}.credits{font-size:14px;margin-top:30px;text-align:center}.credits a{color:#a855c7}.credits span{display:block}.wrap-if-mobile{align-items:center;flex-direction:column}@media (min-width:768px){.wrap-if-mobile{flex-direction:row;gap:25px}}
/*# sourceMappingURL=main.79c8bf6a.css.map*/