/* Styles for RichTextEditor */
/* Styles for RichTextEditor */
/* RichTextEditor Styles */
.wysiwyg-content blockquote { border-left: 4px solid #8b5cf6 !important; background: linear-gradient(90deg, rgba(139, 92, 246, 0.1) 0%, rgba(139, 92, 246, 0.02) 100%) !important; padding: 20px 24px !important; margin: 24px 0 !important; border-radius: 0 16px 16px 0 !important; font-style: italic !important; color: #e2e8f0 !important; font-size: 1.1em !important; line-height: 1.8 !important; position: relative; box-shadow: inset 2px 0 0px rgba(255,255,255,0.1); } 
        .wysiwyg-content pre { background: #0f172a !important; border: 1px solid rgba(255,255,255,0.1) !important; border-radius: 12px !important; padding: 20px !important; color: #38bdf8 !important; font-family: 'Fira Code', monospace !important; overflow-x: auto !important; box-shadow: inset 0 2px 10px rgba(0,0,0,0.5) !important; } 
        .wysiwyg-content ul { list-style-type: disc !important; padding-left: 2rem !important; margin-bottom: 1em !important; } 
        .wysiwyg-content ol { list-style-type: decimal !important; padding-left: 2rem !important; margin-bottom: 1em !important; } 
        .wysiwyg-content li { margin-bottom: 0.5em !important; display: list-item !important; } 
        .wysiwyg-content a:not(.chronos-btn) { color: #8b5cf6 !important; text-decoration: underline !important; text-underline-offset: 3px !important; }

        /* Layout Polyfills for Web Components / Svelte Environments without Tailwind */
        .chronos-rich-text-editor, .chronos-rich-text-editor * { box-sizing: border-box; }
        .chronos-rich-text-editor.flex, .chronos-rich-text-editor .flex { display: flex; }
        .chronos-rich-text-editor.flex-col, .chronos-rich-text-editor .flex-col { flex-direction: column; }
        .chronos-rich-text-editor .flex-wrap { flex-wrap: wrap; }
        .chronos-rich-text-editor .items-center { align-items: center; }
        .chronos-rich-text-editor .justify-center { justify-content: center; }
        .chronos-rich-text-editor .gap-1 { gap: 0.25rem; }
        .chronos-rich-text-editor .gap-1\.5 { gap: 0.375rem; }
        .chronos-rich-text-editor .gap-2 { gap: 0.5rem; }
        .chronos-rich-text-editor .gap-x-4 { column-gap: 1rem; }
        .chronos-rich-text-editor .gap-y-3 { row-gap: 0.75rem; }
        .chronos-rich-text-editor .w-full { width: 100%; }
        .chronos-rich-text-editor .w-7 { width: 1.75rem; }
        .chronos-rich-text-editor .h-7 { height: 1.75rem; }
        .chronos-rich-text-editor .w-8 { width: 2rem; }
        .chronos-rich-text-editor .h-8 { height: 2rem; }
        .chronos-rich-text-editor .w-9 { width: 2.25rem; }
        .chronos-rich-text-editor .h-9 { height: 2.25rem; }
        .chronos-rich-text-editor button { border: none; background: transparent; cursor: pointer; color: inherit; font-family: inherit; padding: 0; margin: 0; }
        .chronos-rich-text-editor .hover\:bg-white\/10:hover { background-color: rgba(255,255,255,0.1); }
        .chronos-rich-text-editor .hover\:text-white:hover { color: white; }
        .chronos-rich-text-editor .bg-white\/20 { background-color: rgba(255,255,255,0.2); }
        .chronos-rich-text-editor .text-white { color: white; }
        .chronos-rich-text-editor .text-slate-300 { color: #cbd5e1; }
        .chronos-rich-text-editor .text-slate-400 { color: #94a3b8; }
        .chronos-rich-text-editor.rounded-xl { border-radius: 0.75rem; }
        .chronos-rich-text-editor .rounded-lg { border-radius: 0.5rem; }
        .chronos-rich-text-editor .transition-colors { transition-property: color, background-color, border-color; transition-duration: 150ms; }
        
        /* Fixed Modals */
        .fixed { position: fixed !important; }
        .inset-0 { top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; }
        .z-\[100\] { z-index: 100 !important; }
        .backdrop-blur-md { backdrop-filter: blur(12px) !important; }