:root{--primary-color: #8f9b6b;--primary-hover: #6b7852;--border-color: rgba(143, 155, 107, .25);--text-light: #4b5563;--text-muted: #6b7280;--text-dark: #1a1a1a;--placeholder: #9ca3af;--container-bg: rgba(226, 220, 201, .25);--panel-bg: rgba(255, 255, 255, .95);--toolbar-bg: #f9fafb;--content-bg: #ffffff;--preview-bg: #fdfdfb;--preview-title-bg: rgba(143, 155, 107, .12);--code-bg: #282c34;--latex-bg: rgba(143, 155, 107, .08);--success-gradient: linear-gradient(135deg, #8f9b6b 0%, #6b7852 100%);--shadow-lg: 0 15px 40px rgba(0, 0, 0, .1);--shadow-md: 0 8px 20px rgba(0, 0, 0, .07);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 6px;--font-sans: "Inter", "Helvetica", "Arial", sans-serif}.dark{--primary-color: #a8b58a;--border-color: rgba(168, 181, 138, .2);--text-light: #e5e7eb;--text-muted: #9ca3af;--text-dark: #f3f4f6;--container-bg: #11140f;--panel-bg: #1a1d17;--toolbar-bg: #141612;--content-bg: #242820;--preview-bg: #141612;--preview-title-bg: rgba(168, 181, 138, .15)}.add-section-container{margin:2rem auto;padding:2rem;background:var(--container-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:var(--transition);font-family:var(--font-sans)}.add-section-container h1{font-size:2rem;margin-bottom:1.5rem;color:var(--primary-color);font-weight:900;letter-spacing:.5px}.add-section-container h1 span{color:var(--primary-color);font-weight:700}.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.editor-panel,.preview-panel{background:var(--panel-bg);border-radius:var(--radius-md);border:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition)}.preview-panel{position:sticky;top:20px;max-height:calc(100vh - 40px)}.preview-panel .panel-header{background:var(--preview-title-bg);padding:12px 16px;font-weight:700;border-bottom:1px solid var(--border-color);border-radius:var(--radius-sm) var(--radius-sm) 0 0;font-size:.95rem;display:flex;align-items:center;gap:8px}.preview-content{padding:18px;flex-grow:1;overflow-y:auto;background:var(--preview-bg);border:2px dashed var(--border-color);border-radius:var(--radius-sm);min-height:400px;transition:var(--transition);font-size:1rem;line-height:1.7;color:var(--text-light)}.extra-toolbar,.ql-toolbar{background:var(--toolbar-bg)!important;padding:10px 14px!important;border-bottom:1px solid var(--border-color)!important;border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:8px}.tool-btn{padding:6px 12px;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;font-weight:500;color:var(--text-light);display:flex;align-items:center;gap:6px;transition:var(--transition)}.tool-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-hover);transform:translateY(-1px)}.submit-btn{display:block;width:100%;max-width:400px;margin:2rem auto 0;padding:14px;background:var(--success-gradient);color:#fff;font-weight:700;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:1px;box-shadow:0 5px 20px #8f9b6b66}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #8f9b6b80}#editor{height:550px;font-size:16px;background:var(--content-bg);border:none!important;padding:16px;border-radius:var(--radius-sm);transition:var(--transition);color:var(--text-dark)}.ql-editor{min-height:400px;line-height:1.7}.stats-bar{display:flex;gap:16px;padding:10px 16px;background:var(--toolbar-bg);border-top:1px solid var(--border-color);font-size:.85rem;color:var(--text-muted);align-items:center;border-radius:0 0 var(--radius-sm) var(--radius-sm)}.preview-text h1,.preview-text h2,.preview-text h3{color:var(--primary-color);margin-top:1.2rem;font-weight:700}.preview-content [style*=color]{color:inherit}.preview-content [style*=background-color]{background-color:inherit}.preview-content [align]{text-align:inherit}.latex-block{display:block;background:var(--latex-bg);border-left:4px solid var(--primary-color);padding:16px 18px;margin:18px 0;text-align:center;border-radius:var(--radius-sm);font-weight:500}.latex-inline{background:var(--latex-bg);padding:2px 6px;border-radius:var(--radius-sm)}pre.ql-syntax{background:var(--code-bg)!important;color:#abb2bf!important;padding:14px!important;border-radius:var(--radius-sm)!important;font-family:Fira Code,monospace!important;font-size:.9rem!important;overflow-x:auto;transition:var(--transition)}pre.ql-syntax:hover{box-shadow:0 4px 15px #0000001a}.preview-content table{width:100%;border-collapse:collapse;margin:12px 0}.preview-content th,.preview-content td{border:1px solid var(--border-color);padding:8px 12px;border-radius:var(--radius-sm)}.preview-content blockquote{border-left:4px solid var(--primary-color);padding-left:12px;margin:12px 0;font-style:italic;color:var(--text-muted)}.ql-editor .ql-strike{text-decoration:line-through}body.editor-fullscreen{overflow:hidden}body.editor-fullscreen .add-section-container{position:fixed;top:0;left:0;width:100vw;height:100vh;margin:0;border-radius:0;z-index:9999;overflow-y:auto}@media(max-width:1024px){.split-layout{grid-template-columns:1fr}.preview-panel{position:relative;top:0;max-height:none}.extra-toolbar{justify-content:flex-start}}.ql-editor code.ql-code-inline,#previewText code.ql-code-inline{display:inline;padding:3px 8px;margin:0 2px;background:#8f9b6b26;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(143,155,107,.3);border-radius:4px;font-size:.9em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:500;white-space:nowrap;color:#5a6b3d;box-shadow:0 2px 6px #0000000f}.svg-dual-container{margin:24px 0;padding:20px;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--panel-bg);text-align:center;transition:var(--transition);box-shadow:0 4px 12px #00000014}.svg-dual-container:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-2px)}.svg-dual-container svg{max-width:100%;height:auto;display:block;margin:0 auto}.svg-light,.svg-dark{transition:opacity .3s ease}:root:not(.dark) .svg-light{display:block!important;opacity:1}:root:not(.dark) .svg-dark{display:none!important;opacity:0}.dark .svg-light{display:none!important;opacity:0}.dark .svg-dark{display:block!important;opacity:1}.section-card--texte .svg-dual-container,.preview-content .svg-dual-container,.exercice-body .svg-dual-container,.theoreme-body .svg-dual-container,.propriete-body .svg-dual-container{margin:20px auto;max-width:90%}.dark .svg-dual-container{background:#1e221c80;border-color:#a8b58a4d}@media(max-width:768px){.svg-dual-container{padding:15px;margin:16px 0}.svg-dual-container svg{max-height:300px}}.ql-editor img,.preview-content img,.section-card--texte img{max-width:100%;height:auto;border-radius:var(--radius-sm);transition:all .3s ease;cursor:pointer;display:block;margin:16px auto}.ql-editor img:hover,.section-card--texte img:hover{box-shadow:0 4px 16px #00000026;transform:scale(1.02)}.exercice-body img,.theoreme-body img,.propriete-body img,.preuve-body img,.exemple-body img{max-width:100%;height:auto;border-radius:var(--radius-sm);margin:16px auto;display:block;box-shadow:0 2px 8px #0000001a}.ql-editor img[style*=width]{border:2px dashed var(--border-color)}.ql-editor img[style*=width]:hover{border-color:var(--primary-color)}@keyframes svgFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.svg-dual-container{animation:svgFadeIn .4s cubic-bezier(.4,0,.2,1) backwards}.ql-editor img[alt]:after,.section-card--texte img[alt]:after{content:attr(alt);position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}.ql-editor img[alt]:hover:after,.section-card--texte img[alt]:hover:after{opacity:1}.image-container{text-align:center;margin:24px 0}.image-container img{display:inline-block;margin:0 auto}.image-caption{margin-top:8px;font-size:.9rem;color:var(--text-muted);font-style:italic}.dark .section-card--texte img:not(.no-dark-filter),.dark .preview-content img:not(.no-dark-filter){opacity:.9;transition:opacity .3s ease}.dark .section-card--texte img:not(.no-dark-filter):hover,.dark .preview-content img:not(.no-dark-filter):hover{opacity:1}.image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:24px 0}.image-gallery img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease}.image-gallery img:hover{transform:scale(1.05);box-shadow:0 8px 20px #0003}.ql-editor img:focus,.section-card--texte img:focus,.svg-dual-container:focus{outline:3px solid var(--primary-color);outline-offset:4px}@media print{.svg-dual-container{border:1px solid #ccc;box-shadow:none;page-break-inside:avoid}.ql-editor img,.section-card--texte img{page-break-inside:avoid;max-width:100%!important}.svg-light{display:block!important}.svg-dark{display:none!important}}