.content-wrapper{display:flex;gap:30px;flex-wrap:wrap;padding:0 0 30px 0}.preview-section{flex:1.2;min-width:300px;background:var(--white-bg);border-radius:var(--border-radius-xl);display:flex;flex-direction:column}.tool-section-title{display:flex;align-items:center;gap:12px;font-size:1.2rem;font-weight:600;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid var(--border-color-extra-light);color:var(--text-color-dark)}.tool-section-title i{color:var(--primary-color)}.settings-section{flex:0.8;min-width:300px;display:flex;flex-direction:column;padding:0 30px}.preview-container{background:var(--primary-color-bg-light);border-radius:var(--border-radius-lg);height:350px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;overflow:hidden;position:relative;border:1px dashed var(--border-color-light);transition:var(--transition-fast)}.preview-container.active{border-color:var(--primary-color)}#previewVideo{width:100%;height:100%;background:var(--primary-color-bg-light);object-fit:contain;display:none}.preview-placeholder{text-align:center;color:var(--text-color-light);padding:30px;max-width:80%}.preview-placeholder i{font-size:3.5rem;margin-bottom:20px;color:var(--text-color-extra-light)}.preview-placeholder h3{font-size:1.5rem;margin-bottom:15px;color:var(--text-color-dark)}.preview-placeholder p{margin-top:10px;font-size:1rem;line-height:1.6}.recording-placeholder{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center}.recording-placeholder i{font-size:3.5rem;color:#ff4757;margin-bottom:20px;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.rec-indicator{position:absolute;top:20px;right:20px;background:#ff4757;width:14px;height:14px;border-radius:var(--border-radius-circle);display:none;box-shadow:0 0 10px rgba(247,37,133,0.5);animation:blink 1s infinite}@keyframes blink{0%{opacity:1}50%{opacity:0.3}100%{opacity:1}}.controls{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.timer{text-align:center;font-size:1.8rem;font-weight:bold;margin:20px 0;font-family:monospace;background:var(--primary-color-bg-light);padding:12px;border-radius:var(--border-radius-md);display:none;color:var(--text-color-dark)}.setting-group{margin-bottom:30px}.setting-title{font-size:1rem;margin-bottom:18px;display:flex;align-items:center;gap:10px;color:var(--text-color-dark);font-weight:600}.setting-title i{color:var(--primary-color);width:24px;text-align:center}.options{display:flex;flex-wrap:wrap;gap:15px}.option{flex:1;min-width:100px;background:var(--primary-color-bg-light);border-radius:var(--border-radius-md);padding:18px 10px;cursor:pointer;transition:var(--transition-fast);text-align:center;border:1px solid var(--border-color-light)}.option:hover{transform:translateY(-3px);box-shadow:0 4px 15px var(--shadow-color-primary-15);border-color:var(--primary-color-light)}.option.active{background:rgba(74,108,247,0.1);border:1px solid var(--primary-color);color:var(--primary-color)}.option i{font-size:1.8rem;margin-bottom:12px;color:var(--primary-color)}.option p{font-weight:500}.slider-container{margin:25px 0 15px}.slider-label{display:flex;justify-content:space-between;margin-bottom:10px;font-weight:500;color:var(--text-color-dark)}.slider{width:100%;height:8px;border-radius:var(--border-radius-sm);background:var(--border-color-extra-light);outline:none;-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:var(--border-radius-circle);background:var(--primary-color);cursor:pointer;box-shadow:0 0 10px var(--shadow-color-primary-30)}.download-section{display:flex;justify-content:center;gap:15px}.video-info{display:flex;justify-content:space-between;margin-top:15px;font-size:0.95rem;color:var(--text-color-light);display:none}.video-info span{background:var(--primary-color-bg-light);padding:8px 15px;border-radius:50px;font-weight:500}.conversion-progress{width:100%;height:8px;background:var(--border-color-extra-light);border-radius:var(--border-radius-sm);margin-top:15px;overflow:hidden;display:none}.conversion-bar{height:100%;width:0%;background:#ffa502;border-radius:var(--border-radius-sm);transition:width var(--transition-fast)}.progress-container{width:100%;height:6px;background:var(--border-color-extra-light);border-radius:var(--border-radius-sm);margin:20px 0;overflow:hidden;display:none}.progress-bar{height:100%;width:0%;background:var(--primary-color);border-radius:var(--border-radius-sm);transition:width var(--transition-fast)}@media (max-width:900px){.tools-content-container > .content-wrapper{flex-direction:column;gap:20px}.preview-section,.settings-section{width:100%}.download-section{flex-direction:column}}@media (max-width:600px){.btn{padding:12px 20px;font-size:1rem;flex:1}.options{flex-direction:column}.option{min-width:100%}.preview-container{height:280px}}