.wave-wrap[data-v-ee61ab12]{background:0 0;justify-content:center;align-items:center;width:100%;height:100px;display:flex;position:relative}.wave-wrap.is-interactive[data-v-ee61ab12]{cursor:pointer}canvas[data-v-ee61ab12]{width:100%;height:100%;display:block}.placeholder[data-v-ee61ab12]{color:#9ca3af;pointer-events:none;font-size:.9rem;position:absolute}.chart-box[data-v-ab73fb95]{width:100%;height:420px}.chart[data-v-ab73fb95]{width:100%;height:100%}.top5-wrapper[data-v-444872eb]{width:100%;max-width:600px;margin:0 auto}.title[data-v-444872eb]{text-align:center;color:#111827;margin-bottom:20px;font-size:1.25rem;font-weight:700}.list[data-v-444872eb]{flex-direction:column;gap:12px;display:flex}.genre-row[data-v-444872eb]{background:#fff;border:1px solid #f3f4f6;border-radius:8px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000000a}.left[data-v-444872eb]{z-index:1;align-items:center;gap:12px;display:flex}.icon[data-v-444872eb]{color:#9ca3af;width:18px;height:18px}.genre-name[data-v-444872eb]{color:#374151;text-transform:capitalize;font-size:1.05rem;font-weight:600}.right[data-v-444872eb]{z-index:1}.pct[data-v-444872eb]{color:#111827;font-size:1.05rem;font-weight:700}.progress-bg[data-v-444872eb]{background:0 0;width:100%;height:4px;position:absolute;bottom:0;left:0}.progress-fill[data-v-444872eb]{background:#6366f1;height:100%;transition:width .5s}body{background-color:#f9fafb;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-container{color:#333;max-width:1200px;margin:0 auto;padding:40px 20px}.header{text-align:center;margin-bottom:40px}.header h1{background:-webkit-linear-gradient(45deg,#6b21a8,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:2.5rem;font-weight:800}.header p{color:#6b7280;margin-top:8px;font-size:1.1rem}.upload-container{flex-direction:column;align-items:center;margin-bottom:40px;display:flex}.upload-text{color:#374151;text-align:center;margin-bottom:16px;font-weight:600;line-height:1.5}.upload-box{text-align:center;cursor:pointer;background-color:#eff6ff;border:2px dashed #60a5fa;border-radius:12px;width:100%;max-width:500px;padding:30px;transition:all .2s}.upload-box:hover{background-color:#dbeafe;border-color:#3b82f6}.upload-box span{color:#2563eb;font-weight:600}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:20px;display:flex}.controls select{border:1px solid #d1d5db;border-radius:8px;outline:none;padding:10px 16px;font-size:.95rem}.btn{cursor:pointer;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:opacity .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:#3b82f6}.btn-danger{background-color:#ef4444}.file-selected{color:#4b5563;background:#f3f4f6;border-radius:16px;margin-top:12px;padding:6px 16px;font-size:.9rem}.content-grid{flex-direction:column;gap:30px;display:flex}.chart-container{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #00000008}.status{text-align:center;color:#6b7280;min-height:1.4em;margin-top:16px;font-size:.9rem}.status.running{color:#10b981;font-weight:700}.status.error{color:#ef4444}.loader{vertical-align:middle;border:2px solid #ccc;border-top-color:#4f46e5;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}