@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}:root{--primary:#4361ee;--primary-light:#4895ef;--secondary:#3f37c9;--success:#4cc9f0;--danger:#f72585;--warning:#f8961e;--light:#f8f9fa;--dark:#212529;--gray:#6c757d;--light-gray:#e9ecef;--border:#dee2e6;--shadow:0 4px 20px rgba(0, 0, 0, 0.08)}.preview-section{min-width:300px;display:flex;flex-direction:column;margin-bottom:30px}.settings-section{min-width:300px}.section-title{display:flex;align-items:center;gap:12px;font-size:1.6rem;font-weight:600;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid var(--light-gray);color:var(--dark)}.option.active i,.section-title i{color:var(--primary)}.preview-container{background:var(--light);border-radius:12px;height:350px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;overflow:hidden;position:relative;border:1px dashed var(--border);transition:all .3s ease}.preview-container.active{border-color:var(--primary)}#previewVideo{width:100%;height:100%;background:var(--light);object-fit:contain;display:none}.preview-placeholder{text-align:center;color:var(--gray);padding:30px;max-width:80%}.preview-placeholder i,.recording-placeholder i{font-size:3.5rem;margin-bottom:20px;color:var(--light-gray)}.preview-placeholder h3{font-size:1.5rem;margin-bottom:15px;color:var(--dark)}.preview-placeholder p{margin-top:10px;font-size:1.2rem;line-height:1.6}.recording-placeholder{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center}.recording-placeholder i{color:var(--danger);animation:pulse 1.5s infinite}.controls{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.ax-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.ax-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.12)}.ax-btn i{font-size:1.4rem;margin-right:5px}.timer{text-align:center;font-size:1.8rem;font-weight:700;margin:20px 0;padding:12px}.status{padding:8px 18px;border-radius:6px;margin-top:20px;font-size:1.2rem;display:flex;align-items:flex-start;gap:12px;background:rgb(37 111 247/8%);border:1px solid rgb(37 92 247/20%)}.status i{font-size:1.6rem;margin-top:8px}.status.recording{background:rgba(247,37,133,.08);border:1px solid rgba(247,37,133,.2)}.status.ready{background:rgba(76,201,240,.08);border:1px solid rgba(76,201,240,.2)}.status.converting{background:rgba(248,150,30,.08);border:1px solid rgba(248,150,30,.2)}.setting-group{margin-bottom:30px;max-width:96%}.setting-title{font-size:1.4rem;margin-bottom:18px;display:flex;align-items:center;gap:5px;color:var(--dark);font-weight:600}.setting-title i{color:var(--primary);width:24px;text-align:center}.options{display:flex;flex-wrap:wrap;gap:5px}.option{flex:1;min-width:100px;background:var(--light);border-radius:10px;padding:14px 10px;cursor:pointer;transition:all .2s ease;text-align:center;border:1px solid var(--border)}.option:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--primary-light)}.option.active{background:rgba(67,97,238,.1);border:1px solid var(--primary);color:var(--primary)}.option i{font-size:1.8rem;color:var(--primary)}.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(--dark)}.slider{width:100%;height:8px;border-radius:4px;background:var(--light-gray);outline:0;-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 0 10px rgba(67,97,238,.3)}.download-section{display:grid;margin-top:30px}.download-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(67,97,238,.2);background:var(--primary-light)}.download-btn.secondary{background:#fff;color:var(--dark);border:1px solid var(--border)}.download-btn.secondary:hover,.video-info span{background:var(--light)}.browser-support{background:#fff;border-radius:16px;padding:25px;margin-top:30px;box-shadow:var(--shadow)}.browser-icons,.video-info{display:flex;color:var(--gray)}.browser-icons{justify-content:center;gap:30px;margin-top:20px;font-size:2.5rem}.video-info{justify-content:space-between;margin-top:15px;font-size:.95rem;display:none}.video-info span{padding:8px 15px;border-radius:50px;font-weight:500}.conversion-progress{width:100%;height:8px;background:var(--light-gray);border-radius:4px;margin-top:15px;overflow:hidden;display:none}.conversion-bar{height:100%;width:0%;background:var(--warning);border-radius:4px;transition:width .3s ease}.rec-indicator{position:absolute;top:20px;right:20px;background:var(--danger);width:14px;height:14px;border-radius:50%;display:none;box-shadow:0 0 10px rgba(247,37,133,.5);animation:blink 1s infinite}.progress-container{width:100%;height:6px;background:var(--light-gray);border-radius:3px;margin:20px 0;overflow:hidden;display:none}.progress-bar{height:100%;width:0%;background:var(--primary);border-radius:3px;transition:width .3s ease}