.drop-zone{border:2px dashed var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xxl) var(--spacing-xl);text-align:center;cursor:pointer;transition:var(--transition);background-color:var(--body-bg);user-select:none}.drop-zone:hover,.drop-zone:focus{border-color:var(--primary);background-color:#4361ee0a;outline:none}.drop-zone.drag-over{border-color:var(--primary);background-color:#4361ee14;transform:scale(1.01)}.drop-zone-icon{font-size:3rem;color:var(--primary);margin-bottom:var(--spacing-md);opacity:.8}.drop-zone-title{font-size:1.2rem;font-weight:600;color:var(--gray-800);margin-bottom:var(--spacing-xs)}.drop-zone-sub{color:var(--text-muted);margin-bottom:var(--spacing-sm)}.drop-zone-hint{font-size:.8rem;color:var(--gray-500);margin:0}body.dark-theme .drop-zone{background-color:var(--gray-100)}body.dark-theme .drop-zone:hover,body.dark-theme .drop-zone:focus{background-color:#6b8cff14}.file-info{display:flex;align-items:center;gap:var(--spacing-md);background-color:var(--body-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.file-info-icon{font-size:2rem;color:var(--primary);flex-shrink:0}.file-info-details{flex:1;min-width:0}.file-info-name{font-weight:600;color:var(--gray-800);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-info-meta{font-size:.85rem;color:var(--text-muted);margin:0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.settings-grid select{width:100%}@media (max-width: 600px){.settings-grid{grid-template-columns:1fr}}.progress-bar-track{height:12px;background-color:var(--gray-200);border-radius:6px;overflow:hidden;margin-bottom:var(--spacing-sm)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:6px;transition:width .2s ease}.progress-label{text-align:center;font-size:.9rem;color:var(--text-muted);margin:0}.result-info{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--body-bg);border-radius:var(--border-radius);border:1px solid var(--border-color)}.result-stat{display:flex;flex-direction:column;gap:2px}.result-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.result-stat-value{font-size:1.1rem;font-weight:600;color:var(--gray-800)}.result-stat-arrow{color:var(--success);font-size:1.1rem}.result-player{margin-bottom:var(--spacing-lg)}.result-player audio{width:100%;border-radius:var(--border-radius-sm)}.result-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.text-success{color:var(--success)}body.dark-theme .file-info,body.dark-theme .result-info{background-color:var(--gray-100);border-color:var(--border-color)}body.dark-theme .drop-zone-title,body.dark-theme .file-info-name,body.dark-theme .result-stat-value{color:var(--text-color)}body.dark-theme .progress-bar-track{background-color:var(--gray-200)}