:root{--selectedfile-background: #ccf;--color: #2d2d2c;--background: #fafafa;--background-alt: #efefef;--border-color: #d6d6d6;--link: #0000ff;--active-link: #ff0000;--log-info: #7d7d7c;--log-out: #1d1d1c;--log-err: #ff0000}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--selectedfile-background: #557;--color: #cccccc;--background: #2d2d2d;--background-alt: #424242;--border-color: #575757;--link: #8888ff;--active-link: #ff8888;--log-info: #999999;--log-out: #ffffff;--log-err: #ff0000}}body{color:var(--color);background:var(--background);font:12px/normal sans-serif}code,kbd,samp,pre,textarea,input[type=text],.data_table td{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace}pre{margin:0}input,textarea{border:1px solid #555;border-radius:4px;padding:4px;background-color:var(--background);color:var(--color)}button{border:1px solid #555;border-radius:4px;padding:4px 16px;margin:2px;background-color:var(--background);color:var(--color)}button:hover{background-color:var(--background-alt)}a:link,a:visited{color:var(--link);text-decoration:underline}a:hover,a:active{color:var(--active-link);text-decoration:none}.cpuLineMarker{position:absolute;background:#64c86480;z-index:20}.ace_gutter-cell.ace_breakpoint{border-radius:14px;box-shadow:10px 0 1px 1px #ff2020 inset}.ace_gutter-cell.ace_invalid_breakpoint{border-radius:14px;box-shadow:10px 0 1px 1px #802020 inset}.right{text-align:right}.tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--border-color)}.tabs>input[type=radio]{display:none}.tabs>label{border:1px solid var(--border-color);background:var(--background-alt);padding:4px 12px;border-radius:4px 4px 0 0;position:relative;top:1px}.tabs>input:checked+label{background:var(--background);border-bottom:1px solid var(--background)}.tabs>input+label+div{order:99;display:none;flex-basis:100%;padding:16px;border-top:1px solid var(--border-color);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}.tabs>input:checked+label+div{display:block}table{border-collapse:collapse}table,th,td{border:1px solid var(--border-color);background:var(--background);font-weight:400;text-align:left}.data_table th,.data_table td{padding:2px 8px}.noborder table{width:100%}.noborder table,.noborder td{border:0px;padding:4px}.noborder .fill{width:100%}body{margin:0}canvas{image-rendering:pixelated}.menubar{background:var(--background);border-bottom:1px solid var(--border-color)}.menubar ul{padding:0;margin:0}.menubar li{display:block;float:left;border-top:1px solid var(--background-alt);border-right:1px solid var(--background-alt);border-left:1px solid var(--background-alt);padding:4px 16px;position:relative;background-color:var(--background);-webkit-user-select:none;user-select:none;white-space:nowrap}.menubar li#hamburger-container{margin-top:-2px;padding-top:0}.menubar li#hamburger-container:active{background-color:var(--selectedfile-background)}.menubar li#hamburger-container:hover{cursor:pointer;background-color:default}.menubar li#hamburger-container .hamburger{display:block;font-size:16px;transform:scale(1.5);position:relative;top:1px}.menubar li ul{display:none;position:absolute;margin:4px 0 0 -17px;box-shadow:0 8px 16px #0003;z-index:10}.menubar li ul li{width:100%}.menubar li ul li:last-child{border-bottom:1px solid var(--background-alt)}.menubar ul li:hover,.filelist-open li#hamburger-container{background-color:var(--background-alt)}.menubar li:hover ul,.menubar li:active ul{display:block}.filelist ul{padding:0;margin:0}.filelist li{overflow:auto;background:var(--background);padding:4px 8px;cursor:pointer;-webkit-user-select:none;user-select:none}.filelist li:nth-child(2n){background:var(--background-alt)}.filelist li.active{background:var(--selectedfile-background)}.filelist li.error:after{content:"❌";position:absolute;right:4px}.filelist li.warning:after{content:"⚠️";position:absolute;right:4px}.modal{display:none;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal .content{background-color:var(--background);margin:15% auto;padding:20px;border:1px solid var(--border);width:80%}.modal .close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.modal .close:hover,.modal .close:focus{color:var(--active-link)}.close:after{content:"🗙";display:block;width:24px;height:24px;line-height:24px;font-size:20px;text-align:center}.container{display:grid;grid-template-columns:200px auto 520px;grid-template-rows:24px auto 20%;grid-gap:0;height:100vh;overflow:hidden}.menubar{grid-column:1 / 4;grid-row:1}.editor{grid-column-start:1;grid-column-end:3;grid-row:2}.filelist-open .editor{grid-column:2}.sidebar{grid-column:1;grid-row:2;overflow:auto}.emulator{grid-column:3;grid-row:2 / 4;overflow:auto}.console{grid-column:1 / 3;grid-row:3;overflow:hidden}.output{border:1px inset #999;padding:2px;margin:0;width:calc(100% - 6px);height:calc(100% - 6px);overflow:auto;white-space:pre-wrap}.output .info{color:var(--log-info)}.output .stdout{color:var(--log-out)}.output .stderr{color:var(--log-err)}.emulator_screen_container{width:512px;height:512px}.emulator_canvas_screen{width:480px}.emulator_vram_screen{width:512px}@media only screen and (max-height: 600px),only screen and (max-width: 1024px){.emulator_screen_container{height:256px}.emulator_canvas_screen{width:240px}.emulator_vram_screen{width:256px}}.emulator_display_header{position:sticky;top:0;background-color:var(--background-alt)}@media only screen and (max-width: 600px){.container{display:grid;grid-template-columns:auto;grid-template-rows:24px 600px auto 100px 300px;grid-gap:0}.menubar{grid-column:1;grid-row:1}.sidebar{grid-column:1;grid-row:4;overflow:auto}.editor{grid-column:1;grid-row:2}.emulator{grid-column:1;grid-row:3}.console{grid-column:1;grid-row:5}}