body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#111;box-sizing:border-box;padding:0 10px}a,a:active,a:hover,a:visited{color:inherit;text-decoration:none}@keyframes glow{0%,to{opacity:1}50%{opacity:.7}}.animate-glow{animation:glow 2s ease-in-out infinite}.text-accent{color:orange}.logo-text{color:#fff}.w-full{width:100%}.max-w-3xl{max-width:48rem}.flex{display:flex}.justify-center{justify-content:center}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-bold{font-weight:700}.tracking-tight{letter-spacing:-.025em}.ml-2{margin-left:.5rem}.inline-block{display:inline-block}.video-editor{box-sizing:border-box;margin:0 auto;width:540px}.button-container{display:flex;justify-content:center;margin:15px 0;width:100%}.action-btn{color:#fff;font-size:40px;height:88px;transition:background-color .2s ease;width:88px}.highlight-btn{background-color:orange}.highlight-btn:hover{background-color:#ff7f00}.generate-button-container{align-items:center;display:flex;justify-content:center;margin:20px 0;text-align:center;width:100%}.generate-btn{margin:0 auto}.generate-btn,.generate-btn:hover{background-color:initial}.generate-btn.generating{animation:spin 2s linear infinite}.download-btn{text-decoration:none}.download-btn,.download-btn:hover{background-color:initial}.progress-container{box-sizing:border-box;padding:0 20px}.progress-bar{border-radius:4px;height:8px;margin-top:10px}.progress-fill{background-color:#666}.quality-modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000d9;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.quality-modal-content{background-color:#222;border:1px solid #ffa50033;border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:500px;padding:30px;width:90%}.quality-modal h2{color:#fff;font-size:24px;margin:0 0 15px;padding-bottom:10px;position:relative;text-align:center}.quality-modal h2:after{background:linear-gradient(90deg,#0000,orange,#0000);bottom:0;content:"";height:2px;left:25%;position:absolute;width:50%}.quality-modal p{color:#ccc;font-size:16px;line-height:1.5;margin-bottom:25px;text-align:center}.quality-modal-buttons{display:flex;flex-direction:column;gap:12px}.quality-modal-buttons button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;gap:10px;justify-content:center;overflow:hidden;padding:15px 20px;position:relative;transition:all .2s ease}.quality-modal-buttons button:not(.cancel-btn){background-color:#111;border:1px solid #333;color:#fff}.quality-modal-buttons button:not(.cancel-btn):before{background-color:orange;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.quality-modal-buttons button:not(.cancel-btn):hover{background-color:#222;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.quality-modal-buttons button:not(.cancel-btn):active{transform:translateY(1px)}.quality-modal-buttons .cancel-btn{background-color:initial;border:1px solid #444;color:#ccc;margin-top:5px}.quality-modal-buttons .cancel-btn:hover{background-color:#ffffff0d;border-color:#666}.speed-indicator{align-items:center;display:flex;font-size:12px;gap:5px;margin-left:auto;opacity:.7}.speed-dot{background-color:orange;border-radius:50%;display:inline-block;height:8px;width:8px}@media (max-width:560px){.quality-modal-content{padding:20px;width:85%}.quality-modal h2{font-size:20px}.quality-modal p{font-size:14px}.quality-modal-buttons button{font-size:14px;padding:12px 15px}.video-editor{width:100%}.text-4xl{font-size:1.75rem;line-height:2rem}}.home-screen{align-items:center;background-color:#111;color:#fff;display:flex;flex-direction:column;min-height:100vh;padding-top:40px}.logo{margin-bottom:40px}.app-options{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:900px;padding:0 20px;width:100%}.app-option{flex:1 1;max-width:400px;min-width:300px}.option-box{align-items:center;background-color:#111;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;height:100%;padding:30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.option-box:hover{box-shadow:0 10px 25px #0000004d;transform:translateY(-5px)}.option-box h2{color:#fff;font-size:24px;margin-bottom:15px;margin-top:0}.option-box p{color:#ccc;flex-grow:1;margin-bottom:25px}.option-box button{background-color:orange;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .2s ease}.option-box button:hover{background-color:#ff7f00}.highlighter-option{border-top:5px solid orange}.splitter-option{border-top:5px solid #4a90e2}.video-preview-container{background-color:#000}.size-input-container input{border:1px solid #111}.method-selector{border-top:1px solid #555}.log-header{border-bottom:1px solid #555}@media (max-width:640px){.logo{margin-bottom:30px;width:220px}.app-options{align-items:center;flex-direction:column}.app-option{width:100%}.splitter-logo{width:220px}.chunk-size-control{align-items:center}}.upload-screen{align-items:center;background-color:#111;color:#fff;display:flex;flex-direction:column;min-height:100vh;padding-top:40px}.logo{height:auto;margin-bottom:20px;padding-left:50px;width:300px}.upload-title{color:#fff;font-size:24px;margin:0 0 10px}.upload-description{color:#ccc;font-size:20px;margin:0 0 30px;text-align:center}.merge-highlights-btn,.upload-box{border:2px dashed orange;border-radius:8px;color:orange;cursor:pointer;display:inline-block;font-size:16px;margin-bottom:15px;padding:40px 80px;text-align:center;transition:all .3s ease;width:280px}.merge-highlights-btn:hover,.upload-box:hover{background-color:#ffa5001a;border-color:#ff7f00;color:#ff7f00}.error-message{border-radius:5px;font-weight:700;margin:15px 0;padding:10px}.file-restriction-info{border-radius:8px;color:#aaa;font-size:.9rem;margin-top:0;max-width:450px;padding:15px;text-align:left}.file-restriction-info p{margin:5px 0}.merge-highlights-btn{background-color:initial;margin-top:20px}@media (max-width:560px){.logo{padding-left:20px;width:220px}.merge-highlights-btn,.upload-box{padding:20px 40px}}.video-player-container{border-radius:8px;margin:0 auto;max-height:70vh;max-width:100%;overflow:hidden}.video,.video-player-container,.video-wrapper{background-color:#000;position:relative;width:100%}.video{aspect-ratio:16/9;display:block;max-height:100%;object-fit:contain;transform:translateZ(0);z-index:1}.zoom-rectangle{background-color:#ffa5001a;border:2px dashed orange;box-sizing:border-box;cursor:move;height:50%;left:25%;position:absolute;top:25%;touch-action:none;width:50%;z-index:99}.zoom-rectangle:hover{background-color:#ffa50033;border-color:#ff7f00}.zoom-rectangle-handle{align-items:center;background-color:#00000080;border-radius:50%;color:orange;display:flex;height:30px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30px}.timeline{background-color:#333;cursor:pointer;height:20px;position:relative;touch-action:none;width:100%}.timeline-progress{background-color:#666;height:100%;left:0;pointer-events:none;position:absolute;top:0}.timeline-marker{background-color:orange;border:2px solid #333;border-radius:2px;box-shadow:0 0 4px #00000080;cursor:grab;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s ease,background-color .2s ease;width:6px;z-index:10}.timeline-marker.dragging,.timeline-marker:hover{background-color:#ff7f00;transform:translate(-50%,-50%) scale(1.2)}.timeline-marker.dragging{cursor:grabbing}.highlights-timeline{background-color:#222;cursor:pointer;height:20px;margin-top:2px;position:relative;touch-action:none;width:100%}.timeline-highlight{background:linear-gradient(180deg,orange,#ff9500);border-radius:4px;box-shadow:0 0 4px #ffa5004d;cursor:pointer;height:16px;position:absolute;top:2px;transition:all .2s ease}.timeline-highlight:hover{background:linear-gradient(180deg,#ff7f00,#ff6f00);box-shadow:0 0 8px #ff7f0066;transform:scaleY(1.1)}.timeline-highlight.active{background:linear-gradient(180deg,#4caf50,#449d48);box-shadow:0 0 8px #4caf5066}.timeline-highlight.selected{border:2px solid #fff;box-shadow:0 0 8px #ffffff4d}.timeline-highlight.active.selected{background:linear-gradient(180deg,#45a049,#3d9042);border:2px solid #fff}.timeline-highlight.zoomed{background:linear-gradient(180deg,orange,#ff9500);border-right:4px solid #ff7f00;box-shadow:0 0 8px #ffa50080}.timeline-highlight.zoomed:hover{background:linear-gradient(180deg,#ff7f00,#ff6f00)}.timeline-highlight.zoomed:after{content:"🔍";font-size:10px;position:absolute;right:2px;top:-2px}.timeline-text{background:linear-gradient(180deg,#4a90e2,#357abd);border-radius:4px;box-shadow:0 0 4px #4a90e24d;cursor:pointer;height:calc(100% - 2px);position:absolute;top:1px;transition:all .2s ease;z-index:5}.timeline-text:hover{background:linear-gradient(180deg,#357abd,#2868b0);box-shadow:0 0 8px #4a90e266;transform:scaleY(1.1)}.timeline-text.selected{border:2px solid #fff;box-shadow:0 0 8px #ffffff4d}.timeline-text-label{background-color:#4a90e2e6;border-radius:3px;color:#fff;font-size:10px;left:50%;max-width:100px;opacity:0;overflow:hidden;padding:2px 6px;position:absolute;text-overflow:ellipsis;top:-20px;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap}.timeline-text.selected .timeline-text-label,.timeline-text:hover .timeline-text-label{opacity:1}.video-controls{align-items:center;background-color:#222;display:flex;justify-content:space-between;padding:2px}.left-controls,.right-controls{align-items:center;display:flex;gap:8px}.control-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:1px}.control-btn svg{color:#fff;transition:transform .2s ease}.control-btn:hover svg{transform:scale(1.2)}.text-add-btn:hover svg{color:#357abd}.highlight-add-btn svg{color:orange}.highlight-add-btn:hover svg{color:#ff7f00}.time-display{font-size:14px}.speed-btn{padding-right:32px;position:relative}.speed-label{color:#fff;font-size:12px;position:absolute;right:8px}@media (max-width:640px){.video-controls{padding:8px}.time-display{font-size:12px}.zoom-rectangle-handle{height:40px;width:40px}.zoom-rectangle{border-width:3px}}@supports (-webkit-touch-callout:none){.video{height:auto!important;max-height:70vh!important;position:relative!important;width:100%!important}}.highlight-editor{background-color:#111;border-radius:8px;box-sizing:border-box;margin-top:5px;padding:1px;width:100%}.time-display-input{background-color:#333;border:1px solid #333;border-radius:4px;color:#fff;font-family:monospace;padding:6px;text-align:center;width:80px!important}.editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.editor-title{color:#fff;font-size:1.2rem;margin:0}.editor-controls{gap:20px}.control-section,.editor-controls{display:flex;flex-direction:column}.control-section{gap:10px}.time-toggles-container{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:space-between;width:100%}.time-section{flex:0 1 auto}.toggles-container{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.duration-row,.start-time-row,.text-overlay-row{align-items:center;color:#ccc;display:flex;font-size:.9em;gap:8px;margin-bottom:5px}.control-label{color:#ccc;font-size:.9em}.control-group{display:flex;flex-direction:column;gap:8px}.duration-group{margin-top:15px}.adjust-controls{align-items:center;display:flex;gap:8px}.adjust-controls button{align-items:center;background-color:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;width:30px}.adjust-controls button:hover{background-color:#555}.minus-btn,.plus-btn{font-weight:700}.adjust-controls input[type=number]{background-color:#333;border:1px solid #333;border-radius:4px;color:#fff;font-size:14px;padding:6px;text-align:center;width:60px}.toggle-item{align-items:center;display:flex;gap:8px;margin-bottom:5px}.toggle-switch{display:inline-block;height:22px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#333;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;bottom:3px;content:"";height:16px;left:3px;position:absolute;transition:.4s;width:16px}input:checked+.toggle-slider{background-color:orange}input:checked+.toggle-slider:before{transform:translateX(22px)}.toggle-slider.round{border-radius:22px}.toggle-slider.round:before{border-radius:50%}.toggle-label{color:#ccc;font-size:.9em;white-space:nowrap}.slider-control{padding:0;width:100%}.duration-slider{-webkit-appearance:none;appearance:none;background:#333;border-radius:2px;height:4px;outline:none;width:100%}.duration-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:orange;border-radius:50%;cursor:pointer;height:16px;width:16px}.text-control-group{align-items:flex-end;display:flex;gap:10px}.text-input-wrapper{display:flex;flex:1 1;flex-direction:column;gap:8px}.text-input{background-color:#333;border:1px solid #333;border-radius:4px;color:#fff;font-size:14px;padding:8px 12px;width:80%}.color-wrapper{align-items:flex-start;display:flex;flex-direction:column}.color-label{color:#ccc;font-size:.9em;margin-bottom:10px;white-space:nowrap}.color-picker-wrapper{align-items:center;display:flex;margin-bottom:2px}.color-picker{background-color:initial;border:1px solid #333;border-radius:4px;cursor:pointer;height:30px;padding:2px;width:30px}.zoom-info{color:orange;font-size:12px;font-style:italic;margin-top:5px;text-align:center}.action-btn{align-items:center;background-color:initial;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:2px}.delete-btn{justify-content:right}.delete-btn svg{color:#ff4d4d}.delete-btn:hover svg{transform:scale(1.1)}.generate-highlights-btn{background-color:initial;border:2px dashed orange;border-radius:8px;color:orange;cursor:pointer;font-size:16px;margin-top:15px;padding:12px;text-align:center;transition:all .2s ease;width:100%}.generate-highlights-btn:hover{background-color:#ffa5001a;border-color:#ff8c00;color:#ff8c00}@media (max-width:640px){.toggle-label{font-size:.8em}.toggle-switch{height:20px;width:40px}.toggle-slider:before{height:14px;width:14px}input:checked+.toggle-slider:before{transform:translateX(20px)}.text-control-group{flex-wrap:wrap}.color-wrapper,.text-control-group{align-items:flex-end;flex-direction:row}.color-wrapper{gap:5px;margin-left:auto}}.file-splitter{box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:640px;min-height:100vh;padding:0 10px}.return-link-container{animation:fadeIn .5s ease-in-out;display:flex;justify-content:center;margin:20px 0}.return-link{align-items:center;background-color:orange;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:10px;justify-content:center;padding:12px 24px;transition:background-color .2s ease}.return-link:hover{background-color:#ff7f00}.splitter-header{justify-content:center;margin:20px 0;position:relative}.back-button,.splitter-header{align-items:center;display:flex}.back-button{background:none;border:none;color:orange;cursor:pointer;gap:5px;left:0;padding:5px;position:absolute}.back-button:hover{color:#ff7f00}.splitter-logo{display:block;height:auto;width:300px}.upload-container{margin-top:40px}.upload-box,.upload-container{align-items:center;display:flex;flex-direction:column}.upload-box{border:2px dashed orange;border-radius:10px;cursor:pointer;gap:15px;margin-bottom:30px;padding:40px;text-align:center;transition:all .3s ease;width:200px}.upload-box:hover{background-color:#ffa5001a;border-color:#ff7f00}.upload-box svg{color:orange}.upload-box p{color:orange;font-size:18px;margin:0}.splitter-info{color:#999;max-width:500px;padding:0 20px;text-align:center}.splitter-info p{margin:10px 0}.splitting-container{align-items:center;display:flex;flex-direction:column;width:100%}.video-preview-container{background-color:#111;border-radius:8px;margin:20px 0;max-width:540px;overflow:hidden;width:100%}.video-preview{display:block;width:100%}.video-info{background-color:#111;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:15px}.video-info p{color:#ccc;font-size:14px;margin:5px 0}.split-controls{display:flex;flex-direction:column;gap:20px;margin:20px 0;max-width:400px;width:100%}.chunk-size-control{display:flex;flex-direction:column;gap:10px}.chunk-size-control label{color:#ccc;font-size:16px}.size-input-container{align-items:center;display:flex;gap:10px}.size-input-container button{align-items:center;background-color:orange;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.size-input-container button:disabled{background-color:#666;cursor:not-allowed}.size-input-container input{background-color:#111;border:1px solid #666;border-radius:4px;color:#fff;font-size:16px;height:40px;text-align:center;width:80px}.segment-info{background-color:#111;border-radius:8px;padding:15px}.segment-info p{color:#ccc;font-size:14px;margin:5px 0}.method-selector{border-top:1px solid #111;margin-top:10px;padding-top:10px}.method-label{align-items:center;color:#ccc;cursor:pointer;display:flex;gap:8px}.method-label input{cursor:pointer;height:18px;width:18px}.method-info{color:#999;font-size:12px;font-style:italic;margin-top:5px}.split-button{align-items:center;background-color:orange;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:18px;gap:10px;height:50px;justify-content:center;transition:background-color .2s ease}.split-button:hover{background-color:#ff7f00}.split-button:disabled{background-color:#666;cursor:not-allowed}.processing-text{animation:pulse 1.5s infinite;font-size:16px}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.progress-container{margin:20px 0;max-width:400px;width:100%}.progress-bar{background-color:#111;border-radius:5px;height:10px;margin-bottom:10px;overflow:hidden;width:100%}.progress-fill{background-color:orange;height:100%;transition:width .3s ease}.progress-percentage{color:orange;font-size:16px;margin-bottom:5px;text-align:center}.log-container{background-color:#111;border:1px solid #111;border-radius:8px;margin:20px 0;max-width:540px;overflow:hidden;width:100%}.log-header{align-items:center;background-color:#111;border-bottom:1px solid #111;display:flex;justify-content:space-between;padding:10px 15px}.log-header h3{color:#ccc;font-size:16px;margin:0}.log-spinner{animation:spin 1s linear infinite;border:2px solid orange;border-radius:50%;border-top-color:#0000;height:18px;width:18px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.log-messages{max-height:200px;overflow-y:auto;padding:10px 15px}.log-message{color:#ccc;font-family:monospace;font-size:12px;padding:2px 0;white-space:pre-wrap;word-break:break-word}.error-message{background-color:#ff00001a;border-radius:6px;color:#ff4d4d;margin-top:20px;max-width:400px}.video-loading{animation:pulse 1.5s infinite;color:#ccc;font-style:italic;text-align:center}@media (max-width:560px){.upload-box{padding:30px 15px;width:200px}.splitter-logo{width:220px}.chunk-size-control{align-items:center}}.music-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000d9;display:flex;height:96vh;justify-content:center;left:0;position:fixed;top:0;width:96vw;z-index:9999}.music-modal{background-color:#222;border:1px solid #ffa50033;border-radius:16px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:680px;overflow:hidden;width:90%}.music-modal-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:20px}.title-container{gap:10px}.music-icon,.title-container{align-items:center;display:flex}.music-icon{color:orange}.music-modal-header h2{align-items:center;color:#fff;display:flex;font-size:1.5rem;margin:0}.highlight-text{color:orange;margin-left:8px}.music-modal-content{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:20px}.music-list-container{background-color:#1c1c1c;border:1px solid #333;border-radius:8px;flex:1 1;overflow-y:auto}.music-list{display:flex;flex-direction:column;gap:1px}.music-item{align-items:center;background-color:#2a2a2a;border-left:3px solid #0000;cursor:pointer;display:flex;font-size:.9em;justify-content:space-between;padding:5px;transition:all .2s ease}.music-item:nth-child(odd){background-color:#252525}.music-item:hover{background-color:#333}.music-item.selected{background-color:#373737;border-left:3px solid orange}.music-item-info{flex:1 1;font-size:.9em}.music-title{color:#fff;font-weight:700;margin-bottom:5px}.music-details{color:#aaa;display:flex;justify-content:space-between;margin-bottom:8px}.music-tags{display:flex;flex-wrap:wrap;gap:5px}.music-tag{background-color:#444;border-radius:12px;color:#ddd;padding:3px 8px}.music-play-btn{align-items:center;background-color:#333;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.music-play-btn:hover{background-color:orange}.load-more-container{display:flex;justify-content:center;padding:15px}.load-more-btn{background-color:#333;border:1px solid #444;border-radius:6px;color:#fff;cursor:pointer;padding:10px 20px;transition:all .2s ease}.load-more-btn:hover{background-color:#444}.load-more-btn:disabled{background-color:#2a2a2a;color:#666;cursor:not-allowed}.error-message{color:#ff6b6b;padding:15px;text-align:center}.audio-error-message{animation:slideUp .3s ease-out;background-color:#ff6b6be6;border-radius:8px;bottom:20px;box-shadow:0 4px 12px #0003;color:#fff;font-size:14px;left:50%;max-width:90%;padding:12px 20px;position:fixed;text-align:center;transform:translateX(-50%);z-index:10000}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.no-tracks-message{color:#ccc;padding:20px;text-align:center}.music-controls-section{background-color:#2a2a2a;border-radius:8px;display:flex;flex-direction:column;gap:15px;padding:15px}.selected-track-info{display:flex;flex-direction:column;gap:10px}.selected-track-info h3{color:#fff;font-size:.9em;margin:0}.music-preview-controls{align-items:center;display:flex;gap:15px}.play-pause-btn{align-items:center;background-color:orange;border:none;border-radius:50%;color:#111;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.play-pause-btn:hover{background-color:#ff8c00}.volume-control{gap:10px}.mute-btn,.volume-control{align-items:center;display:flex}.mute-btn{background:none;border:none;color:#ccc;cursor:pointer;justify-content:center}.mute-btn:hover{color:#fff}.volume-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,orange 0,orange 80%,#444 0,#444);border-radius:3px;height:5px;outline:none;width:100px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:15px;width:15px}.timing-controls{display:flex;flex-direction:column;gap:15px}.timing-control,.timing-control label{display:flex;flex-direction:column;gap:8px}.timing-control label{color:#ccc}.time-input-group{align-items:center;display:flex;gap:15px}.timing-slider{-webkit-appearance:none;appearance:none;background:#444;border-radius:3px;flex:1 1;height:5px;outline:none}.timing-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:orange;border-radius:50%;cursor:pointer;height:15px;width:15px}.time-display{color:#fff;font-family:monospace;gap:8px;width:80px}.preview-btn,.time-display{align-items:center;display:flex}.preview-btn{background:none;border:none;border-radius:4px;color:orange;cursor:pointer;justify-content:center;padding:3px}.preview-btn:hover{background-color:#ffa50033}.fade-options{display:flex;gap:20px;margin-top:5px}.checkbox-label{align-items:center;color:#ccc;cursor:pointer;display:flex;gap:8px}.checkbox-label input{accent-color:orange;cursor:pointer;height:16px;width:16px}.music-modal-footer{align-items:center;border-top:1px solid #333;display:flex;justify-content:space-between;padding:20px}.skip-btn{background-color:initial;border:1px solid #444;border-radius:8px;color:#ccc;cursor:pointer;font-size:1rem;padding:12px 20px;transition:all .2s ease}.skip-btn:hover{background-color:#333;color:#fff}.add-music-btn{background-color:orange;border:none;border-radius:8px;color:#111;cursor:pointer;font-size:.9em;font-weight:700;padding:12px 20px;transition:all .2s ease}.add-music-btn:hover{background-color:#ff8c00}.add-music-btn:disabled{background-color:#666;color:#aaa;cursor:not-allowed}@media (max-width:640px){.music-modal{max-height:95vh;width:95%}.music-modal-header h2{font-size:1.2rem}.music-modal-content{padding:15px}.genre-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.genre-btn{white-space:nowrap}.music-preview-controls{flex-wrap:wrap}.timing-controls{gap:10px}.time-input-group{align-items:flex-start;flex-direction:column;gap:5px}.timing-slider{width:100%}.fade-options{flex-direction:column;gap:10px}.music-modal-footer{flex-direction:column;gap:15px}.add-music-btn,.skip-btn{width:100%}}
/*# sourceMappingURL=main.aa9187f6.css.map*/