body { background-color: #0f1117; color: #e2e8f0; font-family: 'Inter', system-ui, sans-serif; }
        .editor-container { height: calc(100vh - 64px); }
        textarea { resize: none; scrollbar-width: thin; scrollbar-color: #1e293b #0f1117; }
        .sidebar { width: 300px; border-left: 1px solid #1e293b; }
        .markdown-body { background: transparent !important; color: #e2e8f0 !important; font-size: 14px; }
        .ai-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
        @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: .5; } }
        .loading-spinner { border: 2px solid rgba(255,255,255,0.1); border-top: 2px solid #6366f1; border-radius: 50%; width: 16px; height: 16px; animation: spin 1s linear infinite; }
        @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }