| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); | |
| body { | |
| font-family: 'Inter', sans-serif; | |
| transition: background-color 0.3s ease, color 0.3s ease; | |
| } | |
| /* Custom scrollbar */ | |
| ::-webkit-scrollbar { | |
| width: 8px; | |
| height: 8px; | |
| } | |
| ::-webkit-scrollbar-track { | |
| background: #f1f1f1; | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| background: #c1c1c1; | |
| border-radius: 4px; | |
| } | |
| ::-webkit-scrollbar-thumb:hover { | |
| background: #a8a8a8; | |
| } | |
| .dark ::-webkit-scrollbar-track { | |
| background: #2d3748; | |
| } | |
| .dark ::-webkit-scrollbar-thumb { | |
| background: #4a5568; | |
| } | |
| .dark ::-webkit-scrollbar-thumb:hover { | |
| background: #718096; | |
| } | |
| /* IDE Layout */ | |
| .main-layout { | |
| display: grid; | |
| grid-template-columns: 250px 1fr 300px; | |
| grid-template-rows: 1fr 200px; | |
| height: 100vh; | |
| } | |
| /* Editor styles */ | |
| .editor-container { | |
| display: flex; | |
| flex-direction: column; | |
| height: 100%; | |
| } | |
| /* Terminal styles */ | |
| .terminal-container { | |
| height: 100%; | |
| display: flex; | |
| flex-direction: column; | |
| } | |
| /* Responsive layout */ | |
| @media (max-width: 1024px) { | |
| .main-layout { | |
| grid-template-columns: 200px 1fr; | |
| } | |
| ai-assistant { | |
| display: none; | |
| } | |
| } | |
| /* Animation for message loading */ | |
| @keyframes pulse { | |
| 0%, 100% { | |
| opacity: 1; | |
| } | |
| 50% { | |
| opacity: 0.5; | |
| } | |
| } | |
| .animate-pulse { | |
| animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; | |
| } |