*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:system-ui,-apple-system,sans-serif;background:#1a1a1a;color:#fff}#app{height:100%}.container{display:flex;flex-direction:column;height:100%}.toolbar{display:flex;gap:8px;padding:8px 12px;background:#2a2a2a;border-bottom:1px solid #3a3a3a}.toolbar button,.toolbar select{padding:6px 12px;border:none;border-radius:4px;background:#3a3a3a;color:#fff;cursor:pointer;font-size:14px}.toolbar button:hover{background:#4a4a4a}#run-btn{background:#2d7d32}#run-btn:hover{background:#388e3c}#share-btn{margin-left:auto}.editor-canvas{display:flex;flex:1;overflow:hidden}#editor{flex:1;overflow:auto;background:#1e1e1e;border-right:1px solid #3a3a3a}#canvas-container{flex:1;display:flex;align-items:center;justify-content:center;background:#000}#canvas{max-width:100%;max-height:100%}#player-frame{width:100%;height:100%;border:none}