.voice-clone-container{display:none}.voice-clone-container.active{display:block}.clone-layout{gap:var(--space-8);grid-template-columns:1fr 340px;align-items:start;display:grid}.clone-form-panel{min-width:0}.clone-header{margin-bottom:var(--space-7)}.clone-header h2{font-size:var(--text-xl);margin-bottom:var(--space-1);color:var(--text-primary);letter-spacing:-.01em;font-weight:700}.clone-header p{font-size:var(--text-sm);color:var(--text-secondary)}.clone-section-card{background:var(--card-bg);border:1px solid var(--border-color);padding:var(--space-6);margin-bottom:var(--space-5);border-radius:14px}.clone-section-label{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-5);font-weight:600;display:flex}.clone-step-badge{background:var(--primary-color);width:24px;height:24px;color:var(--text-inverse);font-size:var(--text-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.import-options-container{align-items:center;gap:var(--space-5);display:flex}.import-separator{font-size:var(--text-sm);color:var(--text-tertiary);flex-shrink:0;font-weight:500}.import-card{padding:36px var(--space-6);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-main);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:180px;display:flex}.import-card.upload-card{border:2px dashed var(--border-color);background:var(--panel-bg);position:relative;overflow:hidden}.import-card.upload-card:hover{border-color:var(--primary-color);background:var(--primary-subtle)}.import-card.upload-card.dragover{border-color:var(--primary-color);background:var(--purple-100)}.import-card.record-card{border:2px solid var(--border-color);background:var(--card-bg)}.import-card.record-card:hover{border-color:var(--primary-color);background:var(--primary-subtle)}.record-interface-inline{min-height:220px;box-shadow:0 4px 6px -1px rgb(from var(--primary-color) r g b / 15%);position:relative;border:2px solid var(--primary-color)!important;background:var(--panel-bg)!important}.import-icon-bg{background:var(--purple-100);border-radius:var(--radius-lg);width:48px;height:48px;color:var(--primary-color);justify-content:center;align-items:center;margin-bottom:14px;transition:transform .2s;display:flex}.import-card:hover .import-icon-bg{transform:scale(1.08)}.import-title{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:600}.import-desc{font-size:var(--text-sm);color:var(--text-secondary)}.audio-processing-overlay{z-index:10;background:var(--panel-bg);border-radius:inherit;cursor:default;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:none;position:absolute;inset:0}.audio-processing-overlay.active{display:flex}.audio-processing-bars{align-items:center;gap:3px;height:32px;display:flex}.audio-processing-bars .bar{background:var(--primary-color);border-radius:2px;width:3px;animation:1.2s ease-in-out infinite audio-bar-pulse}.audio-processing-bars .bar:first-child{height:30%;animation-delay:0s}.audio-processing-bars .bar:nth-child(2){height:60%;animation-delay:.1s}.audio-processing-bars .bar:nth-child(3){height:90%;animation-delay:.2s}.audio-processing-bars .bar:nth-child(4){height:50%;animation-delay:.3s}.audio-processing-bars .bar:nth-child(5){height:80%;animation-delay:.15s}.audio-processing-bars .bar:nth-child(6){height:40%;animation-delay:.25s}.audio-processing-bars .bar:nth-child(7){height:70%;animation-delay:50ms}@keyframes audio-bar-pulse{0%,to{opacity:.5;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}.audio-processing-text{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.file-info-tag{font-size:var(--text-xs);color:var(--primary-color);background:var(--purple-100);border-radius:var(--radius-sm);text-overflow:ellipsis;white-space:nowrap;max-width:85%;padding:3px 10px;display:none;position:absolute;bottom:10px;left:50%;overflow:hidden;transform:translate(-50%)}.record-inline-panel{padding:var(--space-8) var(--space-6);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--panel-bg);flex-direction:column;justify-content:center;align-items:center;min-height:180px;display:flex}.record-timer-large{font-size:var(--text-3xl);color:var(--text-primary);font-variant-numeric:tabular-nums;margin-bottom:var(--space-1);font-weight:700}.record-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-5);transition:color .3s}.record-visualizer{justify-content:center;align-items:center;gap:var(--space-1);height:32px;margin-bottom:var(--space-5);display:flex}.visualizer-bar{background-color:var(--purple-100);border-radius:2px;width:4px;height:4px;transition:height .3s}.record-visualizer.active .visualizer-bar{background-color:var(--primary-color);animation:1s ease-in-out infinite visualize}.record-visualizer.active .visualizer-bar:nth-child(odd){animation-duration:.8s}.record-visualizer.active .visualizer-bar:nth-child(2n){animation-duration:1.1s}.record-visualizer.active .visualizer-bar:nth-child(3n){animation-duration:1.3s}.record-visualizer.active .visualizer-bar:nth-child(4n){animation-duration:.9s}@keyframes visualize{0%,to{height:4px}50%{height:24px}}.record-action-btn{border:3px solid var(--color-recording-bg);background:var(--bg-surface);cursor:pointer;width:56px;height:56px;transition:all var(--transition-main);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.record-action-btn:hover{border-color:var(--color-recording-bg);transform:scale(1.05)}.stop-square{background-color:var(--color-recording);border-radius:5px;width:20px;height:20px}.record-close-btn{color:var(--text-secondary);cursor:pointer;padding:var(--space-1);transition:all var(--transition-main);background:0 0;border:none;border-radius:50%;position:absolute;top:16px;right:16px}.record-close-btn:hover{background:var(--panel-bg);color:var(--text-primary)}.samples-section{margin-top:var(--space-4);display:none}.samples-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:500}.samples-list{gap:var(--space-2);flex-direction:column;display:flex}.sample-item{padding:var(--space-3) 14px;background:var(--panel-bg);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-main);align-items:center;gap:14px;display:flex}.sample-item:hover{border-color:var(--primary-color)}.sample-item.playing{background:var(--purple-100);border-color:var(--primary-color)}.sample-item.playing .sample-filename{color:var(--primary-color);font-weight:600}.sample-play-btn{background:var(--primary-color);width:40px;height:40px;color:var(--text-inverse);cursor:pointer;transition:all var(--transition-main);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sample-play-btn:hover{background:var(--primary-hover);transform:scale(1.05)}.sample-play-btn.playing{background:var(--color-recording)}.sample-play-btn svg{width:18px;height:18px}.sample-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sample-filename{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.sample-meta{font-size:var(--text-xs);color:var(--text-secondary)}.sample-delete-btn{border:1px solid var(--border-color);background:var(--card-bg);cursor:pointer;width:28px;height:28px;transition:all var(--transition-main);color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sample-delete-btn:hover{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.sample-delete-btn svg{width:14px;height:14px}.audio-trim-section{margin-top:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--panel-bg);animation:.3s ease-out fade-slide-in}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.trim-header{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.audio-trim-section .trim-title{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.audio-trim-section .trim-meta{font-size:var(--text-xs);color:var(--text-secondary)}.trim-waveform-container{border-radius:var(--radius-md);background:var(--card-bg);border:1px solid var(--border-color);cursor:default;-webkit-user-select:none;user-select:none;height:96px;transition:border-color .2s;position:relative;overflow:hidden}.trim-waveform-container.waveform-loading{background:linear-gradient(90deg, var(--card-bg) 25%, var(--panel-bg) 50%, var(--card-bg) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite waveform-shimmer}@keyframes waveform-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.trim-waveform-canvas{width:100%;height:100%;display:block}.trim-dim{pointer-events:none;background:#0000002e;transition:width 50ms linear;position:absolute;top:0;bottom:0}[data-theme=dark] .trim-dim{background:#0006}.trim-dim-left{left:0}.trim-dim-right{right:0}.trim-selection-overlay{border-top:2px solid var(--primary-color);border-bottom:2px solid var(--primary-color);pointer-events:none;position:absolute;top:0;bottom:0}.trim-handle{cursor:ew-resize;pointer-events:auto;z-index:2;justify-content:center;align-items:center;width:20px;display:flex;position:absolute;top:0;bottom:0}.trim-handle-left{left:-10px}.trim-handle-right{right:-10px}.trim-handle-grip{background:var(--primary-color);border-radius:var(--radius-sm);width:8px;height:36px;box-shadow:0 1px 6px rgb(from var(--primary-color) r g b / 35%);transition:transform .15s,background-color .15s,box-shadow .15s}.trim-handle:hover .trim-handle-grip,.trim-handle.dragging .trim-handle-grip{background:var(--primary-hover);box-shadow:0 2px 8px rgb(from var(--primary-color) r g b / 45%);transform:scaleY(1.12)}.trim-time-bar{margin-top:var(--space-2);font-size:var(--text-xs);justify-content:space-between;align-items:center;display:flex}.trim-time-label{color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:36px}.trim-time-label:last-child{text-align:right}.trim-duration-indicator{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--primary-color);font-weight:600;display:inline-flex}.trim-duration-indicator svg{opacity:.7}.trim-warning{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-1);display:none}.trim-actions{gap:var(--space-2);margin-top:14px;display:flex}.clone-trim-btn{font-size:var(--text-sm);padding:7px var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);cursor:pointer;align-items:center;gap:var(--space-1);font-weight:500;transition:all .2s;display:inline-flex}.clone-trim-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.clone-trim-btn:active{transform:scale(.97)}.clone-trim-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.trim-preview-btn.playing{border-color:var(--primary-color);color:var(--primary-color);background:rgb(from var(--primary-color) r g b / 8%)}.trim-apply-btn{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-inverse)}.trim-apply-btn:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--text-inverse);box-shadow:0 2px 8px rgb(from var(--primary-color) r g b / 30%)}.trim-apply-btn:disabled{background:var(--primary-color);color:var(--text-inverse)}.clone-tip-inline{gap:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);align-items:flex-start;margin-top:14px;line-height:1.5;display:flex}.clone-tip-inline svg{color:var(--text-tertiary);flex-shrink:0;margin-top:1px}.clone-config-phase{overflow:visible}.clone-field{margin-bottom:var(--space-5)}.clone-field:last-child{margin-bottom:0}.clone-field-label{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600;display:block}.clone-field-hint{font-size:var(--text-xs);color:var(--text-muted,var(--text-tertiary));margin:5px 0 0}.required-mark{color:var(--color-error);margin-left:2px}.clone-input{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-color);outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.clone-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgb(from var(--primary-color) r g b / 10%)}.preview-box-container{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3);background:var(--bg-color);transition:border-color .2s,box-shadow .2s}.preview-box-container:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 2px rgb(from var(--primary-color) r g b / 8%)}.preview-language-tag{margin-bottom:var(--space-2);background:0 0;border:none;align-items:center;padding:0;display:inline-flex}.clone-lang-select{border:1px solid var(--border-color);background:var(--purple-100);color:var(--primary-color);border-radius:var(--radius-lg);font-size:var(--text-xs);cursor:pointer;appearance:none;outline:none;padding:3px 22px 3px 10px;font-weight:500}.lang-select-arrow{pointer-events:none;color:var(--primary-color);margin-left:-18px}.preview-textarea-large{resize:none;width:100%;min-height:70px;font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-2);background:0 0;border:none;outline:none;font-family:inherit;line-height:1.6}.preview-footer{font-size:var(--text-xs);color:var(--text-secondary);border-top:1px solid var(--border-color);padding-top:var(--space-2);justify-content:space-between;align-items:center;display:flex}#clonePalettePicker{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}#clonePalettePicker button{aspect-ratio:1;cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;border:2.5px solid #0000;border-radius:50%;flex-shrink:0;width:34px;height:34px;padding:0;transition:border-color .15s,transform .15s,box-shadow .15s;overflow:hidden}#clonePalettePicker button:hover{transform:scale(1.1);box-shadow:0 2px 8px #0000001f}#clonePalettePicker button.selected{border-color:var(--primary-color);box-shadow:0 2px 10px rgb(from var(--primary-color) r g b / 30%);transform:scale(1.15)}.palette-tooltip{background:var(--bg-card,var(--white));border:1px solid var(--border-color,var(--border-default));border-radius:var(--radius-md,8px);padding:var(--space-2) var(--space-3);pointer-events:none;opacity:0;z-index:var(--z-tooltip);box-shadow:var(--shadow-md,0 4px 12px #0000001a);white-space:nowrap;flex-direction:column;gap:2px;transition:opacity .15s;display:flex;position:fixed;transform:translate(-50%,-100%)}.palette-tooltip.visible{opacity:1}.palette-tooltip-name{color:var(--text-primary,var(--text-primary));font-size:13px;font-weight:600;line-height:1.4}.palette-tooltip-desc{color:var(--text-secondary,var(--text-secondary));font-size:11px;line-height:1.4}.palette-tooltip:after{content:"";background:var(--bg-card,var(--white));border-right:1px solid var(--border-color,var(--border-default));border-bottom:1px solid var(--border-color,var(--border-default));width:8px;height:8px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.confirmation-section{margin-bottom:var(--space-5)}.checkbox-container{align-items:flex-start;gap:var(--space-2);cursor:pointer;font-size:var(--text-xs);color:var(--text-secondary);-webkit-user-select:none;user-select:none;line-height:1.5;display:flex}.checkbox-container input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-shrink:0;width:16px;height:16px;margin-top:2px;position:relative}.checkbox-container:hover input~.checkmark{border-color:var(--primary-color)}.checkbox-container input:checked~.checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}.checkmark:after{content:"";display:none;position:absolute}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{border:solid var(--text-inverse);border-width:0 2px 2px 0;width:4px;height:9px;top:1px;left:5px;transform:rotate(45deg)}.checkbox-text a{color:var(--text-secondary);text-decoration:underline}.clone-generate-section{padding:var(--space-5) var(--space-6)}.clone-bottom-bar{justify-content:space-between;align-items:center;display:flex}.clone-bottom-left{align-items:center;gap:var(--space-4);display:flex}.voice-slots-info{font-size:var(--text-sm);color:var(--text-secondary)}.voice-slots-warning{color:var(--color-warning,var(--color-warning));font-weight:var(--font-semibold)}.voice-slots-over-limit{color:var(--color-error,var(--color-error));font-weight:var(--font-semibold)}.clone-generate-btn{padding:var(--space-3) var(--space-7);font-size:var(--text-sm)}.loading-indicator{align-items:center;gap:var(--space-3);background:var(--panel-bg);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-3);padding:14px;display:flex}.spinner{border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;flex-shrink:0;width:32px;height:32px;animation:.8s linear infinite spin}.cloned-voices-panel{position:sticky;top:24px}.cloned-voices-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.cloned-voices-header h3{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.voice-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-2);align-items:center;gap:var(--space-3);transition:all var(--transition-main);padding:14px;display:flex}.voice-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000000f}.voice-item-avatar{background-size:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.voice-item-info{flex:1;min-width:0}.voice-item-name{font-weight:600;font-size:var(--text-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;overflow:hidden}.voice-item-id{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:var(--text-2xs);color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.voice-item-meta{font-size:var(--text-2xs);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.voice-item-actions{gap:var(--space-1);flex-shrink:0;display:flex}.voice-item-actions .btn-icon{gap:3px;width:auto;height:28px;padding:0 8px 0 6px}.voice-item-actions .btn-label{white-space:nowrap;font-size:11px;font-weight:500;line-height:1}.audition-panel{margin-top:var(--space-4);padding:var(--space-4);background:var(--panel-bg);border-radius:var(--radius-md);border:1px solid var(--border-color)}.audition-panel-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.audition-panel-header h4{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:0;font-weight:600}.audition-voice-id-badge{font-size:var(--text-xs);color:var(--text-tertiary);background:var(--input-bg,var(--card-bg));border:1px solid var(--border-color);border-radius:var(--radius-sm);text-overflow:ellipsis;white-space:nowrap;max-width:160px;padding:2px 6px;overflow:hidden}.audition-textarea{width:100%;padding:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);resize:vertical;outline:none;min-height:70px;font-family:inherit;line-height:1.5;transition:border-color .2s}.audition-textarea:focus{border-color:var(--primary-color)}.audition-btn{width:100%;margin-top:var(--space-2);justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);display:flex}.empty-state{text-align:center;padding:var(--space-10) var(--space-4);color:var(--text-secondary)}.empty-state svg{opacity:.2;margin-bottom:var(--space-3)}.empty-state p{font-size:var(--text-sm)}.toggle-switch{width:36px;height:20px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--border-strong);border-radius:var(--radius-2xl);transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:var(--bg-surface);border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:2px;left:2px;box-shadow:0 1px 2px #0000001a}input:checked+.toggle-slider{background-color:var(--primary-color)}input:focus+.toggle-slider{box-shadow:0 0 1px var(--primary-color)}input:checked+.toggle-slider:before{transform:translate(16px)}.info-box{background:rgb(from var(--color-info) r g b / 10%);border-left:4px solid var(--color-info);padding:var(--space-4);border-radius:var(--radius-md);align-items:flex-start;gap:var(--space-3);color:var(--color-info);font-size:var(--text-sm);margin-top:var(--space-5);display:flex}.info-box.warning{background:rgb(from var(--color-warning) r g b / 10%);border-left-color:var(--color-warning);color:var(--color-warning)}.form-group{margin-bottom:var(--space-3)}#cloneName:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgb(from var(--primary-color) r g b / 10%)}.nav-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;filter:grayscale()}.message-box{padding:var(--space-3);border-radius:var(--radius-md);margin-top:var(--space-3);font-size:var(--text-sm);display:none}.message-box.active{display:block}.message-box.success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.message-box.error{background:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-error)}.message-box.info{background:rgb(from var(--color-info) r g b / 10%);color:var(--color-info);border:1px solid var(--color-info)}.preview-input-wrapper input:focus,.library-filter-bar input:focus{box-shadow:0 0 0 2px rgb(from var(--primary-color) r g b / 10%);border-color:var(--primary-color)!important}@media (width<=1100px){.clone-layout{grid-template-columns:1fr}.clone-form-panel{max-width:none}.cloned-voices-panel{position:static}}@media (width<=480px){.clone-section-card{border-radius:var(--radius-lg);padding:18px}.clone-header h2{font-size:var(--text-lg)}.import-options-container{align-items:stretch;gap:var(--space-3);flex-direction:column}.import-separator{display:none}.import-card{padding:var(--space-7) var(--space-4);min-height:150px}.clone-bottom-bar{gap:var(--space-3);flex-direction:column;align-items:flex-start}.voice-item{padding:var(--space-3)}}.voice-isolator-container{max-width:720px;margin:0 auto;display:none}.voice-isolator-container.active{z-index:var(--z-dropdown);display:block;position:relative}.isolator-header{margin-bottom:var(--space-8)}.isolator-header h2{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:700}.isolator-header p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.isolator-drop-zone{border:2px dashed var(--border-color);border-radius:var(--radius-xl);padding:56px var(--space-6);background-color:var(--bg-color);transition:all var(--transition-main);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.isolator-drop-zone:hover,.isolator-drop-zone.drag-over{border-color:var(--primary-color);background-color:#5851b808}.isolator-drop-zone.drag-over{border-style:solid;box-shadow:0 0 0 4px #5851b814}.isolator-drop-icon{background:linear-gradient(135deg, var(--purple-50) 0%, var(--purple-100) 100%);width:56px;height:56px;margin-bottom:var(--space-4);color:var(--primary-color);border-radius:14px;justify-content:center;align-items:center;display:flex}.isolator-drop-icon svg{width:28px;height:28px}.isolator-drop-title{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:500}.isolator-drop-hint{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-5)}.isolator-drop-actions{gap:var(--space-3);display:flex}.isolator-drop-actions .btn-upload,.isolator-drop-actions .btn-record{border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;align-items:center;gap:var(--space-2);transition:all var(--transition-main);padding:9px 20px;font-weight:500;display:flex}.isolator-drop-actions .btn-upload{background:var(--primary-color);color:var(--white);border:none;box-shadow:0 2px 8px #5851b840}.isolator-drop-actions .btn-upload:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #5851b859}.isolator-drop-actions .btn-record{background:var(--bg-color);color:var(--text-primary);border:1px solid var(--border-color)}.isolator-drop-actions .btn-record:hover{background:var(--panel-bg);border-color:var(--text-tertiary)}.isolator-drop-actions .btn-record.recording{background:var(--color-error-bg);color:var(--color-error);border-color:var(--border-error);animation:1.5s ease-in-out infinite recording-pulse}@keyframes recording-pulse{0%,to{box-shadow:0 0 #ef444433}50%{box-shadow:0 0 0 8px #ef444400}}.recording-timer{font-variant-numeric:tabular-nums;color:var(--color-error);font-weight:600;font-size:var(--text-sm)}.isolator-file-card{background:var(--card-bg);border:1px solid var(--border-color);padding:var(--space-5);margin-top:var(--space-5);border-radius:14px;animation:.3s fadeSlideIn}.isolator-file-header{margin-bottom:var(--space-4);align-items:center;gap:14px;display:flex}.isolator-file-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--purple-50) 0%, var(--purple-100) 100%);width:44px;height:44px;color:var(--primary-color);flex-shrink:0;justify-content:center;align-items:center;display:flex}.isolator-file-info{flex:1;min-width:0}.isolator-file-name{font-weight:600;font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.isolator-file-meta{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.isolator-file-remove{color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-main);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.isolator-file-remove:hover{background:var(--panel-bg);color:var(--text-secondary)}.isolator-preview-btn{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);align-items:center;gap:var(--space-1);transition:all var(--transition-main);padding:7px 14px;font-weight:500;display:inline-flex}.isolator-preview-btn:hover{background:var(--bg-color);border-color:var(--text-tertiary);color:var(--text-primary)}.isolator-actions-grid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.isolator-action-btn{border-radius:var(--radius-lg);cursor:pointer;font-weight:600;font-size:var(--text-sm);justify-content:center;align-items:center;gap:var(--space-2);transition:all var(--transition-main);border:none;padding:14px 20px;display:flex;position:relative;overflow:hidden}.isolator-action-btn:before{content:"";opacity:0;background:#ffffff1a;transition:opacity .3s;position:absolute;inset:0}.isolator-action-btn:hover:before{opacity:1}.isolator-action-btn:hover{transform:translateY(-1px)}.isolator-action-btn:active{transform:translateY(0)}.isolator-action-btn.btn-denoise{background:linear-gradient(135deg, var(--primary-color) 0%, var(--brand-purple) 100%);color:var(--white);box-shadow:0 4px 14px #5851b84d}.isolator-action-btn.btn-denoise:hover{box-shadow:0 6px 20px #5851b866}.isolator-action-btn.btn-diarize{background:linear-gradient(135deg, var(--primary-hover) 0%, #a78bfa 100%);color:var(--white);box-shadow:0 4px 14px #5851b84d}.isolator-action-btn.btn-diarize:hover{box-shadow:0 6px 20px #5851b866}.isolator-action-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.isolator-action-btn svg{width:18px;height:18px}.isolator-quota-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-2);text-align:center}.isolator-processing{margin-top:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);text-align:center;background:linear-gradient(135deg,#fef9c3 0%,#fef3c7 100%);border:1px solid #fde68a;animation:.3s fadeSlideIn;display:none}.isolator-processing.active{display:block}.isolator-processing-spinner{margin-bottom:var(--space-2);color:#92400e;justify-content:center;display:flex}.isolator-processing-spinner svg{animation:1s linear infinite spin}.isolator-processing-title{font-weight:600;font-size:var(--text-sm);color:#92400e;margin-bottom:var(--space-1)}.isolator-processing-desc{font-size:var(--text-sm);color:#a16207}.isolator-output{margin-top:var(--space-4);padding:18px var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:1px solid #6ee7b7;animation:.3s fadeSlideIn;display:none}.isolator-output.active{display:block}.isolator-output-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.isolator-output-info{align-items:center;gap:var(--space-3);display:flex}.isolator-output-check{color:#10b981;flex-shrink:0}.isolator-output-text h4{font-size:var(--text-sm);color:#065f46;margin-bottom:2px;font-weight:600}.isolator-output-text p{font-size:var(--text-xs);color:#047857}.isolator-output-actions{gap:var(--space-2);flex-shrink:0;display:flex}.isolator-output-actions button{border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);align-items:center;gap:var(--space-1);transition:all var(--transition-main);padding:7px 14px;font-weight:500;display:flex}.isolator-btn-play-output{background:var(--white);color:#047857;border:1px solid #10b981}.isolator-btn-play-output:hover{background:#ecfdf5}.isolator-btn-download{color:var(--white);background:#10b981;border:none;font-weight:600}.isolator-btn-download:hover{background:#059669;transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.isolator-diarization{margin-top:var(--space-4);padding:var(--space-5);background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;animation:.3s fadeSlideIn;display:none}.isolator-diarization.active{display:block}.isolator-diarization-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.isolator-diarization-icon{color:var(--primary-hover)}.isolator-diarization-header h4{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.isolator-diarization-header p{font-size:var(--text-xs);color:var(--text-secondary)}.isolator-speaker-legend{gap:var(--space-4);border-bottom:1px solid var(--border-color);flex-wrap:wrap;margin-bottom:14px;padding-bottom:14px;display:flex}.isolator-speaker-badge{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.isolator-speaker-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.isolator-segments{gap:var(--space-1);max-height:320px;padding-right:var(--space-1);flex-direction:column;display:flex;overflow-y:auto}.isolator-segments::-webkit-scrollbar{width:4px}.isolator-segments::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.isolator-segment{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--panel-bg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-main);border-left:3px solid #0000;display:flex}.isolator-segment:hover{background:#5851b80a}.isolator-segment-time{min-width:72px;font-size:var(--text-xs);color:var(--text-tertiary);align-items:center;gap:var(--space-1);font-variant-numeric:tabular-nums;display:flex}.isolator-segment-speaker{font-weight:500;font-size:var(--text-sm);flex:1}.isolator-segment-duration{font-size:var(--text-xs);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.isolator-segment-play{padding:var(--space-1) var(--space-2);color:var(--white);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-xs);align-items:center;gap:var(--space-1);transition:all var(--transition-main);opacity:.85;border:none;display:flex}.isolator-segment-play:hover{opacity:1;transform:scale(1.05)}.isolator-showcase{margin-bottom:var(--space-8)}.isolator-showcase-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--text-tertiary);margin:0 0 var(--space-3);font-weight:600}.compare-demo-card{border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);background:var(--bg-color)}.compare-demo-card+.compare-demo-card{margin-top:var(--space-3)}.compare-demo-meta{margin-bottom:var(--space-4)}.compare-demo-title{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:600}.compare-demo-desc{font-size:var(--text-xs);color:var(--text-tertiary)}.compare-controls{align-items:center;gap:var(--space-4);display:flex}.compare-tabs{background:var(--bg-hover);border-radius:var(--radius-full);flex-shrink:0;gap:2px;padding:2px;display:inline-flex}.compare-tab{padding:4px var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;font-weight:500}.compare-tab.active{background:var(--bg-color);color:var(--text-primary);box-shadow:var(--shadow-sm)}.compare-tab:focus-visible{box-shadow:var(--shadow-focus);outline:none}.compare-playback{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.compare-play-btn{border-radius:var(--radius-full);background:var(--primary-color);width:32px;height:32px;color:var(--text-on-primary);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.compare-play-btn:hover{background:var(--primary-hover);transform:scale(1.06)}.compare-play-btn:active{transform:scale(.95)}.compare-play-btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.compare-progress-track{background:var(--border-color);border-radius:var(--radius-full);cursor:pointer;flex:1;height:4px;position:relative;overflow:visible}.compare-progress-fill{border-radius:var(--radius-full);background:var(--primary-color);pointer-events:none;width:0%;height:100%;transition:width .1s linear;position:absolute;top:0;left:0}.compare-progress-thumb{border-radius:var(--radius-full);background:var(--primary-color);pointer-events:none;opacity:0;width:12px;height:12px;transition:opacity var(--transition-fast), left .1s linear;position:absolute;top:50%;left:0%;transform:translate(-50%,-50%)}.compare-progress-track:hover .compare-progress-thumb{opacity:1}.compare-time{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;min-width:28px}.isolator-showcase-cta{margin:var(--space-3) 0 0;text-align:center}.isolator-showcase-cta-link{font-size:var(--text-xs);color:var(--primary-color);cursor:pointer;text-decoration:none}.isolator-showcase-cta-link:hover{text-decoration:underline}body.dark .compare-tab.active{background:var(--gray-800)}body.dark .compare-demo-card{background:var(--bg-surface,var(--gray-900))}@media (width<=480px){.compare-controls{flex-wrap:wrap}.compare-playback{width:100%}.isolator-actions-grid{grid-template-columns:1fr}.isolator-output-row{flex-direction:column;align-items:flex-start}.isolator-output-actions{width:100%}.isolator-output-actions button{flex:1;justify-content:center}}