.converter-section{padding:var(--space-2xl) 0 var(--space-xl)}.converter-shell{max-width:640px;padding:0 var(--space-lg);margin:0 auto}.dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3xl) var(--space-xl);text-align:center;cursor:pointer;background:var(--color-bg-card);transition:border-color var(--transition), box-shadow var(--transition);box-shadow:var(--shadow-sm)}.dropzone:hover,.dropzone.drag-over{border-color:var(--color-accent);box-shadow:var(--shadow)}.dropzone-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-md)}.dropzone-text{font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--space-sm);font-weight:500}.dropzone-formats{font-size:var(--font-size-sm);color:var(--color-text-muted)}.dropzone-error{margin-top:var(--space-md);color:var(--color-error);font-size:var(--font-size-sm)}.quick-links{justify-content:center;gap:var(--space-md);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.quick-link{padding:var(--space-sm) var(--space-xl);font-size:var(--font-size-base);color:var(--color-text-secondary);background:var(--color-bg-card);border:1px solid var(--color-border);transition:all var(--transition-fast);white-space:nowrap;border-radius:24px;margin:2px 4px;font-weight:500;display:inline-block}.quick-link:hover{color:var(--color-accent);border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.params-panel{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm)}.params-row{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.params-row label{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;min-width:130px;font-weight:500}.params-row select,.params-row input{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}.params-row select:focus,.params-row input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.params-row select{cursor:pointer;appearance:none;padding-right:2rem}.params-row input[type=number]{width:120px}.file-info{padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);background:var(--color-accent-light);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-accent);justify-content:space-between;align-items:center;font-weight:500;display:flex}.checkbox-label{align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text);display:flex}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}.format-locked{align-items:center;gap:var(--space-sm);display:flex}.format-badge{background:var(--color-accent-light);color:var(--color-accent);border:1px solid var(--color-accent-dim);padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);border-radius:20px;font-weight:500;display:inline-block}.test-player{align-items:center;gap:var(--space-md);margin:var(--space-lg) 0;padding:var(--space-md);background:var(--color-bg);border-radius:var(--radius);border:1px solid var(--color-border-light);display:flex}.play-btn{background:var(--color-accent);cursor:pointer;width:40px;height:40px;transition:background var(--transition-fast);color:#fff;font-size:var(--font-size-lg);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.play-btn:hover{background:var(--color-accent-hover)}.time-display{font-size:var(--font-size-sm);color:var(--color-text-muted);font-family:var(--font-mono);text-align:right;flex:1}.convert-btn{width:100%;padding:var(--space-md);font-size:var(--font-size-base);color:#fff;background:var(--color-accent);border-radius:var(--radius);cursor:pointer;margin-top:var(--space-lg);transition:background var(--transition-fast), box-shadow var(--transition-fast);box-shadow:var(--shadow-sm);border:none;font-weight:600;display:block}.convert-btn:hover{background:var(--color-accent-hover);box-shadow:var(--shadow)}.convert-btn:disabled{opacity:.5;cursor:not-allowed}.progress-section{text-align:center;padding:var(--space-xl) 0}.progress-section h3{font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--space-md)}.progress-bar-container{background:var(--color-bg);border:1px solid var(--color-border);width:100%;height:12px;margin:var(--space-md) 0;border-radius:6px;overflow:hidden}.progress-bar-fill{background:var(--color-accent);border-radius:6px;height:100%;transition:width .3s}.progress-text{font-size:var(--font-size-sm);color:var(--color-text-muted)}.download-btn{width:100%;padding:var(--space-md);font-size:var(--font-size-base);text-align:center;color:#fff;background:var(--color-success);border-radius:var(--radius);cursor:pointer;margin-top:var(--space-md);transition:filter var(--transition-fast);border:none;font-weight:600;display:block}.download-btn:hover{filter:brightness(1.1);color:#fff}.free-badge{justify-content:center;align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);padding:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-success);background:var(--color-success-bg);border-radius:var(--radius-sm);display:flex}.tool-heading{text-align:center;margin-bottom:var(--space-xl)}.tool-heading h1{font-size:var(--font-size-3xl);color:var(--color-text);margin-bottom:var(--space-sm);font-weight:700}.tool-heading p{font-size:var(--font-size-lg);color:var(--color-text-muted)}