.red-code{--rd-red:#e73748;--rd-red-hover:#d12e3f;--rd-teal:#006468;--rd-bg:#f4f7fb;display:flex;flex-direction:column;min-height:min(720px,calc(100vh - 220px));font-family:Tahoma,Verdana,sans-serif;user-select:none}.red-code-toolbar{display:flex;align-items:center;gap:.25rem;min-height:44px;padding:0 .75rem;background:var(--rd-red);color:#fff;font-size:.875rem;font-weight:600;flex-shrink:0}.red-code-brand{font-weight:800;letter-spacing:.03em;margin-right:.5rem;white-space:nowrap}.red-code-sep{width:0;height:1.4rem;margin:0 .35rem;border-left:1px dashed rgba(255,255,255,.35)}.red-code-tb-btn{display:inline-flex;align-items:center;gap:.35rem;margin:.25rem;padding:.35rem .55rem;max-height:28px;border-color:rgba(255,255,255,.2) rgba(0,0,0,.2) rgba(0,0,0,.2) rgba(255,255,255,.2);border-style:solid;border-width:1px;border-radius:6px;background:transparent;color:inherit;font:inherit;cursor:pointer;white-space:nowrap}.red-code-tb-btn:hover{background:var(--rd-red-hover)}.red-code-tb-btn:disabled{opacity:.45;cursor:not-allowed}.red-code-tb-input{outline:none;font:inherit;font-weight:600;padding:.35rem .45rem;color:#fff;background:transparent;border:none;border-radius:6px;min-width:7rem;max-width:12rem;border:3px solid var(--rd-red);border-radius:8px}.red-code-tb-input:focus{color:#111;background:#fff;border-color:#fe8ba4}.red-code-tb-spacer{flex:1}.red-code-workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 6px minmax(200px,.42fr);grid-template-rows:minmax(0,1fr);background:var(--rd-bg)}.red-code-pane-editor{grid-column:1;padding-right:2px}.red-code-pane-code,.red-code-pane-editor{grid-row:1;display:flex;flex-direction:column;min-width:0;min-height:0}.red-code-pane-code{grid-column:3}.red-code-v-split{grid-column:2;grid-row:1;cursor:col-resize;background:transparent}.red-code-blockly-host{flex:1;min-height:420px;overflow:hidden;background:#f4f7fb;position:relative}.red-code-blockly-host .blocklySvg,.red-code-blockly-host .injectionDiv{width:100%!important;height:100%!important}.red-code-blockly-host .blocklyFlyout[style*="display: none"]~.blocklyFlyoutScrollbar,.red-code-blockly-host .blocklyFlyout[style*="display:none"]~.blocklyFlyoutScrollbar{display:none!important}.red-code-blockly-host .blocklyToolboxDiv{background:#fff!important;border-right:1px solid #e5eaf0;padding:8px 0;width:118px!important}.red-code-blockly-host .blocklyTreeRow{height:34px!important;line-height:34px!important;padding:0 10px!important;margin:3px 8px!important;border-radius:8px!important;border-left:none!important;border-right:none!important;justify-content:center;box-shadow:0 1px 2px rgba(15,23,42,.12);transition:filter .12s ease,box-shadow .12s ease}.red-code-blockly-host .blocklyTreeRow:hover{filter:brightness(1.06)}.red-code-blockly-host .blocklyTreeSelected{filter:brightness(.92);box-shadow:inset 0 0 0 2px rgba(255,255,255,.45),0 1px 2px rgba(15,23,42,.16)}.red-code-blockly-host .blocklyTreeLabel{font-family:Tahoma,Verdana,sans-serif;font-size:11.5px;font-weight:700;color:#fff!important;letter-spacing:.01em;text-shadow:0 1px 1px rgba(0,0,0,.15)}.red-code-blockly-host .blocklyTreeIcon,.red-code-blockly-host .categoryBubble{display:none!important}.red-code-blockly-host .blocklyFlyoutBackground{fill:#eef2f7!important}.red-code-blockly-host .blocklyMainBackground{stroke:none!important}.red-code-blockly-host .blocklyText{font-weight:600!important}.red-code-blockly-host .blocklyEditableText>rect{rx:8;ry:8}.red-code-blockly-host .blocklyScrollbarHandle{rx:4;ry:4}.red-code-editor{height:100%;display:flex;flex-direction:column;margin:6px 8px 0 4px;border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden;background:var(--rd-teal)}.red-code-bar{display:flex;align-items:center;gap:.35rem;min-height:36px;padding:0 .5rem;color:#fff;font-weight:700;background:#4db7bb}.red-code-view{flex:1;min-height:0;margin:0 4px 4px;padding:.75rem;border-radius:6px;resize:none;border:none;outline:none;font-family:Consolas,Courier New,monospace;font-size:.875rem;line-height:1.35;white-space:pre;overflow:auto;background:#fff;color:#111;user-select:text;tab-size:2}.red-code-status{display:flex;align-items:center;gap:.75rem;min-height:28px;padding:0 .75rem;background:#6b7280;color:#fff;font-size:.8rem;flex-shrink:0}.red-code-status-dot{width:8px;height:8px;border-radius:50%;background:#9ca3af}.red-code-status-dot.online{background:#4ade80}.red-code-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);display:grid;place-items:center;z-index:1000}.red-code-modal{min-width:300px;max-width:520px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 8px #00000054;font-family:Tahoma,Verdana,sans-serif;user-select:text}.red-code-modal-header{min-height:40px;padding:.5rem .75rem;display:flex;align-items:center;justify-content:center;background:var(--rd-red);color:#fff;font-weight:700}.red-code-modal-body{padding:1.25rem 1.5rem;line-height:1.45}.red-code-modal-footer{display:flex;justify-content:center;gap:.5rem;padding:.75rem 1rem 1rem;border-top:1px solid #ececf0}.red-code-modal-btn{min-width:72px;padding:.4rem .75rem;font-weight:700;border-radius:6px;border:1px solid #ccc;background:#f3f4f6;cursor:pointer}.red-code-modal-btn.primary{color:#fff;background:var(--rd-red);border-color:#c92235}@media (max-width:900px){.red-code-workspace{grid-template-columns:1fr;grid-template-rows:minmax(320px,1fr) minmax(180px,.4fr)}.red-code-pane-editor{grid-column:1;grid-row:1}.red-code-pane-code{grid-column:1;grid-row:2}.red-code-v-split{display:none}}