body{color:#fff;background-color:#0f1116;margin:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#header{max-width:1200px}body{color:#d1d5db;background:#0f172a}.menu-bar{z-index:2;background:#1e293b;gap:4px;padding:8px 16px;display:flex}.menu-group{position:relative}.menu-btn{cursor:pointer;background:#374151;border-radius:4px;padding:8px 16px}.menu-btn:hover{background:#4b5563}.dropdown{background:#374151;min-width:200px;padding:4px 0;display:none;position:absolute;top:100%;left:0}.menu-group:hover .dropdown{display:block}.item{cursor:pointer;padding:8px 16px;position:relative}.item:hover{background:#4b5563}.shortcut{float:right;color:#9ca3af}.submenu{background:#374151;min-width:180px;padding:4px 0;display:none;position:absolute;top:0;left:100%}.item:hover .submenu{display:block}.has-sub:after{content:"▶";font-size:10px;position:absolute;top:8px;right:8px}canvas,#error-background{background_color:#f0f;width:100%;height:100%;position:absolute;top:0;left:0}#wgpu-canvas{z-index:1}#error-background{z-index:0}.main-div{flex-direction:column;height:100vh;margin:0;display:flex}.canvas-div{flex:1;position:relative}