/* Couleurs, typographie, boutons et grille de la page */
:root{--bg:#0f1b2b;--panel:#16263a;--card:#0f2236;--text:#e8f0f8;--muted:#8aa0b8;--accent:#3fc1c9;--ok:#5cd18b}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:var(--bg);color:var(--text);font:14px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
#app{display:grid;grid-template-rows:auto 1fr;height:100%}
header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--panel)}
header h1{font-size:16px;flex:1}
header small{color:var(--muted);font-weight:400}
button{background:#22374f;color:var(--text);border:1px solid #2e4763;border-radius:8px;padding:6px 10px;font-size:14px;cursor:pointer}
button.on{background:var(--accent);color:#0b1520;border-color:var(--accent)}
main{display:grid;grid-template-columns:1fr 340px;min-height:0}
#stage{position:relative;min-height:0;overflow:hidden}
canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}
canvas:active{cursor:grabbing}