.label-container{display:flex;justify-content:center;gap:30px;width:100%;box-sizing:border-box}@media (max-width:768px){.label-container{gap:10px;padding:0 5px}}.label{cursor:pointer;align-items:flex-start;padding:15px 20px}.label,.label-prefix{position:relative;display:flex}.label-prefix{margin-right:15px;padding:0 5px;align-items:center}.active-prefix{font-weight:700}.label-content{position:relative;display:flex;flex-direction:column;align-items:flex-start}.original-filename{font-size:12px;opacity:.5;margin-top:2px}.pulsating-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#e0ff00;position:absolute;top:50%;left:-10px;transform:translateY(-50%);animation:pulse 1.5s infinite}.pin-icon{display:flex;align-items:center;margin-left:2px;color:white;position:relative}.pin-icon.bob{animation:bob 1.2s ease-in-out infinite}.pin-icon .material-icons{font-size:14px}.hover-pin{position:absolute;left:18px;top:50%;transform:translateY(-50%)}.dark-pin{color:#000}.main-switch.pinned{position:relative;cursor:pointer}.main-switch.pinned.holding{background-color:#e0ff00;color:black}.main-switch.holding,.main-switch.pressed{transform:translateY(-4px);box-shadow:0 6px 0 rgba(0,0,0,.85);background-color:#e0ff00;color:#000;transition:transform .18s ease,box-shadow .18s ease,background-color .12s ease}.unpin-content{display:inline-flex;align-items:center;gap:10px;padding:0 14px;height:100%}.pin-switch-icon{font-size:18px;margin-right:6px;transition:transform .18s ease-out}.unpin-text{display:flex;flex-direction:column;align-items:flex-start;min-width:140px}.unpin-text .main-switch-sub{width:100%;text-align:center}.unpin-text .main-switch-title{font-size:1em;line-height:1.1}.unpin-text .main-switch-sub{font-size:10px;letter-spacing:.08em;margin-top:2px;text-transform:uppercase;opacity:.9}.main-switch.pinned:hover .pin-switch-icon{transform:translateY(-3px)}@keyframes pulse{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes fadeDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(5px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes bob{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}.main-switch-content{display:flex;flex-direction:column}.main-switch,.main-switch-content{align-items:center;justify-content:center}.main-switch{padding:.9em 2em!important;max-width:calc(100% - 20px);margin-left:auto;margin-right:auto;box-sizing:border-box;width:auto;display:inline-flex}.label-container{order:1}.main-switch{order:2}.progress-bar-container{order:3}.controls-container{order:4}@media (max-width:768px){.label-container{order:1}.progress-bar-container{order:2}.main-switch{order:3}.controls-container{order:4}.progress-bar-container{max-width:calc(100% - 10px);margin:32px auto;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;position:relative}.seek-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:9999px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);opacity:0;transition:opacity .14s ease,transform .12s ease;pointer-events:none}@media (min-width:769px){.progress-bar-container:hover .seek-handle{opacity:1;pointer-events:none}.progress-bar-container{cursor:col-resize}}@media (max-width:768px){.seek-handle{display:none}}.main-switch{padding:1.1em 2em!important;font-size:1.08em!important;margin:1.2em auto!important;width:auto!important;min-width:140px;height:auto;box-sizing:border-box}}.main-switch-title{font-size:1em;line-height:1.1}.main-switch-sub{font-size:10px;letter-spacing:.08em;margin-top:4px;text-transform:uppercase;opacity:.9}@media (max-width:768px){.main-switch-title{font-size:.9em;line-height:1}.main-switch-sub{font-size:8px;margin-top:3px;letter-spacing:.06em;display:none}}@media (max-width:480px){.main-switch-title{font-size:.8em}.main-switch-sub{font-size:7px;margin-top:2px;letter-spacing:.05em;display:none}.player-section{padding:0 2px}.button-control{margin:.2em;height:32px;padding:.2em .6em}.progress-bar-container{margin:16px 0}.label{padding:6px 10px;font-size:.85em}.label .label-content{max-width:140px}}@media (max-width:768px){.label-container{flex-direction:column;gap:10px;margin-bottom:15px}.label{padding:10px 15px;font-size:.95em}.label .label-content{max-width:200px;overflow:hidden;text-overflow:ellipsis}.player-section{display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;padding:0 5px}.controls-container{display:flex;flex-direction:row;justify-content:center;width:100%;margin:10px 0}.button-control{margin:.3em;height:36px;padding:.3em .8em}.progress-bar-container{max-width:calc(100% - 10px);margin:10px auto}}.button,.button-control,.button-sample,.button-upload,.button-upload-top,button{border-radius:9999px!important}@media (max-width:768px){.label-container{margin-bottom:6px;gap:6px}.label{padding:8px 12px}.progress-bar-container{margin:26px auto!important}.main-switch{margin:.6em auto!important}.controls-container{margin:4px 0}.button-control{height:44px!important;min-width:52px;padding:.3em .9em!important}}.waveform-progress{border:none!important;background:transparent!important;height:auto!important;position:relative;overflow:visible}.waveform-progress-canvas{display:block;width:100%}.wave-marker{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;height:92px;justify-content:space-between;pointer-events:auto;cursor:grab}.wave-marker:active{cursor:grabbing}.wave-marker-tick{width:2px;height:12px;flex:none;background:#000;border-radius:1px}.wave-elapsed{background:#000;border-radius:9999px;font-size:9px;font-weight:700;padding:2px 7px;white-space:nowrap}.progress-style-toggle{order:5;display:inline-flex;align-items:center;gap:5px;margin:10px auto 0;background:none;border:none!important;border-radius:9999px;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.04em;color:#000;opacity:.45;cursor:pointer;transition:opacity .15s ease}.progress-style-toggle:hover{opacity:1}.progress-style-toggle .material-icons{font-size:15px}.pst-badge{font-size:8px;font-weight:700;letter-spacing:.1em;border:1px solid #999;color:#777;border-radius:9999px;padding:1px 6px}