*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#080808;color:#e0e0e0;min-height:100vh}.app[data-v-e4358fad]{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2.5rem 1rem;background:#080808;color:#e0e0e0}.header[data-v-e4358fad]{text-align:center;margin-bottom:2.5rem}.title[data-v-e4358fad]{font-size:1.6rem;font-weight:300;letter-spacing:.2em;text-transform:uppercase;color:#fff;margin-bottom:.4rem}.subtitle[data-v-e4358fad]{color:#444;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.main[data-v-e4358fad]{width:100%;max-width:520px}.drop-zone[data-v-e4358fad]{border:1px solid #222;border-radius:4px;padding:3.5rem 2rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:#0e0e0e}.drop-zone[data-v-e4358fad]:hover,.drop-zone.dragging[data-v-e4358fad]{border-color:#fff;background:#111}.drop-icon[data-v-e4358fad]{color:#333;margin-bottom:1rem;display:flex;justify-content:center;transition:color .2s}.drop-zone:hover .drop-icon[data-v-e4358fad],.drop-zone.dragging .drop-icon[data-v-e4358fad]{color:#888}.drop-text[data-v-e4358fad]{font-size:.95rem;color:#555;line-height:1.7;margin-bottom:.5rem;letter-spacing:.03em}.drop-hint[data-v-e4358fad]{font-size:.75rem;color:#2e2e2e;letter-spacing:.06em}.hidden[data-v-e4358fad]{display:none}.loading[data-v-e4358fad]{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;color:#444;letter-spacing:.06em;font-size:.85rem}.spinner[data-v-e4358fad]{width:28px;height:28px;border:1px solid #222;border-top-color:#fff;border-radius:50%;animation:spin-e4358fad .9s linear infinite}@keyframes spin-e4358fad{to{transform:rotate(360deg)}}.player[data-v-e4358fad]{background:#0e0e0e;border:1px solid #1c1c1c;border-radius:4px;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.file-info[data-v-e4358fad]{display:flex;align-items:center;gap:.75rem;border-bottom:1px solid #1a1a1a;padding-bottom:1.25rem}.file-icon[data-v-e4358fad]{color:#333;flex-shrink:0}.file-details[data-v-e4358fad]{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.file-name[data-v-e4358fad]{font-size:.85rem;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ccc;letter-spacing:.02em}.file-duration[data-v-e4358fad]{font-size:.72rem;color:#3a3a3a;letter-spacing:.04em}.progress-section[data-v-e4358fad]{display:flex;align-items:center;gap:.75rem}.progress-track[data-v-e4358fad]{flex:1;height:12px;display:flex;align-items:center;position:relative;cursor:pointer}.progress-track[data-v-e4358fad]:before{content:"";position:absolute;inset:5px 0;height:1px;background:#1e1e1e;transition:background .15s;pointer-events:none}.progress-track[data-v-e4358fad]:hover:before,.progress-track.seeking[data-v-e4358fad]:before{background:#2e2e2e}.progress-fill[data-v-e4358fad]{position:absolute;left:0;top:5px;height:1px;background:#fff;pointer-events:none;transition:width .5s linear}.progress-track.seeking .progress-fill[data-v-e4358fad]{transition:none}.progress-thumb[data-v-e4358fad]{position:absolute;top:50%;width:10px;height:10px;background:#fff;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .15s;pointer-events:none}.progress-track:hover .progress-thumb[data-v-e4358fad],.progress-track.seeking .progress-thumb[data-v-e4358fad]{transform:translate(-50%,-50%) scale(1)}.progress-preview[data-v-e4358fad]{position:absolute;top:50%;width:10px;height:10px;border:1px solid #555;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:.5}.time[data-v-e4358fad]{font-size:.72rem;color:#3a3a3a;font-variant-numeric:tabular-nums;letter-spacing:.04em}.playback-controls[data-v-e4358fad]{display:flex;align-items:center;justify-content:center;gap:1.25rem}.btn-control[data-v-e4358fad]{width:38px;height:38px;border-radius:50%;border:1px solid #222;background:transparent;color:#444;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s}.btn-control[data-v-e4358fad]:hover:not(:disabled){border-color:#666;color:#aaa}.btn-control[data-v-e4358fad]:disabled{opacity:.2;cursor:not-allowed}.btn-play[data-v-e4358fad]{width:52px;height:52px;border-radius:50%;border:1px solid #fff;background:#fff;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s}.btn-play[data-v-e4358fad]:hover{background:#ddd;transform:scale(1.04)}.btn-play[data-v-e4358fad]:active{transform:scale(.97)}.volume-control[data-v-e4358fad]{display:flex;align-items:center;gap:.4rem;color:#333}.volume-slider[data-v-e4358fad]{width:68px}.btn-icon[data-v-e4358fad]{background:none;border:none;color:#2a2a2a;cursor:pointer;padding:4px;border-radius:3px;display:flex;align-items:center;transition:color .15s}.btn-icon[data-v-e4358fad]:hover{color:#666}.transform-controls[data-v-e4358fad]{display:flex;flex-direction:column;gap:.75rem}.control-card[data-v-e4358fad]{border:1px solid #1a1a1a;border-radius:3px;padding:1rem 1.2rem}.control-header[data-v-e4358fad]{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.85rem}.control-label[data-v-e4358fad]{font-size:.7rem;font-weight:400;text-transform:uppercase;letter-spacing:.12em;color:#333}.control-values[data-v-e4358fad]{display:flex;align-items:baseline;gap:.6rem}.control-value-main[data-v-e4358fad]{font-size:1.15rem;font-weight:300;color:#e0e0e0;letter-spacing:.02em}.control-value-sub[data-v-e4358fad]{font-size:.78rem;color:#666;letter-spacing:.04em}.control-footer[data-v-e4358fad]{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.control-range[data-v-e4358fad]{font-size:.68rem;color:#282828;letter-spacing:.04em}.control-range-center[data-v-e4358fad]{font-size:.68rem;color:#282828}.bpm-input-wrap[data-v-e4358fad]{flex:1;display:flex;justify-content:center}.bpm-input[data-v-e4358fad]{width:96px;background:transparent;border:1px solid #222;border-radius:2px;color:#888;font-size:.78rem;padding:.25rem .5rem;text-align:center;outline:none;transition:border-color .15s,color .15s;letter-spacing:.04em}.bpm-input[data-v-e4358fad]:focus{border-color:#555;color:#ccc}.bpm-input[data-v-e4358fad]::placeholder{color:#2a2a2a}.slider[data-v-e4358fad]{width:100%;-webkit-appearance:none;appearance:none;height:1px;border-radius:0;background:#222;outline:none;cursor:pointer}.slider[data-v-e4358fad]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:none;transition:transform .1s}.slider[data-v-e4358fad]::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider[data-v-e4358fad]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:none;background:#fff;cursor:pointer}.btn-export[data-v-e4358fad]{width:100%;padding:.75rem 1rem;border:1px solid #333;border-radius:3px;background:transparent;color:#888;font-size:.82rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:border-color .15s,color .15s,background .15s}.btn-export[data-v-e4358fad]:hover:not(:disabled){border-color:#fff;color:#fff;background:#0a0a0a}.btn-export[data-v-e4358fad]:disabled{opacity:.25;cursor:not-allowed}.error-msg[data-v-e4358fad]{font-size:.78rem;color:#888;border:1px solid #2a2a2a;border-radius:3px;padding:.6rem .8rem;text-align:center;letter-spacing:.04em}