*{box-sizing:border-box;font-family:sans-serif}body,html{color:#fff;background:#050505;margin:0;padding:0;overflow:hidden}#sidebar{flex-direction:column;transition:transform .3s,right .3s;display:flex}#sidebar.visible{transform:translate(0)}#sidebar:not(.visible){transform:translate(100%)}#select-mode-btn{display:none!important}#sidebar-tabs::-webkit-scrollbar{height:4px}#sidebar-tabs::-webkit-scrollbar-track{background:0 0}#sidebar-tabs::-webkit-scrollbar-thumb{background:#333;border-radius:2px}#sidebar-content{flex:1;overflow-y:auto}#app{transition:right .3s}#sidebar.visible+#app{right:240px}@media (width<=768px){#btn-container{flex-direction:column!important;width:80%!important}#btn-container button{width:100%!important}#sidebar{border-top:1px solid #333!important;border-left:none!important;flex-direction:column!important;width:100%!important;height:auto!important;max-height:50vh!important;display:flex!important;inset:auto 0 0!important;transform:translateY(100%)!important}#sidebar.visible{transform:translateY(0)!important}#sidebar:not(.visible){transform:translateY(100%)!important}#sidebar-switch{display:block}#sidebar-close{display:block!important}#app{right:0!important}#controls{gap:5px!important;width:auto!important;padding:5px!important;transition:bottom .3s!important;display:flex!important;bottom:20px!important;left:50%!important;transform:translate(-50%)!important}#sidebar.visible~#controls,#sidebar.visible~#app #controls,#sidebar.visible+#app #controls{bottom:calc(50vh - 20px)!important}#controls.no-sidebar{bottom:20px!important}#transform-container{grid-template-columns:repeat(5,1fr)!important;padding-right:10px!important}#transform-container button,.action-button{padding:10px 5px!important;font-size:16px!important}#sidebar h2{flex-shrink:0!important;margin:10px 0 5px!important;font-size:14px!important}#sidebar p{display:none!important}#select-mode-btn{display:block!important}#sidebar{padding-top:10px!important}#sidebar-tabs{flex-shrink:0!important}#sidebar-content{flex-direction:row!important;flex:1!important;gap:10px!important;min-height:120px!important;padding-bottom:10px!important;display:flex!important;overflow:auto hidden!important}#sidebar-content>div{flex-direction:row!important;gap:10px!important;display:none!important}.pattern-item{flex-direction:column!important;justify-content:center!important;align-items:center!important;min-width:100px!important;margin:0!important;display:flex!important}.pattern-item canvas{width:auto!important;max-width:80px!important;max-height:50px!important}.pattern-item div{white-space:nowrap!important;text-overflow:ellipsis!important;width:100%!important;font-size:10px!important;overflow:hidden!important}}.game-of-life{cursor:crosshair;background:#050505;width:100vw;height:100vh;display:block;position:fixed;inset:0}