.dropzone{height:500px;border:4px dashed #fff;-webkit-border-top-right-radius:20px;-webkit-border-bottom-right-radius:20px;-webkit-border-bottom-left-radius:20px;-webkit-border-top-left-radius:20px;-moz-border-radius-topright:20px;-moz-border-radius-bottomright:20px;-moz-border-radius-bottomleft:20px;-moz-border-radius-topleft:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;border-top-left-radius:20px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box;display:flex;justify-content:center;align-items:center}.dropzone.active{background-color:rgba(0,0,0,.75)}#upload-dragdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.75);z-index:249;display:none}#files{position:relative}#files .file{position:relative;margin-bottom:20px;background:#000;border-radius:5px;overflow:hidden;transition:box-shadow .1s ease}#files .file:has(.waveform.active){box-shadow:0 0 0 3px #fff}#files .file:has(.waveform.active) .playhead{background:red}#files .file:has(.waveform.active) .file-number{opacity:1}#files .file .file-header{position:relative;z-index:8;display:flex;align-items:center;padding:6px 10px}#files .file .file-header .file-number{flex-shrink:0;min-width:30px;margin-right:8px;padding:4px;background:#fff;color:#000;font-weight:700;text-align:center;border-radius:5px;opacity:.5;cursor:grab}#files .file .file-header .filename{flex:1;min-width:0;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#files .file .waveform-wrap{position:relative;overflow:hidden}#files .file .waveform{width:100%;height:170px;background:#000;filter:saturate(20%) brightness(.5);transition:filter .1s ease}#files .file .waveform.active{filter:saturate(100%)}#files .file .file-progress{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:12px;background:#000;border:1px solid #fff;border-radius:3px;overflow:hidden;z-index:3}#files .file .file-progress .file-progress-fill{height:100%;width:0%;background:#fff}#files .file .meta{position:relative;z-index:8;padding:6px 10px;color:rgba(255,255,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#files .file.error{opacity:.5}#files .file.error .filename{color:rgba(255,255,255,.6)}#files .file.error .waveform{opacity:.2}#files .file.dragging{opacity:.85;transition:none;box-shadow:0 10px 30px rgba(0,0,0,.6)}.playhead{position:absolute;top:0;left:0;width:2px;height:100%;background:rgba(255,0,0,.22);z-index:7;pointer-events:none}#searcher{visibility:hidden;position:absolute;top:0;left:0;width:2px;height:100%;background:red;z-index:6;opacity:.3;pointer-events:none}.file-drag-placeholder{margin-bottom:20px}