:root{--bg: #ffffff;--bg2: #f6f6f6;--bg3: #dddddd;--fg: #000000;--fg2: #111111;--fg3: #444444;--special: #c955e7}@media(prefers-color-scheme:dark){:root{--bg: #111111;--bg2: #151515;--bg3: #333333;--fg: #ffffff;--fg2: #eeeeee;--fg3: #aaaaaa;--special: #e975ff}}body{background-color:var(--bg);color:var(--fg);justify-content:center}html{font-size:16px;overscroll-behavior:none}html,body,#root{display:flex;margin:0;width:100%;height:100%}*{font-family:Space Mono,monospace;font-variant-ligatures:none;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--bg3)}h1{margin-block:2rem}h2{margin-block:.5rem .5rem}h3{margin-block:.3rem .3rem}p{margin:0}a{color:var(--fg);&:hover{color:var(--special);i{color:var(--special)}}}i{color:var(--fg)}button:focus,input:focus,select:focus{outline:1px solid var(--special)}input,textarea{background-color:var(--bg2);color:var(--fg);border-width:1px;font-size:1rem}button{background-color:var(--bg2);color:var(--fg);border-width:1px;font-size:1rem;&:hover{border-color:var(--special)}&:disabled{color:var(--fg3);&:hover{background-color:var(--bg2)}}&.active{color:var(--special);border-color:var(--special)}}select{background:var(--bg2);color:var(--fg);outline:none;border-width:1px;font-size:1rem}#root{display:flex;overflow:auto;#info,#scene-picker{pointer-events:auto}#canvas{flex-grow:0;flex-shrink:0;image-rendering:pixelated}#overlay{position:absolute;top:0;left:0;z-index:2;width:fit-content;display:flex;flex-direction:column;gap:.5rem;padding:.5rem;background-color:#00000080;font-size:.8rem;white-space:pre;pointer-events:none}}