.browser-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.browser-bar input{width:240px}.browser-bar select{width:140px}.browser-screen-wrap{display:flex;justify-content:center;overflow:auto;background:#f0f2f5;border:1px solid #dde1e8;border-radius:6px}.browser-screen-wrap canvas{display:block;max-width:100%;max-height:52vh;width:auto;height:auto;touch-action:none;cursor:crosshair}.browser-bar #browser-location{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#browser-viewer p{margin:8px 0}#browser-viewer:focus-within{outline:none}.modal:has(#browser-viewer){display:flex;flex-direction:column;max-width:1400px;width:95vw;max-height:94vh}.modal:has(#browser-viewer) .modal-body{min-height:0;max-height:none;overflow:auto;flex:1}.modal:has(#browser-viewer) .modal-head,.modal:has(#browser-viewer) .modal-foot{flex-shrink:0}