html,body{background:#fff;height:100%;margin:0;font:14px system-ui,sans-serif;overflow:hidden}#ink{touch-action:none;width:100%;height:100%;position:fixed;inset:0}#live{pointer-events:none;position:fixed;inset:0}#live .rune-list{pointer-events:auto;box-sizing:border-box;padding:8px;position:absolute;overflow:auto}#bar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:fixed;top:8px;right:8px}#pages{align-items:center;gap:4px;margin-left:8px;display:inline-flex}#pages #page{text-align:center;min-width:3ch}#bar button{font:inherit;padding:6px 12px}.rune-list input{box-sizing:border-box;width:100%;font:inherit;padding:4px}.rune-list ul{margin:8px 0 0;padding:0;list-style:none}.rune-list li{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.rune-list li button{font:inherit;padding:0 8px}#bar button[aria-pressed=true]{color:#fff;background:#c33}#bar button:disabled{opacity:.4}#live .rune-value{pointer-events:auto;box-sizing:border-box;padding:8px;position:absolute;overflow:auto}.rune-value input{box-sizing:border-box;width:100%;font:inherit;padding:4px}.rune-value p{white-space:pre-wrap;margin:8px 0}.rune-value button{font:inherit;padding:2px 8px}
