.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:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3xl) var(--space-xl);text-align:center;cursor:pointer;background:var(--color-bg-surface);transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition), background var(--transition)}.dropzone:hover{border-color:var(--color-accent);box-shadow:var(--shadow);background:var(--color-bg-card);transform:translateY(-1px)}.dropzone.drag-over{border-color:var(--color-accent);background:var(--color-accent-light);box-shadow:var(--shadow-lg)}.dropzone-icon{font-size:var(--font-size-3xl);margin-bottom:var(--space-md);color:var(--color-accent)}.dropzone-text{font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--space-xs);font-weight:500}.dropzone-formats{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-xs)}.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-text);border-color:var(--color-accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.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-loop{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:nowrap;display:flex}.params-row-loop label{white-space:nowrap;min-width:auto}.params-row-loop input{width:100px}.loop-slider{padding:var(--space-sm) 0;touch-action:none;user-select:none}.loop-slider-bar{cursor:default;height:32px;position:relative}.loop-slider-track{background:var(--color-border-light);border-radius:2px;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.loop-slider-range{background:var(--color-accent);border-radius:2px;height:4px;position:absolute;top:50%;transform:translateY(-50%)}.loop-slider-pos{background:var(--color-text);pointer-events:none;opacity:.6;border-radius:1px;width:2px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%)}.loop-slider-handle{background:var(--color-accent);cursor:grab;z-index:2;width:12px;height:24px;transition:background var(--transition-fast);border-radius:3px;position:absolute;top:50%;transform:translate(-50%,-50%)}.loop-slider-handle.active{background:var(--color-accent-hover);cursor:grabbing}.loop-slider-handle.playing{box-shadow:0 0 0 3px var(--color-accent-glow)}.loop-slider-label{font-size:10px;font-family:var(--font-mono);color:var(--color-text-muted);white-space:nowrap;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.loop-mode-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px var(--space-xs);color:var(--color-text-dim);cursor:pointer;font-size:10px;font-family:var(--font-mono);transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0}.loop-mode-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.params-inline{align-items:center;gap:var(--space-sm);flex:1;display:flex}.params-sep{color:var(--color-text-dim);user-select:none}.params-group{padding:var(--space-md) 0;border-bottom:1px solid var(--color-border-light)}.params-group:first-child{padding-top:0}.params-group:last-child{border-bottom:none;padding-bottom:0}.params-group.disabled .params-row,.params-group.disabled .loop-slider{opacity:.45;pointer-events:none}.params-group.disabled .params-row:first-child,.params-group.disabled .checkbox-label{pointer-events:auto;opacity:1}.decoding-status{align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);display:flex}.decoding-name{font-size:var(--font-size-sm);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.decoding-text{font-size:var(--font-size-sm);color:var(--color-accent);animation:decoding-pulse 1.2s var(--ease-in-out) infinite}@keyframes decoding-pulse{0%,to{opacity:.4}50%{opacity:1}}.audio-info{align-items:center;gap:var(--space-sm);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-xs);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.audio-info strong{color:var(--color-accent);font-weight:600}.audio-info-sep{color:var(--color-accent-bright);opacity:.5}.params-value{font-size:var(--font-size-sm);color:var(--color-text);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), box-shadow var(--transition-fast)}.params-row select:focus-visible,.params-row input:focus-visible{border-color:var(--color-accent);box-shadow:var(--shadow-glow);outline:none}.params-row select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:2rem}.params-row input[type=number]{width:120px}.file-header{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.file-header-name{font-size:var(--font-size-sm);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.file-header-change{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px var(--space-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer;margin-left:var(--space-sm);transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;flex-shrink:0;font-family:inherit}.file-header-change:hover{border-color:var(--color-accent);color:var(--color-accent)}.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-bright);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), transform 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);transform:translateY(-1px)}.play-btn:active{transform:translateY(0)}.time-display{font-size:var(--font-size-sm);color:var(--color-text-muted);font-family:var(--font-mono);text-align:right;flex-shrink:0}.test-player-bar{background:var(--color-border-light);cursor:pointer;height:4px;transition:height var(--transition-fast);border-radius:2px;flex:1;position:relative}.test-player-bar:hover{height:6px}.test-player-fill{background:var(--color-accent);border-radius:2px;height:100%;transition:width .1s linear}.convert-btn{width:100%;padding:var(--space-md);font-size:var(--font-size-base);color:#fff;background:var(--color-accent);background-image:linear-gradient(180deg, var(--color-accent-bright), var(--color-accent));border-radius:var(--radius);cursor:pointer;margin-top:var(--space-lg);transition:filter var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);box-shadow:var(--shadow-sm);border:none;font-weight:600;display:block}.convert-btn:hover{filter:brightness(1.08);box-shadow:var(--shadow);transform:translateY(-1px)}.convert-btn:active{filter:brightness(.96);transform:translateY(0)}.convert-btn:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}.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:8px;margin:var(--space-md) 0;border-radius:4px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--color-accent), var(--color-accent-bright));height:100%;transition:width .3s var(--ease-out);border-radius:4px;min-width:0}.progress-bar-fill.indeterminate{animation:progress-indeterminate 1.6s var(--ease-in-out) infinite;width:30%!important}@keyframes progress-indeterminate{0%{width:30%;margin-left:-30%}50%{width:30%;margin-left:50%}to{width:30%;margin-left:100%}}.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), transform var(--transition-fast);border:none;font-weight:600;display:block}.download-btn:hover{filter:brightness(1.08);color:#fff;transform:translateY(-1px)}.download-btn:active{filter:brightness(.96);transform:translateY(0)}.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-top:var(--space-xl);margin-bottom:var(--space-xl);max-width:var(--max-width);padding:0 var(--space-lg);margin-left:auto;margin-right:auto}.tool-heading h1{font-size:var(--font-size-3xl);color:var(--color-text);margin-bottom:var(--space-sm);letter-spacing:-.02em;font-weight:700}.tool-heading p{font-size:var(--font-size-lg);color:var(--color-text-muted)}