*{box-sizing:border-box}html,body{margin:0;height:100%;background:#111;color:#eee;font-family:system-ui,sans-serif}#toolbar{display:flex;gap:8px;align-items:center;padding:8px;background:#1c1c1c;position:sticky;top:0;z-index:10;flex-wrap:wrap}#toolbar button{font-size:18px;padding:6px 12px;border:0;border-radius:8px;background:#333;color:#eee}#toolbar button:disabled{opacity:.4}#page-label{min-width:80px;text-align:center}#banner{padding:8px 12px;background:#5a2020;color:#fff}#stage{position:relative;display:flex;justify-content:center;padding:8px}#page-canvas{max-width:100%;height:auto;box-shadow:0 0 12px #000}#overlay-layer{position:absolute;top:8px;left:50%;transform:translate(-50%);pointer-events:none}