#navtile-painter{width:1200px;height:600px;display:grid;grid-template-columns:2fr 1fr;gap:15px}#navtile-painter>div{border:solid white 1px;box-sizing:border-box}#navtile-painter #scene-preview{position:relative}#navtile-painter #scene-preview lume-scene{display:block;width:100%;height:100%}#navtile-painter .painter-grid{display:grid;font-family:teeny;font-size:5px;grid-template-columns:var(--numtiles);gap:0;width:100%}#navtile-painter .painter-tile{aspect-ratio:1;border:2px solid #b4b4b4;box-sizing:border-box;background:#f2f2f2}#navtile-painter .painter-tile.is-spawn{position:relative}#navtile-painter .painter-tile.is-spawn:after{content:"SPAWN";position:absolute;bottom:0;right:0;color:#000}#navtile-painter .painter-tile.selected{background-color:#7c5fb3}#navtile-painter .painter-tile.exists.selected{background-color:#1fc0b3}#navtile-painter .painter-tile.exists{background-color:#529958}#navtile-painter .painter-tile:hover{filter:brightness(1.1)}#navtile-painter .painter-tile.is-occupied{color:#f0f}#navtile-painter .actions,#navtile-painter .config{display:flex;flex-wrap:wrap}#navtile-painter .actions>button,#navtile-painter .config>button{flex-grow:1}#navtile-painter hr{margin:10px 0}#navtile-painter button{font-size:10px;padding:3px;perspective:0px;font-family:"monospace"}#navtile-painter .export,#navtile-painter .import{box-sizing:border-box;width:95%;margin:5px auto;display:block}#navtile-painter .export{border:inset lime 2px;background:#1e921e}#navtile-painter .import{border:inset rgb(179,47,157) 2px;background:#791086}
