.html-canvas-container{border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.1);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.1);overflow:hidden}.html-canvas-iframe{border:none;width:100%;background:#fff;min-height:400px;border-radius:8px}.html-canvas-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:rgba(0,0,0,.95);backdrop-filter:blur(10px)}.html-canvas-controls{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;padding:12px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.html-canvas-tab-active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:6px;padding:8px 16px;font-weight:600}.html-canvas-tab{background:transparent;color:#6b7280;border-radius:6px;padding:8px 16px;transition:all .2s ease}.html-canvas-tab:hover{background:rgba(103,126,234,.1);color:#667eea}.code-preview-toggle{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-weight:500;transition:all .2s ease;box-shadow:0 4px 12px rgba(16,185,129,.3)}.code-preview-toggle:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 6px 16px rgba(16,185,129,.4)}.html-canvas-rtl{direction:rtl;text-align:right}.html-canvas-rtl .html-canvas-controls{flex-direction:row-reverse}@media (max-width:768px){.html-canvas-controls{flex-direction:column;gap:12px}.html-canvas-iframe{min-height:300px}}.html-canvas-loading{display:flex;align-items:center;justify-content:center;height:200px;background:linear-gradient(45deg,#f0f0f0,#e0e0e0);border-radius:8px}.html-canvas-loading:after{content:"";width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.search-history-dialog{max-height:90vh;overflow-y:auto}.search-history-dialog .search-title{display:flex;align-items:center;gap:.5rem;font-weight:600}.search-history-dialog .search-content{margin-top:1rem;padding:1rem;background-color:var(--background);border-radius:.5rem;border:1px solid var(--border)}.persian-copilot-popup{direction:rtl;font-family:Vazirmatn,sans-serif}.persian-copilot-popup .copilotKitPopup{font-family:Vazirmatn,sans-serif!important;right:auto!important;left:1rem!important}.persian-copilot-popup .copilotKitPopupChatContainer{direction:rtl}.persian-copilot-popup .copilotKitPopupChatMessage,.persian-copilot-popup .copilotKitPopupHeader{text-align:right}.persian-copilot-popup .copilotKitPopupChatInput{direction:rtl;text-align:right}.persian-copilot-popup .copilotKitPopupChatInputContainer{flex-direction:row-reverse}.persian-copilot-popup .copilotKitPopupChatInputForm{direction:rtl}.persian-copilot-popup .copilotKitPopupToggleButton{left:1rem;right:auto}.persian-copilot-popup .react-markdown{direction:rtl;text-align:right}.persian-copilot-popup pre{direction:ltr;text-align:left}.persian-copilot-popup{position:fixed;bottom:2rem;left:2rem;z-index:1000;font-family:var(--font-family,"Vazirmatn",sans-serif)}.copilot-toggle-button{display:flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:50px;background:linear-gradient(135deg,rgba(191,112,255,.9),rgba(123,97,255,.9));color:#fff;font-weight:600;border:none;box-shadow:0 4px 15px rgba(191,112,255,.3);cursor:pointer;transition:all .3s ease;direction:rtl}.copilot-toggle-button:hover{background:linear-gradient(135deg,#bf70ff,#7b61ff);box-shadow:0 6px 20px rgba(191,112,255,.5);transform:translateY(-2px)}.gradient-border{position:relative}.gradient-border:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:52px;background:linear-gradient(45deg,#bf70ff,#7b61ff,#4285f4);z-index:-1;opacity:0;transition:opacity .3s ease}.copilot-toggle-button:hover.gradient-border:before{opacity:1}.dark{--copilot-popup-bg:#1f1b36;--copilot-popup-text:#f5f0ff;--copilot-popup-border:rgba(191,112,255,.3);--copilot-popup-shadow:0 10px 30px rgba(0,0,0,.3);--copilot-message-bg:#2d1b69;--copilot-message-text:#f5f0ff;--copilot-user-message-bg:#3a2a8f;--copilot-user-message-text:#fff;--copilot-input-bg:#2d1b69;--copilot-input-text:#f5f0ff}.copilotkit-popup-container{border-radius:16px!important;border:1px solid var(--copilot-popup-border)!important;box-shadow:var(--copilot-popup-shadow)!important;background-color:var(--copilot-popup-bg)!important;overflow:hidden;max-width:400px!important}.copilotkit-popup-header{background:linear-gradient(135deg,rgba(191,112,255,.1),rgba(123,97,255,.1))!important;border-bottom:1px solid var(--copilot-popup-border)!important;padding:12px 16px!important}.copilotkit-popup-title{color:var(--copilot-popup-text)!important;font-weight:600!important}.copilotkit-popup-messages{padding:16px!important}.copilotkit-popup-message-assistant{background-color:var(--copilot-message-bg)!important;color:var(--copilot-message-text)!important}.copilotkit-popup-message-assistant,.copilotkit-popup-message-user{border-radius:12px!important;padding:12px 16px!important;margin-bottom:12px!important}.copilotkit-popup-message-user{background-color:var(--copilot-user-message-bg)!important;color:var(--copilot-user-message-text)!important}.copilotkit-popup-input-container{padding:12px!important;border-top:1px solid var(--copilot-popup-border)!important}.copilotkit-popup-input{background-color:var(--copilot-input-bg)!important;color:var(--copilot-input-text)!important;border-radius:25px!important;padding:10px 16px!important;border:1px solid var(--copilot-popup-border)!important}.copilotkit-popup-button{background:var(--copilot-button-bg)!important;color:var(--copilot-button-text)!important;border-radius:25px!important;padding:8px 16px!important;transition:all .3s ease!important}.copilotkit-popup-button:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(191,112,255,.3)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.search-history-item{animation:fadeIn .3s ease-out forwards}.search-history-item-exit{opacity:0;height:0;margin:0;padding:0;overflow:hidden;transition:all .3s ease-out}@keyframes pulse-record{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes compact-wave-bars{0%,to{height:2px}50%{height:16px}}@keyframes voice-message-glow{0%,to{box-shadow:0 0 3px rgba(59,130,246,.2)}50%{box-shadow:0 0 8px rgba(59,130,246,.4)}}@keyframes subtle-pulse{0%,to{opacity:1}50%{opacity:.7}}.recording-indicator{animation:pulse-record 1.5s ease-in-out infinite}.compact-audio-wave-bar{animation:compact-wave-bars .8s ease-in-out infinite}.compact-audio-wave-bar:nth-child(2){animation-delay:.1s}.compact-audio-wave-bar:nth-child(3){animation-delay:.2s}.voice-message-container{position:relative;transition:all .2s ease}.voice-message-container:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.08)}.voice-message-playing{animation:voice-message-glow 2s ease-in-out infinite}.voice-input-button{transition:all .15s ease-in-out}.voice-input-button:hover{transform:scale(1.03)}.voice-input-button.recording{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 0 12px rgba(239,68,68,.3)}.voice-input-button.processing{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.compact-recording-pulse{animation:subtle-pulse 1s ease-in-out infinite}.audio-permission-modal{backdrop-filter:blur(4px);background:rgba(0,0,0,.4)}.compact-audio-level-meter{background:linear-gradient(90deg,#10b981,#10b981 40%,#f59e0b 70%,#ef4444);border-radius:1px}.voice-message-actions{opacity:0;transition:opacity .2s ease}.voice-message-container:hover .voice-message-actions{opacity:1}.voice-message-enter{animation:slideInUp .3s ease-out}.voice-message-exit{animation:slideOutDown .2s ease-in}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}