.recorder-workstation{box-sizing:border-box!important;grid-template-columns:320px minmax(0,1fr)!important;align-items:stretch!important;gap:12px!important;width:100%!important;max-width:1200px!important;height:calc(100vh - 140px)!important;margin:15px auto 0!important;padding:0 20px!important;display:grid!important}.recorder-workstation *{box-sizing:border-box!important}.recorder-card{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#0a0a0f73!important;border:1px solid #ffffff14!important;border-radius:16px!important;flex-direction:column!important;height:100%!important;display:flex!important;position:relative!important;overflow:hidden!important}.recorder-card-header{align-items:center;background:#ffffff05!important;border-bottom:1px solid #ffffff0d!important;justify-content:space-between!important;min-height:48px!important;padding:12px 16px!important;display:flex!important}.recorder-card-title{color:var(--accent-primary,#10b981)!important;text-transform:uppercase!important;letter-spacing:1.5px!important;align-items:center!important;gap:8px!important;font-size:10px!important;font-weight:800!important;display:flex!important}.recorder-card-body{flex-direction:column!important;flex:1!important;gap:16px!important;padding:16px!important;display:flex!important;overflow-y:auto!important}.settings-group{border-bottom:1px solid #ffffff0a!important;flex-direction:column!important;gap:8px!important;padding-bottom:16px!important;display:flex!important}.settings-group:last-child{border-bottom:none!important;padding-bottom:0!important}.settings-label{color:#ffffff80!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-size:11px!important;font-weight:700!important}.settings-select{color:#fff!important;cursor:pointer!important;background:#ffffff0a!important;border:1px solid #ffffff1a!important;border-radius:8px!important;outline:none!important;width:100%!important;padding:8px 12px!important;font-size:12px!important;font-weight:600!important;transition:all .2s!important}.settings-select:hover{border-color:var(--accent-primary,#10b981)!important;background:#ffffff14!important}.settings-checkbox-row{cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;background:#ffffff05!important;border:1px solid #ffffff0a!important;border-radius:8px!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;transition:all .2s!important;display:flex!important}.settings-checkbox-row:hover{background:#ffffff0d!important}.settings-checkbox-row input[type=checkbox]{appearance:none!important;cursor:pointer!important;background:#ffffff0d!important;border:1px solid #fff3!important;border-radius:4px!important;width:16px!important;height:16px!important;transition:all .2s!important;position:relative!important}.settings-checkbox-row input:checked{background:var(--accent-primary,#10b981)!important;border-color:var(--accent-primary,#10b981)!important}.settings-checkbox-row input:checked:after{content:"✓"!important;color:#000!important;font-size:11px!important;font-weight:900!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.settings-checkbox-row span{color:#ffffffb3!important;font-size:12px!important;font-weight:600!important}.record-action-btn{text-align:center!important;letter-spacing:.5px!important;cursor:pointer!important;text-transform:uppercase!important;border:1px solid #0000!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;padding:12px!important;font-size:13px!important;font-weight:800!important;transition:all .3s cubic-bezier(.2,.8,.2,1)!important;display:flex!important}.record-action-btn.start{color:var(--accent-primary,#10b981)!important;background:#10b9811a!important;border-color:#10b98140!important}.record-action-btn.start:hover{background:var(--accent-primary,#10b981)!important;color:#000!important;transform:translateY(-1px)!important;box-shadow:0 4px 15px #10b98133!important}.record-action-btn.recording{color:#f43f5e!important;background:#f43f5e1a!important;border-color:#f43f5e40!important;animation:2s infinite borderGlow!important}.record-action-btn.recording:hover{color:#fff!important;background:#f43f5e!important;transform:translateY(-1px)!important;box-shadow:0 4px 15px #f43f5e4d!important}.controls-row{grid-template-columns:1fr 1fr!important;gap:8px!important;display:grid!important}.btn-secondary{color:#fffc!important;cursor:pointer!important;text-align:center!important;text-transform:uppercase!important;letter-spacing:.5px!important;background:#ffffff08!important;border:1px solid #ffffff14!important;border-radius:10px!important;padding:10px!important;font-size:11px!important;font-weight:700!important;transition:all .2s!important}.btn-secondary:hover{background:#ffffff14!important;border-color:#fff3!important;transform:translateY(-1px)!important}.recorder-preview-panel{background:#060608!important;border:1px solid #ffffff0f!important;border-radius:16px!important;flex-direction:column!important;height:100%!important;display:flex!important;position:relative!important;overflow:hidden!important}.preview-stage{flex:1!important;justify-content:center!important;align-items:center!important;padding:20px!important;display:flex!important;position:relative!important}.preview-media-wrapper{background:#0000004d!important;border:1px dashed #ffffff1a!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;max-height:500px!important;display:flex!important;position:relative!important;overflow:hidden!important}.preview-video{object-fit:contain!important;width:100%!important;height:100%!important}.preview-canvas-hidden{display:none!important}.recording-indicator{z-index:10!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#000000b3!important;border:1px solid #f43f5e4d!important;border-radius:20px!important;align-items:center!important;gap:8px!important;padding:6px 12px!important;animation:2s infinite pulseBg!important;display:flex!important;position:absolute!important;top:16px!important;right:16px!important}.recording-dot{background-color:#f43f5e!important;border-radius:50%!important;width:8px!important;height:8px!important;animation:1s infinite alternate blink!important}.recording-text{color:#f43f5e!important;text-transform:uppercase!important;letter-spacing:1px!important;font-size:10px!important;font-weight:800!important}.recording-time{color:#fff!important;font-family:monospace!important;font-size:11px!important;font-weight:800!important}.empty-recorder-prompt{text-align:center!important;color:#fff6!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:16px!important;padding:40px!important;display:flex!important}.empty-recorder-icon{color:var(--accent-primary,#10b981)!important;opacity:.8!important;animation:3s ease-in-out infinite pulseGlow!important}.empty-recorder-prompt h3{color:#fff!important;margin:0!important;font-size:16px!important;font-weight:700!important}.empty-recorder-prompt p{max-width:320px!important;margin:0!important;font-size:13px!important;line-height:1.5!important}.download-workspace{background:#10b98108!important;border:1px solid #10b98126!important;border-radius:12px!important;flex-direction:column!important;gap:12px!important;padding:16px!important;animation:.3s ease-out slideUp!important;display:flex!important}.download-title{color:var(--accent-primary,#10b981)!important;text-transform:uppercase!important;letter-spacing:1px!important;font-size:11px!important;font-weight:800!important}.download-btn{cursor:pointer!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;gap:10px!important;padding:12px!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important;transition:all .2s!important;display:flex!important}.download-btn.webm{color:#fff!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important}.download-btn.webm:hover{background:#ffffff1a!important;border-color:#ffffff4d!important;transform:translateY(-1px)!important}.download-btn.mp4{background:var(--accent-primary,#10b981)!important;color:#000!important;border:none!important}.download-btn.mp4:hover:not(:disabled){background:var(--accent-secondary,#06b6d4)!important;transform:translateY(-1px)!important;box-shadow:0 4px 15px #06b6d433!important}.download-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.transcode-overlay-text{color:var(--accent-primary,#10b981)!important;justify-content:center!important;align-items:center!important;gap:8px!important;font-size:11px!important;font-weight:700!important;display:flex!important}.spinner-icon{animation:1s linear infinite spin!important}@keyframes blink{0%{opacity:.3}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseBg{0%{box-shadow:0 0 #f43f5e33}70%{box-shadow:0 0 0 6px #f43f5e00}to{box-shadow:0 0 #f43f5e00}}@keyframes borderGlow{0%{border-color:#f43f5e40}50%{border-color:#f43f5eb3}to{border-color:#f43f5e40}}@keyframes pulseGlow{0%{filter:drop-shadow(0 0 #10b98100);transform:scale(1)}50%{filter:drop-shadow(0 0 8px #10b9814d);transform:scale(1.05)}to{filter:drop-shadow(0 0 #10b98100);transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.recorder-workstation{grid-template-columns:1fr!important;height:auto!important;overflow-y:visible!important}.recorder-card{height:auto!important}}