*{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}#right-panel{flex:1;display:flex;flex-direction:column;background:#000}.panel-tabs{display:flex;background:#2a2a2a;border-bottom:1px solid #3a3a3a}.panel-tab{padding:8px 16px;border:none;background:transparent;color:#888;cursor:pointer;font-size:14px}.panel-tab:hover{color:#ccc}.panel-tab.active{color:#fff;background:#3a3a3a}.panel-content{display:none;flex:1;overflow:hidden}.panel-content.active{display:flex}#player-panel{align-items:center;justify-content:center}#docs-panel{flex-direction:column}#log-panel{flex-direction:column;background:#111}#log-container{flex:1;overflow-y:auto;padding:8px;font-family:Consolas,Monaco,monospace;font-size:12px;color:#0f0}#log-container .log-error{color:#f44}#log-container .log-warn{color:#fa0}#log-container .log-info{color:#0af}#docs-container{flex:1;overflow:hidden}#canvas{max-width:100%;max-height:100%}#player-frame{width:100%;height:100%;border:none}.loading,.error,.no-results{padding:40px;text-align:center;color:#888}.error{color:#f44}.docs-layout{display:flex;height:100%}.docs-sidebar{width:180px;background:#2a2a2a;border-right:1px solid #3a3a3a;overflow-y:auto;flex-shrink:0}.docs-sidebar-inner{display:flex;flex-direction:column}.sidebar-header{padding:16px;border-bottom:1px solid #3a3a3a}.sidebar-header a{color:#4fc3f7;text-decoration:none}.docs-sidebar #search,.docs-sidebar #docs-search{width:calc(100% - 24px);margin:12px;padding:8px 12px;border:1px solid #3a3a3a;border-radius:4px;background:#1a1a1a;color:#fff;font-size:14px}.module-list,.module-group{display:flex;flex-direction:column}.module-group-label{padding:8px 16px 4px;color:#888;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.module-item{padding:8px 16px;color:#ccc;text-decoration:none;font-size:14px}.module-item.module-child{padding-left:28px}.module-item:hover{background:#3a3a3a}.module-item.active{background:#3a3a3a;color:#4fc3f7}.docs-content{flex:1;overflow-y:auto;padding:24px}.doc-entry{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #3a3a3a}.doc-entry h2{font-size:20px;margin-bottom:8px;color:#4fc3f7}.source-link{font-size:12px;font-weight:400;color:#888;text-decoration:none}.source-link:hover{color:#4fc3f7;text-decoration:underline}.doc-file{font-size:12px;color:#888;margin-bottom:8px}.doc-desc{color:#aaa;margin-bottom:12px}.doc-type{background:#1e1e1e;padding:12px;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:13px;overflow-x:auto;margin-bottom:12px}.doc-fields{margin-top:16px}.doc-field{padding:8px 0;border-top:1px solid #2a2a2a}.field-name{font-family:Consolas,Monaco,monospace;color:#e6db74;margin-right:12px}.field-type{font-family:Consolas,Monaco,monospace;color:#66d9ef;font-size:13px}.field-desc{color:#888;font-size:13px;margin-top:4px}