@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Roboto:wght@400;700&display=swap";.editor-section{flex:1 1 50%;padding:20px;display:flex;flex-direction:column;border-right:2px solid #ccc;min-width:400px;max-width:70vw;overflow:hidden}.preview-section{flex:1 1 50%;padding:20px;display:flex;flex-direction:column;min-width:300px}.controls{display:flex;gap:10px;margin-bottom:10px}button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s}.btn-run{background:none;border:none;padding:0;cursor:pointer;width:40px;height:40px;transition:transform .1s}.btn-run:hover{transform:scale(1.1)}.btn-run:active{transform:scale(.95)}.btn-run img{width:100%;height:100%;display:block}.btn-stop{padding:8px 16px;font-size:16px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-stop:hover:not(:disabled){background-color:#c0392b}.btn-stop:disabled{background-color:#bdc3c7;cursor:not-allowed}.blockly-area{flex:1;width:100%;height:100%;position:relative;overflow:hidden}.blockly-div{position:absolute;width:100%;height:100%}#pixi-canvas{width:100%;height:100%;border:2px solid #ccc;border-radius:8px;background-color:#f0f0f0;position:relative;overflow:hidden}.app-container{display:flex;flex-direction:row;height:100vh;width:100vw;overflow:hidden;font-family:Roboto,sans-serif}.editor-section,.preview-section{flex:1;padding:20px;display:flex;flex-direction:column}.editor-section{border-right:2px solid #ccc}h2{margin-top:0;font-family:"Press Start 2P",cursive;color:#2c3e50;text-align:center}#blockly-container,#pixi-canvas{flex-grow:1;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a}