:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#d9e1ec;background:radial-gradient(circle at top left,rgba(43,93,255,.22),transparent 28%),radial-gradient(circle at top right,rgba(0,201,167,.16),transparent 24%),linear-gradient(180deg,#0b1220,#0f1727);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #0f1727;--bg-soft: rgba(255,255,255,.04);--panel: rgba(15, 23, 39, .82);--panel-border: rgba(255,255,255,.08);--text: #e8eef8;--muted: #94a3b8;--primary: #4f7cff;--primary-strong: #3a68f5;--accent: #19c6a7;--danger-soft: rgba(255,255,255,.06);--shadow: 0 20px 45px rgba(0, 0, 0, .28);--radius: 22px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px}button,select,input,textarea{font:inherit}body{color:var(--text)}.app-shell{min-height:100vh;display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;padding:20px}.sidebar,.workspace{min-width:0}.sidebar{display:flex;flex-direction:column;gap:16px}.workspace{display:flex;flex-direction:column;gap:20px}.panel,.brand-card{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:var(--radius)}.brand-card{padding:22px}.brand-card h1{margin:12px 0 10px;font-size:2rem;line-height:1.05}.brand-card p,.topbar p,.empty-state p,.rubrique-item p,.progress-caption{margin:0;color:var(--muted)}.brand-pill,.badge,.eyebrow{display:inline-flex;align-items:center;gap:8px;border-radius:999px;font-size:.78rem;letter-spacing:.02em}.brand-pill{background:#4f7cff24;color:#cfe0ff;padding:8px 12px;border:1px solid rgba(79,124,255,.26)}.panel{padding:18px}.panel h2,.topbar h2{margin:0;font-size:1.05rem}.panel-head,.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.sticky-head{position:sticky;top:0;z-index:2;margin:-18px -18px 14px;padding:18px;border-bottom:1px solid rgba(255,255,255,.06);border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(180deg,#0f1727fa,#0f1727eb);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.badge{padding:6px 10px;color:#d6def1;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);white-space:nowrap}.eyebrow{color:#89a5ff;margin-bottom:6px;text-transform:uppercase}.field-label,.mini-label{display:block;color:var(--muted);font-size:.88rem;margin-bottom:8px}.input,.textarea,select.input{width:100%;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text);border-radius:14px;padding:12px 14px;outline:none}.input::placeholder,.textarea::placeholder{color:#71839d}.input:focus,.textarea:focus,select.input:focus{border-color:#4f7cffa6;box-shadow:0 0 0 4px #4f7cff26}.stack-sm{margin-top:12px}.info-card{margin-top:14px;padding:14px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.btn{border:0;border-radius:14px;padding:12px 14px;cursor:pointer;transition:transform .18s ease,opacity .18s ease,background .18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff}.btn-secondary{background:#ffffff14;color:var(--text)}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text)}.stats-panel{margin-top:auto}.stat-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;color:var(--muted)}.stat-row strong{color:var(--text)}.progress{height:10px;border-radius:999px;overflow:hidden;background:#ffffff0f;margin-top:10px}.progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--primary))}.topbar{padding:20px 22px}.topbar-actions{display:flex;align-items:center;gap:12px}.content-grid{display:grid;grid-template-columns:.95fr 1.2fr 1fr;gap:20px;min-height:0}.rubriques-panel,.edition-panel,.preview-panel{min-height:calc(100vh - 160px)}.rubrique-list,.editor-scroll,.preview-scroll{max-height:calc(100vh - 260px);overflow:auto;padding-right:4px}.rubrique-item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:flex-start;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;margin-bottom:10px;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.rubrique-item:hover{transform:translateY(-1px);border-color:#4f7cff47}.rubrique-item.checked{background:#4f7cff1f;border-color:#4f7cff66}.rubrique-check input{width:18px;height:18px;margin-top:2px}.rubrique-title{display:flex;align-items:center;gap:10px;margin-bottom:8px}.rubrique-id{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:999px;background:#ffffff14;color:#dbe5ff;font-size:.88rem;font-weight:700}.editor-card{padding:16px;border-radius:20px;border:1px solid rgba(255,255,255,.07);background:#ffffff08;margin-bottom:14px}.editor-card-head{margin-bottom:12px}.textarea{min-height:210px;resize:vertical}.preview-paper{margin:0;min-height:calc(100vh - 300px);border-radius:20px;background:#f9fafb;color:#111827;border:1px solid #dfe4ea;padding:22px;white-space:pre-wrap;font-family:Iowan Old Style,Palatino Linotype,Times New Roman,serif;font-size:.95rem;line-height:1.65;box-shadow:inset 0 1px #fffc}.empty-state{border:1px dashed rgba(255,255,255,.12);border-radius:20px;padding:24px;text-align:center;background:#ffffff05}@media (max-width: 1260px){.content-grid{grid-template-columns:1fr}.rubriques-panel,.edition-panel,.preview-panel{min-height:auto}.rubrique-list,.editor-scroll,.preview-scroll{max-height:none}}@media (max-width: 920px){.app-shell{grid-template-columns:1fr}.stats-panel{margin-top:0}}@media (max-width: 640px){.app-shell{padding:12px;gap:12px}.panel,.brand-card,.topbar{padding:16px;border-radius:18px}.sticky-head{margin:-16px -16px 12px;padding:16px}.actions-grid{grid-template-columns:1fr}.panel-head,.topbar{flex-direction:column}.brand-card h1{font-size:1.6rem}}