:root{
  --bg:#0a0a0a;
  --panel:#111;
  --ink:#eee;
  --shadow:rgba(0,0,0,.6);
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-y:scroll;}
#app{display:flex;justify-content:center;min-height:100%;}
#pages{width:clamp(280px,85vw,900px);padding:32px 0 64px;display:flex;flex-direction:column;gap:32px;}
.page{
  position:relative;
  background:var(--panel);
  border-radius:10px;
  padding:12px;
  box-shadow:0 14px 40px var(--shadow);
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:200px;
}
.page canvas{
  width:100%;
  height:auto;
  border-radius:6px;
  background:#151515;
}
.page:not(.rendered)::after{
  content:'Cargando…';
  position:absolute;
  font-size:13px;
  color:#888;
}