.mp3-cutter-container{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.mp3-cutter-container h1{text-align:center;color:#333;margin-bottom:30px}.mp3-cutter-container h2{color:#333;margin-top:30px;margin-bottom:20px}.mp3-cutter-container .upload-section{text-align:center;margin-bottom:30px}.mp3-cutter-container .upload-section .file-input{background-color:#f5f5f5;padding:15px;border-radius:5px;border:2px dashed #ccc;cursor:pointer;width:100%;max-width:400px;margin:0 auto}.mp3-cutter-container .upload-section .file-input:hover{border-color:#4a90e2}.mp3-cutter-container .audio-player{margin-bottom:30px}.mp3-cutter-container .audio-player .controls{display:flex;align-items:center;margin-bottom:15px}.mp3-cutter-container .audio-player .controls .play-pause-btn{background-color:#4a90e2;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;font-size:14px}.mp3-cutter-container .audio-player .controls .play-pause-btn:hover{background-color:#3a7bc8}.mp3-cutter-container .audio-player .controls .time-display{margin-left:15px;font-family:monospace;font-size:14px}.mp3-cutter-container .audio-player .waveform-container{position:relative;height:150px;background-color:#f5f5f5;border-radius:4px;margin-bottom:10px;cursor:crosshair;overflow:hidden}.mp3-cutter-container .audio-player .waveform-container .waveform-placeholder{position:absolute;top:0;left:0;right:0;height:100px;margin-top:25px;background:linear-gradient(180deg,transparent 40%,rgba(74,144,226,.2) 0,rgba(74,144,226,.2) 60%,transparent 0);mask-image:repeating-linear-gradient(90deg,#000 0,#000 2px,transparent 0,transparent 3px)}.mp3-cutter-container .audio-player .waveform-container .timeline{position:absolute;bottom:0;left:0;right:0;height:20px;display:flex}.mp3-cutter-container .audio-player .waveform-container .timeline .timeline-mark{flex:1;position:relative;border-left:1px solid #ddd}.mp3-cutter-container .audio-player .waveform-container .timeline .timeline-mark span{position:absolute;bottom:0;left:2px;font-size:10px;color:#777}.mp3-cutter-container .audio-player .waveform-container .current-time-indicator{position:absolute;top:0;width:2px;height:100%;background-color:#e74c3c;z-index:2;pointer-events:none}.mp3-cutter-container .audio-player .waveform-container .marker{position:absolute;top:0;width:2px;height:100%;z-index:2}.mp3-cutter-container .audio-player .waveform-container .marker.start-marker{background-color:#2ecc71}.mp3-cutter-container .audio-player .waveform-container .marker.end-marker{background-color:#e67e22}.mp3-cutter-container .audio-player .waveform-container .selection-overlay{position:absolute;top:0;height:100%;background-color:rgba(46,204,113,.2);z-index:1;pointer-events:none}.mp3-cutter-container .audio-player .waveform-container .segment{position:absolute;top:25px;height:100px;opacity:.7;z-index:3;border-radius:2px;transition:opacity .2s}.mp3-cutter-container .audio-player .waveform-container .segment:hover{opacity:.9}.mp3-cutter-container .audio-player .instructions{text-align:center;font-size:14px;color:#777;margin-top:10px}.mp3-cutter-container .segments-list .segments-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.mp3-cutter-container .segments-list .segment-item{background-color:#f9f9f9;border-radius:5px;padding:15px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.mp3-cutter-container .segments-list .segment-item .segment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.mp3-cutter-container .segments-list .segment-item .segment-header .segment-name-input{font-weight:700;border:1px solid rgba(0,0,0,0);padding:5px;background-color:rgba(0,0,0,0);border-radius:4px}.mp3-cutter-container .segments-list .segment-item .segment-header .segment-name-input:focus{border-color:#ddd;background-color:#fff;outline:none}.mp3-cutter-container .segments-list .segment-item .segment-header .segment-duration{font-size:12px;color:#777}.mp3-cutter-container .segments-list .segment-item .segment-actions{display:flex;gap:8px;margin-bottom:15px}.mp3-cutter-container .segments-list .segment-item .segment-actions button{flex:1;padding:6px 10px;border:none;border-radius:4px;background-color:#f1f1f1;cursor:pointer;font-size:13px}.mp3-cutter-container .segments-list .segment-item .segment-actions button:hover{background-color:#e1e1e1}.mp3-cutter-container .segments-list .segment-item .segment-actions button.delete-btn{background-color:#ffebee}.mp3-cutter-container .segments-list .segment-item .segment-actions button.delete-btn:hover{background-color:#ffcdd2}.mp3-cutter-container .segments-list .segment-item .segment-resize .resize-label{font-size:12px;color:#777;margin-bottom:5px}.mp3-cutter-container .segments-list .segment-item .segment-resize input[type=range]{width:100%;margin-bottom:10px}@media(max-width:768px){.mp3-cutter-container{padding:10px}.mp3-cutter-container .segments-list .segments-container{grid-template-columns:1fr}.mp3-cutter-container .audio-player .waveform-container{height:120px}}