*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh}.app-container[data-v-97c9f8af]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.main-card[data-v-97c9f8af]{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:3rem;max-width:600px;width:100%;animation:fadeIn-97c9f8af .5s ease-in}@keyframes fadeIn-97c9f8af{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.title[data-v-97c9f8af]{font-size:2rem;color:#333;margin:0 0 .5rem;text-align:center}.subtitle[data-v-97c9f8af]{color:#666;text-align:center;margin:0 0 2rem}.upload-area[data-v-97c9f8af]{border:3px dashed #ddd;border-radius:15px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa;margin-bottom:2rem}.upload-area[data-v-97c9f8af]:hover{border-color:#667eea;background:#f0f4ff}.upload-area.dragging[data-v-97c9f8af]{border-color:#667eea;background:#e8eeff;transform:scale(1.02)}.upload-area.has-file[data-v-97c9f8af]{border-color:#4caf50;background:#f0fff4}.upload-icon[data-v-97c9f8af]{font-size:4rem;margin-bottom:1rem}.upload-text[data-v-97c9f8af]{font-size:1.1rem;color:#333;margin-bottom:.5rem}.file-name[data-v-97c9f8af]{font-weight:700;color:#4caf50}.upload-hint[data-v-97c9f8af]{font-size:.9rem;color:#999}.settings-section[data-v-97c9f8af]{margin-bottom:2rem}.setting-label[data-v-97c9f8af]{display:block;font-weight:700;color:#333;margin-bottom:.5rem}.hint[data-v-97c9f8af]{font-size:.85rem;font-weight:400;color:#999}.semitone-input-wrapper[data-v-97c9f8af]{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.semitone-input[data-v-97c9f8af]{flex:1;padding:.75rem;font-size:1.2rem;border:2px solid #ddd;border-radius:10px;text-align:center;transition:border-color .3s}.semitone-input[data-v-97c9f8af]:focus{outline:none;border-color:#667eea}.semitone-input[data-v-97c9f8af]:disabled{background:#f5f5f5;cursor:not-allowed}.semitone-unit[data-v-97c9f8af]{color:#666;font-weight:700}.semitone-range[data-v-97c9f8af]{display:flex;align-items:center;gap:1rem;color:#666}.range-slider[data-v-97c9f8af]{flex:1;height:6px;border-radius:5px;background:#ddd;outline:none;-webkit-appearance:none}.range-slider[data-v-97c9f8af]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#667eea;cursor:pointer}.range-slider[data-v-97c9f8af]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#667eea;cursor:pointer;border:none}.submit-button[data-v-97c9f8af]{width:100%;padding:1rem;font-size:1.2rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;margin-bottom:2rem}.submit-button[data-v-97c9f8af]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.submit-button[data-v-97c9f8af]:disabled{opacity:.6;cursor:not-allowed}.submit-button.processing[data-v-97c9f8af]{animation:pulse-97c9f8af 1.5s infinite}@keyframes pulse-97c9f8af{0%,to{opacity:1}50%{opacity:.7}}.progress-section[data-v-97c9f8af]{background:#f9f9f9;border-radius:15px;padding:1.5rem}.task-id[data-v-97c9f8af]{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.9rem}.task-id .label[data-v-97c9f8af]{color:#666}.task-id .value[data-v-97c9f8af]{color:#333;font-family:monospace;font-weight:700}.progress-bar-container[data-v-97c9f8af]{width:100%;height:30px;background:#e0e0e0;border-radius:15px;overflow:hidden;margin-bottom:1rem}.progress-bar[data-v-97c9f8af]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;display:flex;align-items:center;justify-content:center;min-width:30px}.progress-text[data-v-97c9f8af]{color:#fff;font-weight:700;font-size:.9rem}.current-step[data-v-97c9f8af]{padding:.75rem;background:#fff;border-radius:10px;text-align:center;margin-bottom:1rem;font-weight:500;color:#333}.current-step.completed[data-v-97c9f8af]{background:#e8f5e9;color:#2e7d32}.current-step.failed[data-v-97c9f8af]{background:#ffebee;color:#c62828}.error-message[data-v-97c9f8af]{background:#ffebee;color:#c62828;padding:1rem;border-radius:10px;border-left:4px solid #c62828;margin-bottom:1rem}.result-section[data-v-97c9f8af]{display:flex;gap:1rem;flex-wrap:wrap}.download-button[data-v-97c9f8af],.new-task-button[data-v-97c9f8af]{flex:1;padding:.75rem;font-size:1rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.download-button[data-v-97c9f8af]{background:#4caf50;color:#fff}.download-button[data-v-97c9f8af]:hover{background:#45a049;transform:translateY(-2px)}.new-task-button[data-v-97c9f8af]{background:#2196f3;color:#fff}.new-task-button[data-v-97c9f8af]:hover{background:#0b7dda;transform:translateY(-2px)}.footer[data-v-97c9f8af]{margin-top:2rem;text-align:center;color:#fff;opacity:.8}@media (max-width: 768px){.app-container[data-v-97c9f8af]{padding:1rem}.main-card[data-v-97c9f8af]{padding:2rem 1.5rem}.title[data-v-97c9f8af]{font-size:1.5rem}.result-section[data-v-97c9f8af]{flex-direction:column}}