*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:white;font-family:Arial,"Noto Sans JP",sans-serif}#stage{position:absolute;width:480px;height:360px;transform-origin:0 0;overflow:hidden;background:white;visibility:hidden}#canvas{display:block;width:480px;height:360px;touch-action:none;outline:none}#canvas:focus-visible{outline:2px solid #4175b8;outline-offset:-2px}#monitors{position:absolute;inset:0;pointer-events:none;font-size:12px;color:#263238}.monitor{position:absolute;display:flex;align-items:center;gap:7px;padding:3px 5px;border:1px solid #cad2d4;border-radius:4px;background:#f5f8fa;font-weight:700;white-space:nowrap;min-height:23px}.monitor output{min-width:40px;text-align:center;background:#ff8c1a;border-radius:4px;color:white;padding:1px 7px;font-weight:500}.monitor.list{display:block;padding:0;overflow:hidden;width:100px;height:200px;white-space:normal}.list h2{font-size:12px;text-align:center;margin:0;padding:4px;background:#fff}.list ol{margin:0;padding:4px 4px 4px 24px;max-height:calc(100% - 48px);overflow:auto;font-weight:400}.list li{padding:2px;background:#ff661a;color:white;border-radius:3px;margin-bottom:3px;overflow-wrap:anywhere}.list small{position:absolute;bottom:0;left:0;width:100%;text-align:center;background:white;padding:3px;color:#52636a}#loading{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:20px;text-align:center;color:#38536a;font-size:16px}#loading[hidden],#answer[hidden]{display:none}#answer{position:absolute;left:8px;right:8px;bottom:8px;background:white;border:2px solid #2d64a9;border-radius:7px;padding:10px;font-size:14px;box-shadow:0 4px 20px #0003}#answer label{display:block;margin-bottom:6px}#answer>div{display:flex;gap:8px}#answer input{min-width:0;flex:1;font:inherit;padding:8px;border:1px solid #768b9c;border-radius:3px}#answer button{font:inherit;background:#265ca3;color:white;border:0;border-radius:4px;padding:8px 16px}
.list li::marker{color:#52636a}
/* The guided page's record list is a read-only, independently scrollable view.
   Other overlays still pass pointer events through to the driving canvas. */
#monitors.guide-monitors .list{display:flex;flex-direction:column;gap:0;pointer-events:auto}
#monitors.guide-monitors .list h2{flex:0 0 auto;width:100%}
#monitors.guide-monitors .list ol{flex:1;min-height:0;max-height:none;width:100%;overflow-y:scroll;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#7d929e #e8eef1;overflow-anchor:none}
#monitors.guide-monitors .list ol:focus-visible{outline:2px solid #4175b8;outline-offset:-2px}
#monitors.guide-monitors .list small{position:static;flex:0 0 auto}