@font-face{font-family:PixelCode;src:url(/fonts/PixelCode.otf) format("opentype");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}:root{--gb-darkest: #13160D;--gb-dark: #363D2C;--gb-light: #5D624B;--gb-lighter: #8A906E;--gb-lightest: #98A077}html,body{height:100%;overflow:hidden;background:var(--gb-lightest);color:var(--gb-darkest);font-family:PixelCode,monospace;font-size:11px}#app{height:100%;display:flex;flex-direction:column}#toolbar{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 8px;background:var(--gb-lightest);border-bottom:1px solid var(--gb-light);flex-shrink:0}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:6px}.logo{font-size:14px;color:var(--gb-darkest);margin-right:12px;letter-spacing:1px}.tb-btn{background:var(--gb-lightest);color:var(--gb-darkest);border:1px solid var(--gb-light);border-radius:2px;padding:2px 8px;font-family:inherit;font-size:10px;cursor:pointer;white-space:nowrap}.tb-btn:hover:not(:disabled){background:var(--gb-lighter)}.tb-btn:disabled{opacity:.4;cursor:default}#toolbar select{background:var(--gb-lightest);color:var(--gb-darkest);border:1px solid var(--gb-light);border-radius:2px;padding:2px 4px;font-family:inherit;font-size:10px;cursor:pointer;outline:none}#toolbar select:hover{background:var(--gb-lighter)}#main{flex:1;display:flex;min-height:0}#divider{width:1px;cursor:col-resize;background:var(--gb-light);flex-shrink:0}#divider:hover,#divider.dragging{background:var(--gb-dark)}#editor-pane{flex:2;display:flex;flex-direction:column;min-width:100px}#editor-header{height:24px;line-height:24px;padding:0 10px;background:var(--gb-lightest);border-bottom:1px solid var(--gb-light);font-size:10px;color:var(--gb-darkest);flex-shrink:0}#editor{flex:1;min-height:0;overflow:hidden}#editor .cm-editor{height:100%;background:var(--gb-lightest);font-family:PixelCode,monospace;font-size:11px}#editor .cm-scroller{overflow:auto;font-family:PixelCode,monospace!important}#editor .cm-content{caret-color:var(--gb-darkest)}#editor .cm-cursor{border-left-color:var(--gb-darkest)}#editor .cm-gutters{background:var(--gb-lightest);color:var(--gb-light);border-right:1px solid var(--gb-light);font-family:PixelCode,monospace}#editor .cm-activeLineGutter{background:var(--gb-lighter);color:var(--gb-darkest)}#editor .cm-activeLine{background:var(--gb-lighter)}#editor .cm-selectionBackground,#editor .cm-focused .cm-selectionBackground{background:var(--gb-dark)!important}#editor .cm-line{color:var(--gb-darkest)}#editor .cm-line *{color:inherit!important}#editor .cm-editor .cm-line::selection,#editor .cm-editor .cm-line *::selection{color:var(--gb-lightest)!important;background:var(--gb-dark)!important}#editor .cm-selectionMatch{background:var(--gb-lighter)!important}#preview-pane{flex:7;display:flex;flex-direction:column;min-width:100px}#preview-header{height:24px;line-height:24px;padding:0 10px;background:var(--gb-lightest);border-bottom:1px solid var(--gb-light);font-size:10px;color:var(--gb-darkest);flex-shrink:0}#lcd-wrap{flex:1;display:flex;align-items:center;justify-content:center;background:var(--gb-lightest);min-height:0;overflow:hidden}#lcd-canvas{display:block}#lcd-wrap:fullscreen{width:100vw;height:100vh;background:var(--gb-lightest)}#console-wrap{height:100px;border-top:1px solid var(--gb-light);display:flex;flex-direction:column;flex-shrink:0}#console-header{height:20px;line-height:20px;padding:0 10px;background:var(--gb-lightest);border-bottom:1px solid var(--gb-light);font-size:9px;color:var(--gb-darkest);flex-shrink:0}#console-output{flex:1;overflow-y:auto;background:var(--gb-lightest);padding:4px 8px;font-size:9px;line-height:1.5;color:var(--gb-darkest)}#console-output .log-error{color:#c44}#console-output .log-warn{color:var(--gb-dark)}#sketch-frame{position:absolute;left:-9999px;top:-9999px;width:160px;height:144px;border:none;pointer-events:none}