.jrb{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""main""extras";gap:14px;font-size:15px;display:grid}.jrb-stagecol{flex-direction:column;grid-area:stage;justify-self:center;gap:10px;width:100%;min-width:0;max-width:400px;display:flex}.jrb-main{flex-direction:column;grid-area:main;gap:10px;min-width:0;display:flex}.jrb-extras{flex-direction:column;grid-area:extras;gap:12px;min-width:0;display:flex}.jrb-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.jrb-spacer{flex:1}.jrb-flag,.jrb-stop{min-height:48px;font:inherit;color:#fff;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:6px 18px 6px 12px;font-size:1.05rem;display:inline-flex;box-shadow:0 3px #00000038}.jrb-flag span,.jrb-stop span{font-size:1.5rem;line-height:1}.jrb-flag{background:#1fa855}.jrb-flag:hover{background:#178a45}.jrb-stop{background:#e5484d}.jrb-stop:hover:not(:disabled){background:#c93a3f}.jrb-stop:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.jrb-flag:active,.jrb-stop:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #00000038}.jrb[data-running=true] .jrb-flag{outline-offset:2px;outline:3px solid #86e3a8}.jrb-info{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:8px 12px;font-size:.88rem;display:flex}.jrb-info b{color:var(--text);font-variant-numeric:tabular-nums}.jrb-info-name{color:var(--text);margin-right:4px;font-size:1rem}.jrb-info-vis[data-visible=false]{color:#b45309}.jrb-footer{justify-content:flex-end;display:flex}.jrb-ws{border:2px solid var(--border);touch-action:none;background:#f3f6fc;border-radius:14px;height:460px;min-height:360px;position:relative;overflow:hidden}.jrb-host{position:absolute;inset:0}.jrb-hint{z-index:5;pointer-events:none;color:#6b7488;text-align:center;background:#ffffffd9;border-radius:16px;max-width:80%;padding:12px 20px;font-size:1.05rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #00000014}.jrb-fail{color:#b91c1c;place-items:center;margin:0;font-weight:700;display:grid;position:absolute;inset:0}.jrb-ws .blocklyToolbox{background:#fff;border-right:1px solid #d5dbe8;width:78px;padding:6px 0;overflow-y:auto}.jrb-ws .blocklyToolboxCategory{cursor:pointer;border-radius:12px;margin:0 4px 2px;border-left:0!important;height:auto!important;padding:6px 0 5px!important}.jrb-ws .blocklyTreeRowContentContainer{flex-direction:column;align-items:center;gap:3px;display:flex}.jrb-ws [class*=jrb-ic-]{background:var(--jrb-c,#888);border-radius:50%;place-items:center;width:44px;height:44px;box-shadow:0 2px #0000002e;display:grid!important}.jrb-ws [class*=jrb-ic-]:after{font-size:22px;line-height:1}.jrb-ws .jrb-ic-start:after{content:"🏁"}.jrb-ws .jrb-ic-motion:after{content:"🏃"}.jrb-ws .jrb-ic-looks:after{content:"👀"}.jrb-ws .jrb-ic-sound:after{content:"🔊"}.jrb-ws .jrb-ic-control:after{content:"🔁"}.jrb-ws .jrb-ic-end:after{content:"🛑"}.jrb-ws .blocklyToolboxCategoryLabel{color:#575e75;text-align:center;font-size:12px;font-weight:800;line-height:1.1;margin:0!important;padding:0!important}.jrb-ws .blocklyToolboxCategory.blocklyToolboxSelected{box-shadow:inset 0 0 0 2px var(--jrb-c,#4c97ff);background:color-mix(in srgb, var(--jrb-c,#4c97ff) 16%, #fff)!important}.jrb-ws .blocklyToolboxSelected .blocklyToolboxCategoryLabel{color:#1f2540!important}@media (max-width:520px){.jrb-ws .blocklyToolbox{width:66px}.jrb-ws [class*=jrb-ic-]{width:38px;height:38px}.jrb-ws [class*=jrb-ic-]:after{font-size:19px}.jrb-ws .blocklyToolboxCategoryLabel{font-size:11px}}.jrb-ws .jrb-orphan{opacity:.62}.jrb-ws .jrb-running{filter:drop-shadow(0 0 7px #ffd23f)drop-shadow(0 0 3px #fff3b0)}.jrb-ws .blocklyFlyoutBackground{fill:#e6edf7}.blocklyDropDownDiv,.blocklyWidgetDiv{z-index:1000}.jrb-ws .blocklyHtmlInput{font-size:17px;font-weight:700}@container (min-width:880px){.jrb{grid-template-columns:minmax(0,1fr) minmax(340px,460px);grid-template-areas:"main stage""main extras";align-items:start}.jrb-stagecol{justify-self:stretch;max-width:none}.jrb-main{align-self:stretch}.jrb-ws{height:100%;min-height:560px}}