.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:var(--at-accent,#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:var(--at-on-ink,#fff);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:var(--at-ink,#000)}.main-switch.pinned{position:relative;cursor:pointer}.main-switch.holding,.main-switch.pinned.holding,.main-switch.pressed{background-color:var(--at-accent,#e0ff00);color:var(--at-accent-ink,#000)}.main-switch.holding,.main-switch.pressed{transform:translateY(-4px);box-shadow:0 6px 0 var(--at-shadow,rgba(0,0,0,.85));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:var(--at-surface,#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:var(--at-ink,#000);border-radius:1px}.wave-elapsed{background:var(--at-ink,#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:var(--at-ink,#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 var(--at-muted-border,#999);color:var(--at-muted,#777);border-radius:9999px;padding:1px 6px}.player-section .button{background-color:var(--at-surface,#fff);color:var(--at-ink,#000);border-color:var(--at-ink,#000)}.player-section .button:hover{background-color:var(--at-accent,#e0ff00);color:var(--at-accent-ink,#000);border-color:var(--at-ink,#000);box-shadow:0 5px 0 var(--at-ink,#000)}.player-section .main-switch:hover{background-color:var(--at-surface,#fff);color:var(--at-ink,#000);box-shadow:0 8px 0 var(--at-ink,#000)}.player-section .main-switch:active{background-color:var(--at-accent,#e0ff00);color:var(--at-accent-ink,#000);box-shadow:0 4px 0 var(--at-ink,#000)}.player-section .button-control{border-color:var(--at-ink,#000);box-shadow:0 5px 0 var(--at-ink,#000)}.player-section .button-control,.player-section .button-control:hover{background-color:var(--at-surface,#fff);color:var(--at-ink,#000)}.player-section .label{background-color:var(--at-surface-2,#f4f4f4);color:var(--at-ink,#000)}.player-section .label.active{background-color:var(--at-ink,#000);color:var(--at-on-ink,#fff)}.player-section .label-container .label.label-a.active{color:var(--at-on-ink,#fff)}.player-section .label-container .label.label-b.active{color:var(--at-accent,#e0ff00)}.player-section .progress-bar-container{background-color:var(--at-surface-2,#f4f4f4);border-color:var(--at-ink,#000)}.player-section .elapsed-time{border-color:var(--at-ink,#000)}.track-unit{gap:10px}.gain-fader,.track-unit{display:flex;align-items:center}.gain-fader{gap:6px;flex:none;user-select:none}.gain-fader-left{flex-direction:row}.gain-fader-right{flex-direction:row-reverse}.gain-readout{font-size:11px;font-weight:800;letter-spacing:.02em;color:var(--at-ink,#000);min-width:34px;text-align:center;white-space:nowrap}.gain-readout-clip{color:#d92b2b}.gain-column{display:flex;flex-direction:column;align-items:center;gap:4px}.gain-step{width:18px;height:18px;flex:none;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:12px;font-weight:700;line-height:1;font-family:inherit;color:var(--at-ink,#000);background:transparent;border:1.5px solid var(--at-ink,#000);border-radius:50%!important;cursor:pointer;transition:background-color .12s ease,color .12s ease}.gain-step:hover:not(:disabled){background:var(--at-accent,#e0ff00);color:var(--at-accent-ink,#000)}.gain-step:disabled{opacity:.3;cursor:default}.gain-rail{position:relative;width:18px;height:92px;justify-content:center}.gain-rail,.gain-ticks{display:flex;align-items:center}.gain-ticks{position:absolute;inset:0;flex-direction:column;justify-content:space-between;pointer-events:none}.gain-tick{width:9px;height:1.5px;background:var(--at-ink,#000);opacity:.5;border-radius:1px}.gain-range{-webkit-appearance:none;appearance:none;writing-mode:vertical-lr;direction:rtl;width:18px;height:92px;margin:0;padding:0;background:transparent;cursor:ns-resize;position:relative;z-index:1}.gain-range:disabled{cursor:default;opacity:.4}.gain-range::-webkit-slider-runnable-track{width:2px;background:transparent}.gain-range::-moz-range-track{width:2px;background:transparent}.gain-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:5px;border-radius:2px;border:1px solid var(--at-ink,#000);background:var(--at-accent,#e0ff00)}.gain-range::-moz-range-thumb{width:16px;height:5px;border-radius:2px;border:1px solid var(--at-ink,#000);background:var(--at-accent,#e0ff00)}.gain-range:focus-visible{outline:2px solid var(--at-accent,#e0ff00);outline-offset:2px}.auto-match-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--at-ink,#000);background:transparent;border:1.5px solid var(--at-ink,#000)!important;cursor:pointer;transition:background-color .12s ease,color .12s ease}.auto-match-btn .material-icons{font-size:14px}.auto-match-btn:hover:not(:disabled){background:var(--at-accent,#e0ff00);color:var(--at-accent-ink,#000)}.auto-match-btn:disabled{opacity:.4;cursor:default}.auto-match-result{font-size:10px;font-weight:600;letter-spacing:.02em;opacity:.65;white-space:nowrap}.auto-match-error{color:#d92b2b;opacity:1}.gain-toolbar{order:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:2px auto 6px;font-size:11px;color:var(--at-ink,#000)}@media (max-width:768px){.gain-rail,.gain-range{height:68px}.track-unit{gap:6px}}.player-section.at-theme-dark{--at-ink:#f2f2f2;--at-on-ink:#101010;--at-surface:#171717;--at-surface-2:#262626;--at-shadow:rgba(255,255,255,0.7);--at-muted:#9a9a9a;--at-muted-border:#555;--at-wave-idle:#3a3a3a;color:#f2f2f2}