*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:white;font:16px system-ui,sans-serif}#screen{display:grid;width:100%;height:100%;height:100dvh;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));grid-template-rows:repeat(var(--rows,2),minmax(0,1fr));gap:var(--gap,8px);padding:var(--gap,8px);background:var(--bg,#000)}.cell{min-width:0;min-height:0;overflow:hidden}.cell img{width:100%;height:100%;display:block;object-fit:var(--fit,contain)}#message{position:fixed;inset:0;display:grid;place-items:center;text-align:center;padding:32px;background:#10141e;color:#d3dae8;font-size:clamp(1rem,3vw,2rem)}#message[hidden]{display:none}#tools{position:fixed;bottom:16px;right:16px;display:flex;align-items:center;gap:12px;padding:10px;background:#10141edb;border-radius:10px;transition:opacity .25s}#tools.quiet{opacity:0;pointer-events:none}#tools button{background:#bcfa71;color:#142104;border:0;border-radius:6px;padding:10px 16px;font:inherit;cursor:pointer}#connection{font-size:14px}body.preview #tools{display:none}