.viewer-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:8px;background:#fff;position:relative;z-index:10}.viewer-tools button{min-height:44px;border:1px solid #abc3d7;border-radius:8px;background:white;color:#133b70;padding:8px 12px;font:inherit}.viewer-tools .expand{background:#133b70;color:white}.visual-window{overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;max-width:100%;height:70dvh;background:#e7ecec}.visual-window .stage{max-width:none;margin:0;width:var(--visual-width,100%);min-width:100%}.visual-window .stage>img{width:100%;height:auto}.screen-mode{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;overflow:hidden!important;z-index:9999;background:#faf8f1;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.screen-mode>header,.screen-mode>nav,.screen-mode>.prolife-appbar,.screen-mode>#info,.screen-mode>.reference{display:none!important}.screen-mode>.bar{flex:none;padding:6px;gap:5px}.screen-mode #stage{flex:1;min-height:0;height:auto}.screen-mode>main{display:flex;flex:1;min-height:0;flex-direction:column}.screen-mode .visual-window{flex:1;min-height:0;height:auto}.screen-mode .categories,.screen-mode .hint,.screen-mode .note{display:none}.screen-mode .viewer-tools{flex:none}body:fullscreen{width:100%;height:100dvh}dialog{z-index:10001}@media(max-width:700px){body>header{padding:6px 10px}body>header img{width:32px;height:32px}body>header .sub{display:none}body>nav{padding:6px 10px;font-size:13px}.bar{padding:6px;font-size:13px}.bar button,.bar select{padding:7px;min-height:44px}.bar select{max-width:150px}#stage{height:calc(100dvh - 210px);min-height:300px}.visual-window{height:calc(100dvh - 240px);min-height:320px}#minimap{width:42px;height:100px;top:48px;right:6px}.message{top:6px}.hint{font-size:11px;bottom:8px;max-width:85%}.screen-mode .bar a{display:none}.screen-mode .bar select{flex:1}.screen-mode .bar #full{margin-left:auto}}