:root{--bg: #fff;--panel: #f7f7f5;--ink: #16181d;--ink-soft: #55585f;--line: #d9d9d4;--line-strong: #b7b7b0;--live: #1f6b3a;--erreur: #9a2b23}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,Segoe UI,sans-serif;font-size:15px;color:var(--ink);background:var(--bg)}a{color:inherit}input,select,button,textarea{font:inherit;border:1px solid var(--line-strong);border-radius:2px;background:#fff;color:var(--ink)}input,select,button{padding:8px 12px;font-size:14px}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:600}button.ok{background:var(--live);color:#fff;border-color:var(--live);font-weight:600}button.ghost{background:#fff;color:var(--ink)}button.danger{color:var(--erreur);border-color:var(--erreur);background:#fff}.btn{display:inline-block;padding:10px 16px;border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:2px;font-weight:600;font-size:14px;text-decoration:none}.btn.ghost{background:#fff;color:var(--ink);border-color:var(--line-strong)}label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.err{color:var(--erreur);font-size:13px;margin-top:8px}.vide{color:var(--ink-soft);font-size:13px;padding:8px 0}.wrap{max-width:820px;margin:48px auto;padding:0 24px}.wrap.large{max-width:980px}.wrap h1{font-size:22px;margin:0 0 8px}.wrap .sub{color:var(--ink-soft);margin:0 0 28px;font-size:14px}.wrap h2.section{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin:32px 0 8px}.card{border:1px solid var(--line-strong);border-radius:4px;padding:20px;margin-bottom:24px;background:var(--panel)}.bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.bar.espace{margin-top:24px}.list{list-style:none;padding:0;margin:0}.list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.list li:last-child{border-bottom:0}.list .nom{font-weight:600;display:flex;align-items:center;gap:8px}.dot-active{width:8px;height:8px;border-radius:50%;background:var(--live);flex-shrink:0}.list .meta{font-size:13px;color:var(--ink-soft)}.list .actions{display:flex;gap:8px;flex-wrap:wrap}.champ{flex:1;min-width:180px}.champ input{width:100%}textarea.prompt-area{width:100%;min-height:80px;padding:10px 12px;font-size:13px;line-height:1.45;font-family:ui-monospace,Cascadia Code,monospace;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:8px;align-items:end}.tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--line-strong);border-radius:2px;padding:2px 6px;color:var(--ink-soft)}.tag.admin,.tag.live{color:var(--live);border-color:var(--live)}.tag.inactif{color:var(--erreur);border-color:var(--erreur)}header.header-cm{justify-content:space-between;flex-wrap:nowrap;padding:10px 20px}.designer-main{flex:1;min-height:0;display:flex;flex-direction:column}.designer-main>h2{margin:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);padding:12px 20px;border-bottom:1px solid var(--line);background:var(--panel);display:flex;gap:10px;align-items:center}.designer-main>h2 .compteur{margin-left:auto;font-weight:600;letter-spacing:0}.designer-scroll{flex:1;overflow-y:auto;padding:16px 20px;max-width:720px}.lock-msg{color:var(--erreur);font-size:11px;margin:0 0 6px}.citation-texte{margin:0;font-family:Georgia,serif;font-size:17px;line-height:1.45}.meta-soumis{margin:8px 0 0;font-size:12px;color:var(--ink-soft)}.carte.valide.soumis{border-color:var(--line-strong);opacity:.9}.carte.valide.soumis .head{background:var(--panel)}.carte.design.soumis{opacity:.85}.carte.design.prise{border-color:var(--ink-soft)}.app{display:flex;flex-direction:column;height:100%}header{border-bottom:2px solid var(--ink);padding:12px 20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}header .titre{font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.02em;padding-right:14px;border-right:1px solid var(--line-strong);max-width:280px}header .controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}header .droite{margin-left:auto;display:flex;align-items:center;gap:14px}header .lien{font-size:13px;color:var(--ink-soft);text-decoration:none}.speaker{background:#eef6f0;border-color:var(--live);font-weight:600;min-width:200px}.vu{width:140px;height:12px;border:1px solid var(--line-strong);position:relative;overflow:hidden}.vu>i{position:absolute;inset:0;width:0;background:var(--ink);transition:width .1s linear}.etat{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-soft)}.etat .dot{width:10px;height:10px;border-radius:50%;background:#8a8a83}.etat.live .dot{background:var(--live)}.etat.err .dot{background:var(--erreur)}main.colonnes{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:0}.col{display:flex;flex-direction:column;min-height:0}.col+.col{border-left:1px solid var(--line)}.col h2{margin:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);padding:12px 20px;border-bottom:1px solid var(--line);background:var(--panel);display:flex;gap:10px;align-items:center}.col h2 .compteur{margin-left:auto;font-weight:600;letter-spacing:0}.scroll{overflow-y:auto;padding:16px 20px;flex:1}.transcript p{margin:0 0 10px;font-family:Georgia,serif;font-size:16px}.transcript .h{color:var(--ink-soft);font-size:12px;font-family:sans-serif;margin-right:8px}.transcript .sp{font-size:11px;color:var(--live);font-weight:600;margin-right:6px}.live{margin-top:6px;font-family:Georgia,serif;font-size:16px;color:var(--ink-soft);border-left:3px solid var(--line-strong);padding-left:10px;min-height:1.5em}.carte{border:1px solid var(--line-strong);margin-bottom:16px;background:#fff;border-radius:2px}.carte.valide{border-color:var(--live)}.carte .head{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--ink-soft);padding:8px 12px;border-bottom:1px solid var(--line);background:var(--panel)}.carte.valide .head{background:#eef6f0}.carte .badge{margin-left:auto;font-weight:700;text-transform:uppercase}.carte .body{padding:12px}.carte textarea{width:100%;min-height:80px;font-family:Georgia,serif;font-size:17px;padding:10px;resize:vertical}.carte textarea:read-only{background:var(--panel)}.carte .source{margin-top:8px;font-size:12px;color:var(--ink-soft);background:var(--panel);border:1px solid var(--line);padding:8px;max-height:80px;overflow:auto}.carte .actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.carte audio{width:100%;margin-top:8px;height:32px}.login{max-width:380px;margin:12vh auto;padding:0 24px}.login h1{font-size:20px;margin:0 0 4px}.login .sub{color:var(--ink-soft);font-size:14px;margin:0 0 24px}.login .card{background:var(--panel)}.login input{width:100%;margin-bottom:14px}.login button{width:100%}@media(max-width:900px){main.colonnes{grid-template-columns:1fr}.app{height:auto}}