:root{--bg:#1e1e24;--panel:#26262e;--border:#3a3a45;--fg:#e6e6ea;--muted:#8a8a96;--accent:#4f8cff;--danger:#ff5f5f;color:var(--fg);font-family:system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;margin:0}.app{grid-template-rows:auto 1fr;height:100%;display:grid}.toolbar{border-bottom:1px solid var(--border);background:var(--panel);align-items:center;gap:8px;padding:8px 12px;display:flex}.brand{letter-spacing:.04em;margin-right:8px;font-weight:700}.spacer{flex:1}.speed{color:var(--muted);align-items:center;gap:6px;margin-left:8px;font-size:12px;display:flex}.speed input{width:110px;accent-color:var(--accent)}button,select{background:var(--border);color:var(--fg);cursor:pointer;font:inherit;border:0;border-radius:6px;padding:6px 12px}button:hover{filter:brightness(1.15)}button:disabled{opacity:.4;cursor:default;filter:none}button.icon{padding:6px 10px;font-size:15px;line-height:1}button.primary{background:var(--accent)}button.danger{background:var(--danger)}.main{min-height:0;display:grid}.editor{min-width:0;min-height:0}.splitter{cursor:col-resize;background:var(--border)}.splitter:hover,.splitter:active{background:var(--accent)}.side{background:var(--panel);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.projects-btn{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.stage-col{aspect-ratio:4/3;border-bottom:1px solid var(--border);background:#fff;flex:none;width:100%;position:relative}.stage{position:absolute;inset:0}.stage:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.ui-panel{z-index:2;background:var(--panel);padding:12px 14px;position:absolute;inset:0;overflow:auto}.ui-panel[hidden]{display:none}.ui-col{flex-direction:column;gap:8px;display:flex}.ui-row{flex-flow:wrap;align-items:center;gap:8px;display:flex}.ui-label{font-size:13px}.ui-panel input{background:var(--bg);color:var(--fg);border:1px solid var(--border);font:inherit;border-radius:6px;width:100%;padding:6px 8px}.ui-panel button{width:max-content}.output{flex-direction:column;flex:1;min-height:0;display:flex}.tabs{border-bottom:1px solid var(--border);gap:4px;padding:6px;display:flex}.tabs button{color:var(--muted);background:0 0}.tabs button.active{color:var(--fg);background:var(--border)}.panel{white-space:pre-wrap;flex:1;min-height:0;margin:0;padding:10px;font:13px/1.5 ui-monospace,monospace;overflow:auto}.panel .error{color:var(--danger)}.muted{color:var(--muted)}.console{flex-direction:column;flex:1;min-height:0;display:flex}.ask{border-top:1px solid var(--border);align-items:center;gap:6px;padding:8px;font-size:13px;display:flex}.ask label{color:var(--accent)}.ask input{background:var(--bg);color:var(--fg);border:1px solid var(--border);font:inherit;border-radius:6px;flex:1;padding:6px 8px}.insp-row{align-items:baseline;gap:8px;padding:1px 0;display:flex}.insp-twist{min-width:1.1em;color:var(--muted);font:inherit;background:0 0;padding:0;line-height:1}.insp-twist:hover{filter:none;color:var(--fg)}.insp-key{color:var(--accent)}.insp-sum{color:var(--muted)}.insp-prim.str{color:#6d8}.insp-prim.num{color:#4f8cff}.insp-prim.bool{color:#c084fc}.insp-prim.null,.insp-prim.undef{color:var(--muted);font-style:italic}.insp-kids{border-left:1px solid var(--border);margin:0 0 0 6px;padding-left:10px}.blox-bp>.blocklyPath{stroke:var(--danger)!important;stroke-width:3px!important}.blockly-ws-search{color:var(--fg);background:var(--panel)!important;border-color:var(--border)!important;box-shadow:none!important}.blockly-ws-search input{background:var(--bg);color:var(--fg);border:1px solid var(--border)}.modal-back{z-index:50;background:#0008;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:min(820px,100%);max-height:min(80vh,640px);display:flex;box-shadow:0 16px 48px #0008}.modal-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.modal-head h2{margin:0;font-size:16px;font-weight:650}.modal-head-right{align-items:center;gap:8px;display:flex}.modal-note{color:var(--muted);flex-shrink:0;margin:0;padding:10px 16px 0;font-size:12px}.gallery{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:12px;padding:16px;display:grid;overflow:auto}.gallery-card{background:var(--bg);text-align:left;flex-direction:column;align-items:stretch;gap:6px;padding:8px;display:flex}.gallery-card:hover,.gallery-card.current{outline:2px solid var(--accent)}.gallery-open{text-align:left;background:0 0;flex-direction:column;align-items:stretch;gap:6px;padding:0;display:flex}.gallery-open:hover{filter:none}.gallery-thumb{aspect-ratio:4/3;background:#111;border-radius:6px;overflow:hidden}.gallery-thumb svg{width:100%;height:100%;display:block}.gallery-open>span,.gallery-card>span{font-size:13px}.gallery-when{color:var(--muted);font-size:11px}.gallery-actions{flex-wrap:wrap;gap:4px;display:flex}.gallery-actions button{padding:4px 8px;font-size:12px}