:root{--bg: #eef4fb;--surface: rgba(255, 255, 255, .92);--surface-strong: #ffffff;--text: #162946;--muted: #60728b;--primary: #0f85cc;--primary-dark: #132a49;--primary-soft: #dff0fb;--gold: #c2912f;--gold-soft: #fff3d8;--border: rgba(19, 42, 73, .12);--shadow: 0 18px 50px rgba(17, 39, 67, .1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(159,209,234,.42),transparent 32%),linear-gradient(180deg,#f6f9fd 0%,var(--bg) 100%);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px}button,select,input,textarea{font:inherit}button{cursor:pointer;border:0}img{display:block;max-width:100%}.app-shell{min-height:100vh;padding:28px}.topbar,.hero-card,.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.brand-wrap{display:flex;align-items:center;gap:18px}.brand-logo{width:78px;height:78px;border-radius:22px;overflow:hidden;background:#fff;box-shadow:var(--shadow);border:1px solid rgba(15,133,204,.1);flex-shrink:0}.brand-logo img{width:100%;height:100%;object-fit:cover}.eyebrow{margin:0 0 6px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--primary);font-weight:800}h1,h2,h3,h4,p{margin:0}.topbar h1{font-size:clamp(2rem,4vw,2.8rem);line-height:1.05}.subhead,.muted{color:var(--muted)}.subhead{margin-top:8px;max-width:760px}.topbar-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:12px 16px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;font-weight:700}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#19a0ee 100%);color:#fff;box-shadow:0 10px 22px #0f85cc40}.btn-secondary{background:#132a4914;color:var(--primary-dark)}.btn-gold{background:linear-gradient(135deg,var(--gold) 0%,#efcb76 100%);color:var(--primary-dark);box-shadow:0 10px 22px #c2912f2e}.btn-ghost{background:#fff;color:var(--primary-dark);border:1px solid var(--border)}.btn.compact{padding:10px 14px}.hero-card{background:linear-gradient(145deg,#132a49fa,#0a60a2f0);color:#fff;border-radius:28px;padding:26px;box-shadow:var(--shadow);margin-bottom:22px;border:1px solid rgba(255,255,255,.08)}.hero-main{display:grid;grid-template-columns:1.15fr .95fr;gap:24px;align-items:start}.hero-card .muted{color:#fffc;margin-top:10px;max-width:760px}.code-selector{background:#ffffff17;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:18px}.code-selector label{display:block;font-size:.95rem;font-weight:700;margin-bottom:10px}.code-selector-row{display:grid;grid-template-columns:1fr auto;gap:10px}select,input,textarea{width:100%;border:1px solid rgba(19,42,73,.12);border-radius:16px;padding:13px 14px;outline:none;color:var(--text);background:#fff;transition:border-color .18s ease,box-shadow .18s ease}select:focus,input:focus,textarea:focus{border-color:#0f85cc80;box-shadow:0 0 0 4px #0f85cc1f}.selected-code-card{margin-top:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;min-height:56px;border-radius:18px;background:#ffffff1a;padding:14px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.stat-card{background:#ffffff1a;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:16px}.stat-card span{display:block;color:#ffffffbf;margin-bottom:6px}.stat-card strong{font-size:1.8rem}.workspace-grid{display:grid;grid-template-columns:minmax(290px,.9fr) minmax(420px,1.15fr) minmax(360px,1.05fr);gap:18px}.panel{background:var(--surface);border-radius:26px;border:1px solid var(--border);box-shadow:var(--shadow);padding:18px;min-height:540px}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:14px}.panel-head h3{font-size:1.32rem}.counter-badge,.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 12px;font-size:.88rem;font-weight:800}.counter-badge,.pill.soft{background:#0f85cc1a;color:var(--primary-dark)}.pill{background:var(--gold-soft);color:#8a5f09}.search-box{margin-bottom:12px}.action-row{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.rubrique-list,.editor-stack,.preview-sheet pre{scrollbar-width:thin}.rubrique-list{display:flex;flex-direction:column;gap:10px;max-height:70vh;overflow:auto;padding-right:4px}.rubrique-row{display:flex;align-items:start;gap:12px;width:100%;text-align:left;padding:14px;border-radius:18px;background:#fff;border:1px solid rgba(19,42,73,.08)}.rubrique-row:hover{border-color:#0f85cc47;box-shadow:0 10px 24px #0f85cc14}.rubrique-row.is-selected{background:linear-gradient(180deg,#0f85cc14,#fff)}.rubrique-row.is-active{border-color:#0f85cc73;box-shadow:0 10px 26px #0f85cc1f}.rubrique-check{width:34px;height:34px;border-radius:12px;background:var(--primary-dark);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0}.rubrique-content{display:flex;flex-direction:column;gap:4px}.rubrique-id{font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--primary)}.rubrique-content strong,.editor-card-head h4,.preview-header h4{color:var(--primary-dark)}.rubrique-content small,.text-count,.preview-meta{color:var(--muted)}.empty-state{min-height:420px;display:grid;place-items:center;text-align:center;padding:24px;border:1px dashed rgba(15,133,204,.22);border-radius:24px;background:#9fd1ea1f}.editor-stack{display:flex;flex-direction:column;gap:14px;max-height:72vh;overflow:auto;padding-right:4px}.editor-card{background:#fffffff2;border:1px solid rgba(19,42,73,.08);border-radius:22px;padding:14px}.editor-card.is-focused{border-color:#0f85cc57;box-shadow:0 14px 32px #0f85cc1a}.editor-card-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:10px}textarea{resize:vertical;min-height:150px;background:linear-gradient(180deg,#fff,#f9fbfe)}.preview-sheet{height:calc(100% - 20px);border-radius:24px;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid rgba(19,42,73,.08);overflow:hidden}.preview-header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 18px 14px;border-bottom:1px solid rgba(19,42,73,.08)}.preview-sheet pre{margin:0;padding:20px;max-height:70vh;overflow:auto;white-space:pre-wrap;font-family:"IBM Plex Serif",Times New Roman,serif;font-size:.97rem;line-height:1.7;color:#21344f}@media (max-width: 1180px){.workspace-grid{grid-template-columns:1fr}.panel{min-height:auto}.rubrique-list,.editor-stack,.preview-sheet pre{max-height:none}}@media (max-width: 900px){.app-shell{padding:18px}.topbar,.hero-main,.stats-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:start}.brand-wrap{align-items:start}.stats-grid,.hero-main{display:grid}}@media (max-width: 640px){.brand-wrap{flex-direction:column}.code-selector-row,.stats-grid{grid-template-columns:1fr}.panel,.hero-card{padding:16px;border-radius:22px}}