.mndl-frontend-recorder{max-width:600px;margin:0 auto;padding:30px;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.mndl-frontend-recorder h3{margin:0 0 20px 0;font-size:20px;color:#1e1e1e}.mndl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.2s ease;text-decoration:none}.mndl-btn:disabled{opacity:.5;cursor:not-allowed}.mndl-btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.mndl-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.mndl-btn-secondary{background:#f0f0f0;color:#333}.mndl-btn-secondary:hover:not(:disabled){background:#e0e0e0}.mndl-btn-link{background:transparent;color:#667eea;padding:8px 16px}.mndl-btn-link:hover{text-decoration:underline}.mndl-btn-large{padding:16px 32px;font-size:16px;width:100%}.mndl-icon{width:20px;height:20px;display:inline-block}.mndl-icon-mic::before{content:"🎤"}.mndl-icon-stop::before{content:"⏹️"}.mndl-icon-ai::before{content:"✨"}.mndl-icon-check::before{content:"✅"}.mndl-icon-error::before{content:"❌"}.mndl-recorder-section{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #eee}.mndl-recorder-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mndl-recording-timer{font-family:monospace;font-size:20px;font-weight:700;color:#1e1e1e;padding:8px 16px;background:#f5f5f5;border-radius:8px;min-width:70px;text-align:center}.mndl-recording-indicator{width:12px;height:12px;border-radius:50%;background:transparent}.mndl-recording-indicator.active{background:#dc3545;animation:blink 1s infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}.mndl-audio-preview{margin-top:20px;padding:20px;background:#f9f9f9;border-radius:8px}.mndl-audio-player{width:100%;margin-bottom:10px}.mndl-prompt-section{margin-bottom:25px}.mndl-prompt-section label{display:block;font-weight:600;margin-bottom:8px;color:#333}.mndl-custom-prompt{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;resize:vertical;transition:border-color 0.2s}.mndl-custom-prompt:focus{outline:none;border-color:#667eea}.mndl-category-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.mndl-category-section label{display:block;font-weight:600;margin-bottom:8px;color:#333}.mndl-category-select{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:border-color 0.2s}.mndl-category-select:focus{outline:none;border-color:#667eea}.mndl-featured-image-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.mndl-featured-image-section label{display:block;font-weight:600;margin-bottom:8px;color:#333}.mndl-featured-image-preview{display:flex;align-items:center;gap:15px;margin-bottom:10px;padding:10px;background:#f9f9f9;border-radius:8px}.mndl-featured-image-thumb{width:80px;height:80px;object-fit:cover;border-radius:6px;border:2px solid #e0e0e0}.mndl-select-featured-image{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;padding:0}.mndl-select-featured-image .dashicons{font-size:24px;width:24px;height:24px}.mndl-actions-section{margin-bottom:25px}.mndl-processing-status{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:linear-gradient(135deg,#f0f4ff 0%,#f5f0ff 100%);border-radius:8px;margin-top:15px}.mndl-spinner{width:24px;height:24px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mndl-status-text{font-size:15px;color:#667eea;font-weight:500}.mndl-result-section{text-align:center;padding:30px;background:linear-gradient(135deg,#d4edda 0%,#c3e6cb 100%);border-radius:8px}.mndl-success-message{margin-bottom:20px}.mndl-success-message h4{margin:10px 0 0 0;font-size:20px;color:#155724}.mndl-result-links{display:flex;gap:12px;justify-content:center;margin-bottom:15px}.mndl-error-section{text-align:center;padding:30px;background:#f8d7da;border-radius:8px}.mndl-error-message{margin-bottom:20px}.mndl-error-text{color:#721c24;margin:10px 0 0 0}.mndl-error{padding:20px;background:#f8d7da;color:#721c24;border-radius:8px;text-align:center}@media (max-width:600px){.mndl-frontend-recorder{padding:20px;margin:10px}.mndl-recorder-controls{flex-direction:column;align-items:stretch}.mndl-result-links{flex-direction:column}}