@import '_content/Client.UI/Client.UI.dxhvqao229.bundle.scp.css';

/* /Components/Brain/BrainView.razor.rz.scp.css */
.source-detail[b-6qrq77csu6] { margin-top: 1rem; padding: 1rem; border: 1px solid var(--client-border); border-radius: .5rem; background: var(--client-surface); }
.source-detail h2[b-6qrq77csu6] { margin-top: 0; font-size: 1rem; }
.source-detail code[b-6qrq77csu6] { overflow-wrap: anywhere; }
.source-detail button[b-6qrq77csu6] { color: inherit; background: transparent; border: 1px solid var(--client-border); border-radius: .3rem; padding: .4rem .7rem; cursor: pointer; }
/* /Components/ClientErrors/ClientErrorView.razor.rz.scp.css */
.client-error[b-ee0kqjakyg]{display:grid;gap:var(--client-space-4);padding:var(--client-space-4)}
.client-error p[b-ee0kqjakyg]{margin:0 0 var(--client-space-2);color:var(--client-text-body)}
.client-error dl[b-ee0kqjakyg]{display:grid;grid-template-columns:max-content 1fr;gap:var(--client-space-1) var(--client-space-4);margin:var(--client-space-3) 0}
.client-error dt[b-ee0kqjakyg]{color:var(--client-text-muted)}
.client-error dd[b-ee0kqjakyg]{margin:0;overflow-wrap:anywhere}
.client-error pre[b-ee0kqjakyg]{font-family:var(--client-mono);font-size:.8rem;white-space:pre-wrap;overflow-wrap:anywhere;max-height:28rem;overflow:auto;padding:var(--client-space-3);background:var(--client-surface-raised);border-radius:var(--client-radius)}
.client-error summary[b-ee0kqjakyg]{cursor:pointer;color:var(--client-text-secondary)}
.client-error ul[b-ee0kqjakyg]{list-style:none;margin:0;padding:0;display:grid;gap:var(--client-space-2)}
.client-error li[b-ee0kqjakyg]{display:flex;gap:var(--client-space-3);flex-wrap:wrap}
.client-error li span[b-ee0kqjakyg]{color:var(--client-text-muted)}
/* /Components/ComponentsRegistry/ComponentsView.razor.rz.scp.css */
.designer[b-rfuln6h9vv] { height:100%; min-height:0; color:var(--client-text); font:var(--client-text-body)/1.45 var(--client-font); }
/* client.css styles every li as a timeline step; lists here are plain. */
li[b-rfuln6h9vv] { border-left:0; padding:0; }
.checks li[b-rfuln6h9vv], .save-result li[b-rfuln6h9vv] { padding:2px 0; }

/* Shared bits */
.field[b-rfuln6h9vv] { box-sizing:border-box; width:100%; min-width:0; padding:5px 8px; border:1px solid var(--client-border); border-radius:var(--client-radius); background:var(--client-surface); color:var(--client-text); font:inherit; font-size:12px; }
.field:focus[b-rfuln6h9vv] { outline:none; border-color:var(--client-accent); box-shadow:0 0 0 2px var(--client-accent-weak); }
.mono[b-rfuln6h9vv] { font-family:var(--client-mono); }
.panel-title[b-rfuln6h9vv] { margin:0 0 8px; color:var(--client-text-muted); font-size:10px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.panel-empty[b-rfuln6h9vv] { margin:4px 0; color:var(--client-text-muted); font-size:12px; line-height:1.5; }
.prop-error[b-rfuln6h9vv] { margin:4px 0 0; color:var(--client-danger); font-size:12px; }
.link-btn[b-rfuln6h9vv] { padding:0; border:0; background:transparent; color:var(--client-accent); font:inherit; font-size:12px; cursor:pointer; }
.link-btn:hover[b-rfuln6h9vv] { text-decoration:underline; }
.icon-btn[b-rfuln6h9vv] { padding:2px 6px; border:0; border-radius:var(--client-radius); background:transparent; color:var(--client-text-muted); cursor:pointer; }
.icon-btn:hover[b-rfuln6h9vv] { background:var(--client-surface-hover); color:var(--client-text); }

/* Palette (sidebar) */
.palette[b-rfuln6h9vv] { display:flex; flex-direction:column; gap:6px; min-width:0; padding:8px 12px 16px; overflow-x:hidden; }
.palette-head[b-rfuln6h9vv] { display:flex; gap:4px; align-items:center; }
.palette-note[b-rfuln6h9vv], .palette-foot[b-rfuln6h9vv] { margin:6px 4px; color:var(--client-text-muted); font-size:12px; line-height:1.5; }
.palette-foot[b-rfuln6h9vv] { margin-top:10px; font-size:11px; }
.palette-group[b-rfuln6h9vv] { border-bottom:1px solid var(--client-border); padding-bottom:4px; }
.palette-group summary[b-rfuln6h9vv] { display:flex; justify-content:space-between; align-items:center; padding:6px 4px; color:var(--client-text-secondary); font-size:11px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; cursor:pointer; list-style:none; }
.palette-group summary[b-rfuln6h9vv]::-webkit-details-marker { display:none; }
.palette-group summary[b-rfuln6h9vv]::before { content:"▸"; margin-right:6px; color:var(--client-text-muted); }
.palette-group[open] summary[b-rfuln6h9vv]::before { content:"▾"; }
.palette-group summary span:first-of-type[b-rfuln6h9vv] { flex:1; }
.palette-group .count[b-rfuln6h9vv] { color:var(--client-text-muted); font-family:var(--client-mono); font-weight:400; }
.palette-group ul[b-rfuln6h9vv] { display:grid; grid-template-columns:1fr; gap:2px; margin:0; padding:0; list-style:none; }
.palette-item[b-rfuln6h9vv] { display:flex; min-width:0; align-items:stretch; border-radius:var(--client-radius); }
.palette-item:hover[b-rfuln6h9vv] { background:var(--client-surface-hover); }
.palette-main[b-rfuln6h9vv] { display:flex; flex:1; min-width:0; align-items:center; gap:8px; padding:5px 6px; border:0; background:transparent; color:var(--client-text); font:inherit; font-size:13px; text-align:left; cursor:pointer; }
.palette-glyph[b-rfuln6h9vv] { flex:0 0 20px; display:inline-grid; place-items:center; width:20px; height:20px; border:1px solid var(--client-border); border-radius:4px; color:var(--client-text-muted); font-size:11px; }
.is-composite .palette-glyph[b-rfuln6h9vv] { border-color:var(--client-accent); color:var(--client-accent); }
.palette-name[b-rfuln6h9vv] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.palette-add[b-rfuln6h9vv] { width:28px; border:0; border-radius:var(--client-radius); background:transparent; color:var(--client-accent); font-size:16px; cursor:pointer; }
.palette-add:hover[b-rfuln6h9vv] { background:var(--client-accent-weak); }

/* Main work area */
.designer-main[b-rfuln6h9vv] { display:flex; flex-direction:column; height:100%; min-height:calc(100vh - 120px); gap:10px; }
.bar-actions[b-rfuln6h9vv] { display:flex; flex-shrink:0; gap:6px; }

.save-result[b-rfuln6h9vv] { position:relative; padding:10px 36px 10px 12px; border:1px solid var(--client-border); border-radius:var(--client-radius-lg); font-size:13px; }
.save-result.ok[b-rfuln6h9vv] { border-color:var(--client-success); }
.save-result.bad[b-rfuln6h9vv] { border-color:var(--client-warning); }
.save-result p[b-rfuln6h9vv] { margin:0; }
.save-result ul[b-rfuln6h9vv] { margin:6px 0 0; padding-left:18px; }
.save-result li[b-rfuln6h9vv] { margin:2px 0; }
.save-result .dismiss[b-rfuln6h9vv] { position:absolute; top:6px; right:6px; }

.designer-work[b-rfuln6h9vv] { display:grid; flex:1; min-height:0; grid-template-columns:minmax(0,1fr) 330px; gap:10px; }
.stage-column[b-rfuln6h9vv] { display:flex; flex-direction:column; min-width:0; min-height:0; gap:8px; }
.stage-bar[b-rfuln6h9vv] { display:flex; align-items:center; gap:12px; flex-wrap:nowrap; min-width:0; }
.mode-switch[b-rfuln6h9vv] { display:inline-flex; padding:2px; border:1px solid var(--client-border); border-radius:var(--client-radius); background:var(--client-surface-raised); }
.mode-switch button[b-rfuln6h9vv] { padding:4px 12px; border:0; border-radius:calc(var(--client-radius) - 1px); background:transparent; color:var(--client-text-secondary); font:inherit; font-size:12px; cursor:pointer; }
.mode-switch button[aria-pressed="true"][b-rfuln6h9vv] { background:var(--client-accent-weak); color:var(--client-text); }
.stage-hint[b-rfuln6h9vv] { flex:1; min-width:0; overflow:hidden; color:var(--client-text-muted); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
/* The design name is the canvas title: reads as a heading, edits in place. */
.canvas-title[b-rfuln6h9vv] { flex:0 1 280px; min-width:90px; padding:3px 6px; border:1px solid transparent; border-radius:var(--client-radius); background:transparent; color:var(--client-text); font:inherit; font-size:16px; font-weight:600; }
.canvas-title:hover[b-rfuln6h9vv] { border-color:var(--client-border); }
.canvas-title:focus[b-rfuln6h9vv] { outline:none; border-color:var(--client-accent); background:var(--client-surface); }
.canvas-title[b-rfuln6h9vv]::placeholder { color:var(--client-text-muted); font-weight:500; }
.stage-bar .real-run[b-rfuln6h9vv] { display:flex; flex-shrink:0; white-space:nowrap; flex-direction:row; align-items:center; gap:6px; color:var(--client-warning); font-size:12px; }

.stage[b-rfuln6h9vv] { position:relative; flex:1; min-height:300px; padding:28px; overflow:auto; border:1px solid var(--client-border); border-radius:var(--client-radius-lg);
    background-color:var(--client-surface); background-image:radial-gradient(var(--client-border) 1px, transparent 1px); background-size:16px 16px; }
.stage.trying[b-rfuln6h9vv] { border-color:var(--client-accent); }
.stage-frame[b-rfuln6h9vv] { margin:0; padding:20px; border:1px solid var(--client-border); border-radius:var(--client-radius-lg); background:var(--client-surface-raised); box-shadow:0 8px 24px rgb(0 0 0 / .25); }
.stage-note[b-rfuln6h9vv] { margin:0 0 10px; color:var(--client-warning); font-size:12px; }
.stage-empty[b-rfuln6h9vv] { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; height:100%; min-height:240px; padding:24px; border:2px dashed var(--client-border); border-radius:var(--client-radius-lg); color:var(--client-text-muted); text-align:center; }
.stage-empty p[b-rfuln6h9vv] { margin:0; max-width:380px; font-size:13px; line-height:1.55; }
.stage-empty .big[b-rfuln6h9vv] { color:var(--client-text-secondary); font-size:15px; font-weight:600; }

/* Design mode: the host wraps each node in a display:contents element; outline the part it renders. */
.stage-frame[b-rfuln6h9vv]  .design-node { cursor:pointer; }
.stage-frame[b-rfuln6h9vv]  .design-node > :not(.design-node):hover { outline:1px dashed var(--client-accent); outline-offset:2px; }
.stage-frame[b-rfuln6h9vv]  .design-node[data-design-selected] > :not(.design-node) { outline:2px solid var(--client-accent); outline-offset:3px; border-radius:2px; }
/* A part that threw while drawing: a plain message in its spot, with Remove. */
.stage-frame[b-rfuln6h9vv]  .design-part-error { display:flex; align-items:center; gap:10px; padding:8px 10px; border:1px solid var(--client-danger); border-radius:var(--client-radius); color:var(--client-text); font-size:12px; }
.stage-frame[b-rfuln6h9vv]  .design-part-error button { margin-left:auto; padding:3px 10px; border:1px solid var(--client-border); border-radius:var(--client-radius); background:var(--client-surface); color:var(--client-danger); font:inherit; cursor:pointer; }

.dock[b-rfuln6h9vv] { display:flex; flex-direction:column; min-height:150px; max-height:260px; border:1px solid var(--client-border); border-radius:var(--client-radius-lg); background:var(--client-surface-raised); }
.dock-tabs[b-rfuln6h9vv] { display:flex; gap:2px; padding:0 8px; border-bottom:1px solid var(--client-border); }
.dock-tabs button[b-rfuln6h9vv] { display:flex; align-items:center; gap:6px; padding:8px 10px; border:0; border-bottom:2px solid transparent; background:transparent; color:var(--client-text-secondary); font:inherit; font-size:12px; cursor:pointer; }
.dock-tabs button[aria-selected="true"][b-rfuln6h9vv] { border-bottom-color:var(--client-accent); color:var(--client-text); }
.badge-count[b-rfuln6h9vv] { min-width:16px; padding:0 5px; border-radius:8px; background:var(--client-surface-overlay); color:var(--client-text); font-size:10px; text-align:center; }
.dock-body[b-rfuln6h9vv] { flex:1; min-height:0; padding:10px 12px; overflow:auto; }
.dock-note[b-rfuln6h9vv] { margin:0 0 8px; color:var(--client-text-muted); font-size:12px; }
.dock-note.ok[b-rfuln6h9vv] { color:var(--client-success); }
.dock-actions[b-rfuln6h9vv] { display:flex; align-items:center; gap:8px; margin-top:8px; }
.state-editor[b-rfuln6h9vv] { resize:vertical; }
.checks[b-rfuln6h9vv], .run-log[b-rfuln6h9vv] { margin:0; padding-left:18px; font-size:12px; line-height:1.6; }
.run-log[b-rfuln6h9vv] { font-family:var(--client-mono); font-size:11px; }
.run-log li.real[b-rfuln6h9vv] { color:var(--client-warning); }

/* Inspector */
.inspector[b-rfuln6h9vv] { display:flex; flex-direction:column; min-width:0; min-height:0; gap:10px; overflow:auto; }
.design-details[b-rfuln6h9vv] { padding:10px 12px; border:1px solid var(--client-border); border-radius:var(--client-radius-lg); background:var(--client-surface-raised); }
.design-details > summary[b-rfuln6h9vv] { margin:0; cursor:pointer; list-style:none; }
.design-details > summary[b-rfuln6h9vv]::-webkit-details-marker { display:none; }
.design-details > summary[b-rfuln6h9vv]::before { content:"▸ "; }
.design-details[open] > summary[b-rfuln6h9vv]::before { content:"▾ "; }
.detail-field[b-rfuln6h9vv] { display:flex; flex-direction:column; gap:3px; margin-top:8px; color:var(--client-text-muted); font-size:11px; }
.outline[b-rfuln6h9vv], .selection[b-rfuln6h9vv] { padding:10px 12px; border:1px solid var(--client-border); border-radius:var(--client-radius-lg); background:var(--client-surface-raised); }
.outline ul[b-rfuln6h9vv] { max-height:220px; margin:0; padding:0; overflow:auto; list-style:none; }
.outline li button[b-rfuln6h9vv] { display:flex; width:100%; align-items:center; gap:6px; padding:3px 6px 3px calc(6px + var(--depth, 0) * 14px); border:0; border-radius:var(--client-radius); background:transparent; color:var(--client-text-secondary); font:inherit; font-size:12px; text-align:left; cursor:pointer; }
.outline li button:hover[b-rfuln6h9vv] { background:var(--client-surface-hover); }
.outline li[aria-selected="true"] button[b-rfuln6h9vv] { background:var(--client-accent-weak); color:var(--client-text); }
.outline-name[b-rfuln6h9vv] { font-weight:600; }
.outline-label[b-rfuln6h9vv] { overflow:hidden; color:var(--client-text-muted); text-overflow:ellipsis; white-space:nowrap; }
.slot-tag[b-rfuln6h9vv] { padding:0 4px; border:1px solid var(--client-border); border-radius:3px; color:var(--client-text-muted); font-size:10px; }
.outline-flag[b-rfuln6h9vv] { display:inline-grid; place-items:center; width:14px; height:14px; margin-left:auto; border-radius:50%; background:var(--client-warning); color:var(--client-surface); font-size:10px; font-weight:700; }
.selection-head[b-rfuln6h9vv] { display:flex; justify-content:space-between; gap:8px; }
.selection-head h3[b-rfuln6h9vv] { margin:0; font-size:15px; }
.selection-about[b-rfuln6h9vv] { margin:2px 0 0; color:var(--client-text-muted); font-size:12px; line-height:1.45; }
.selection-links[b-rfuln6h9vv] { display:flex; align-items:flex-start; gap:10px; white-space:nowrap; }
.ontology-link[b-rfuln6h9vv] { color:var(--client-accent); font-size:12px; text-decoration:none; white-space:nowrap; }
.ontology-link:hover[b-rfuln6h9vv] { text-decoration:underline; }
.node-tools[b-rfuln6h9vv] { display:flex; flex-wrap:nowrap; gap:4px; margin:10px 0; padding-bottom:10px; border-bottom:1px solid var(--client-border); }
.node-tools .tool[b-rfuln6h9vv] { white-space:nowrap; padding:3px 8px; border:1px solid var(--client-border); border-radius:var(--client-radius); background:var(--client-surface); color:var(--client-text-secondary); font:inherit; font-size:12px; cursor:pointer; }
.node-tools .tool:hover:enabled[b-rfuln6h9vv] { background:var(--client-surface-hover); color:var(--client-text); }
.node-tools .tool:disabled[b-rfuln6h9vv] { opacity:.4; cursor:default; }
.node-tools select.tool[b-rfuln6h9vv] { min-width:0; max-width:130px; }
.node-tools .danger[b-rfuln6h9vv] { margin-left:auto; color:var(--client-danger); }

@media (max-width:1100px) {
    .designer-work[b-rfuln6h9vv] { grid-template-columns:1fr; }
    .inspector[b-rfuln6h9vv] { overflow:visible; }
}
@media (max-width:600px) {
    .stage[b-rfuln6h9vv] { padding:12px; }
}
.confirm-new[b-rfuln6h9vv] { display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:10px 12px; border:1px solid var(--client-warning); border-radius:var(--client-radius-lg); color:var(--client-warning); font-size:13px; }
.draft-bar[b-rfuln6h9vv] { display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:10px 12px; border:1px solid var(--client-accent); border-radius:var(--client-radius-lg); background:var(--client-accent-weak); color:var(--client-text); font-size:13px; }
.draft-bar span[b-rfuln6h9vv] { flex:1; min-width:0; }
/* /Components/ComponentsRegistry/DesignerActionDetails.razor.rz.scp.css */
.action-details[b-ufhk86vmsd] { margin-top:2px; color:var(--client-text-secondary); font-size:11px; }
.action-details > summary[b-ufhk86vmsd] { color:var(--client-accent); cursor:pointer; }
.detail-line[b-ufhk86vmsd] { margin:4px 0 0; line-height:1.5; }
.use[b-ufhk86vmsd] { font-family:var(--client-mono); }
.muted[b-ufhk86vmsd] { color:var(--client-text-muted); }
.runs[b-ufhk86vmsd] { margin:2px 0 0; padding-left:16px; }
.runs li[b-ufhk86vmsd] { border-left:0; padding:0; }
.run-status[b-ufhk86vmsd] { font-family:var(--client-mono); }
.run-status.failed[b-ufhk86vmsd] { color:var(--client-danger); }
.run-status.succeeded[b-ufhk86vmsd] { color:var(--client-success); }
.link-btn[b-ufhk86vmsd] { margin-top:6px; padding:0; border:0; background:transparent; color:var(--client-accent); font:inherit; font-size:11px; cursor:pointer; }
.link-btn:hover[b-ufhk86vmsd] { text-decoration:underline; }
.link-btn.danger[b-ufhk86vmsd] { color:var(--client-danger); }
.retire-confirm[b-ufhk86vmsd] { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; margin-top:6px; color:var(--client-warning); }
.prop-error[b-ufhk86vmsd] { margin:4px 0 0; color:var(--client-danger); font-size:12px; }
/* /Components/ComponentsRegistry/DesignerActionForm.razor.rz.scp.css */
.action-form[b-u8jdcpsobw] { display:flex; flex-direction:column; gap:8px; margin-top:4px; padding:10px; border:1px solid var(--client-accent); border-radius:var(--client-radius); background:var(--client-surface); font-size:12px; }
.form-head[b-u8jdcpsobw] { display:flex; align-items:baseline; gap:6px; }
.muted[b-u8jdcpsobw] { color:var(--client-text-muted); font-style:normal; font-weight:400; }
.form-field[b-u8jdcpsobw] { display:flex; flex-direction:column; gap:3px; color:var(--client-text-secondary); font-size:11px; }
.field[b-u8jdcpsobw] { box-sizing:border-box; width:100%; min-width:0; padding:5px 8px; border:1px solid var(--client-border); border-radius:var(--client-radius); background:var(--client-surface); color:var(--client-text); font:inherit; font-size:12px; }
.field:focus[b-u8jdcpsobw] { outline:none; border-color:var(--client-accent); box-shadow:0 0 0 2px var(--client-accent-weak); }
.field:disabled[b-u8jdcpsobw] { opacity:.5; }
.field.small[b-u8jdcpsobw] { padding:3px 6px; font-size:11px; }
.mono[b-u8jdcpsobw] { font-family:var(--client-mono); }
.input-row[b-u8jdcpsobw] { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto; gap:4px; }
.link-btn[b-u8jdcpsobw] { align-self:flex-start; padding:0; border:0; background:transparent; color:var(--client-accent); font:inherit; font-size:11px; cursor:pointer; }
.link-btn:hover[b-u8jdcpsobw] { text-decoration:underline; }
.icon-btn[b-u8jdcpsobw] { padding:2px 6px; border:0; border-radius:var(--client-radius); background:transparent; color:var(--client-text-muted); cursor:pointer; }
.icon-btn:hover[b-u8jdcpsobw] { background:var(--client-surface-hover); color:var(--client-text); }
.prop-error[b-u8jdcpsobw] { margin:0; color:var(--client-danger); font-size:12px; }
.form-actions[b-u8jdcpsobw] { display:flex; justify-content:flex-end; gap:6px; }
/* /Components/ComponentsRegistry/DesignerProperties.razor.rz.scp.css */
.props[b-s6v8dist8f], .events[b-s6v8dist8f] { display:flex; flex-direction:column; gap:10px; }
li[b-s6v8dist8f] { border-left:0; padding:0; }
.events[b-s6v8dist8f] { margin-top:14px; padding-top:12px; border-top:1px solid var(--client-border); }
.panel-title[b-s6v8dist8f] { margin:0; color:var(--client-text-muted); font-size:10px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.panel-empty[b-s6v8dist8f] { margin:0; color:var(--client-text-muted); font-size:12px; line-height:1.5; }
.prop[b-s6v8dist8f], .event[b-s6v8dist8f] { display:flex; flex-direction:column; gap:4px; }
.prop-head[b-s6v8dist8f] { display:flex; align-items:center; gap:6px; min-width:0; }
.prop-head label[b-s6v8dist8f] { display:inline; color:var(--client-text-secondary); font-size:12px; font-weight:500; }
.prop-tools[b-s6v8dist8f] { display:flex; gap:8px; margin-left:auto; }
.tag[b-s6v8dist8f] { padding:0 5px; border:1px solid var(--client-border); border-radius:3px; color:var(--client-text-muted); font-size:10px; white-space:nowrap; }
.tag-required[b-s6v8dist8f] { border-color:var(--client-warning); color:var(--client-warning); }
.field[b-s6v8dist8f] { box-sizing:border-box; width:100%; min-width:0; padding:5px 8px; border:1px solid var(--client-border); border-radius:var(--client-radius); background:var(--client-surface); color:var(--client-text); font:inherit; font-size:12px; }
.field:focus[b-s6v8dist8f] { outline:none; border-color:var(--client-accent); box-shadow:0 0 0 2px var(--client-accent-weak); }
.field.small[b-s6v8dist8f] { padding:3px 6px; font-size:11px; }
textarea.field[b-s6v8dist8f] { resize:vertical; }
.mono[b-s6v8dist8f] { font-family:var(--client-mono); }
.prop .switch[b-s6v8dist8f] { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:8px; color:var(--client-text-secondary); font-size:12px; cursor:pointer; }
.prop .switch input[b-s6v8dist8f] { flex:0 0 auto; width:16px; height:16px; margin:0; accent-color:var(--client-accent-solid); }
.prop-help[b-s6v8dist8f] { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.prop-help[b-s6v8dist8f], .prop-meta[b-s6v8dist8f] { margin:0; color:var(--client-text-muted); font-size:11px; line-height:1.45; }
.prop-error[b-s6v8dist8f] { margin:0; color:var(--client-danger); font-size:12px; }
.link-btn[b-s6v8dist8f] { padding:0; border:0; background:transparent; color:var(--client-accent); font:inherit; font-size:11px; cursor:pointer; white-space:nowrap; }
.link-btn:hover[b-s6v8dist8f] { text-decoration:underline; }
.icon-btn[b-s6v8dist8f] { padding:2px 6px; border:0; border-radius:var(--client-radius); background:transparent; color:var(--client-text-muted); cursor:pointer; }
.icon-btn:hover[b-s6v8dist8f] { background:var(--client-surface-hover); color:var(--client-text); }
.list-editor[b-s6v8dist8f] { display:flex; flex-direction:column; gap:4px; margin:0; padding:0; list-style:none; }
.list-editor li[b-s6v8dist8f] { display:flex; gap:4px; }
.rows-editor[b-s6v8dist8f] { max-width:100%; overflow:auto; }
.rows-editor table[b-s6v8dist8f] { width:100%; border-collapse:collapse; font-size:11px; }
.rows-editor th[b-s6v8dist8f] { padding:2px 4px; color:var(--client-text-muted); font-weight:500; text-align:left; }
.rows-editor td[b-s6v8dist8f] { padding:2px; }
.arg[b-s6v8dist8f] { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:4px; }
.arg-name[b-s6v8dist8f] { grid-column:1 / -1; }
.arg > .field:only-child[b-s6v8dist8f], .arg > .arg-name + .field:last-child[b-s6v8dist8f] { grid-column:1 / -1; }
.arg-name[b-s6v8dist8f] { overflow:hidden; color:var(--client-text-secondary); font-family:var(--client-mono); font-size:11px; text-overflow:ellipsis; }
.new-action[b-s6v8dist8f] { align-self:flex-start; }
/* /Components/ComponentsRegistry/DesignerTestsPanel.razor.rz.scp.css */
.tests[b-9usdc9b6ri] { font-size:12px; }
.tests-head[b-9usdc9b6ri] { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.tests-summary[b-9usdc9b6ri] { margin:0; font-size:13px; }
.tests-summary.ok strong[b-9usdc9b6ri] { color:var(--client-success); }
.tests-summary.bad strong[b-9usdc9b6ri] { color:var(--client-warning); }
.tests-when[b-9usdc9b6ri] { color:var(--client-text-muted); }
.dock-note[b-9usdc9b6ri] { margin:0 0 8px; color:var(--client-text-muted); font-size:12px; }
.tests-title[b-9usdc9b6ri] { margin:12px 0 4px; color:var(--client-text-muted); font-size:10px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.tests-list[b-9usdc9b6ri] { margin:0; padding-left:18px; line-height:1.6; }
.tests-list li[b-9usdc9b6ri] { border-left:0; padding:0; }
.tests-list .verb[b-9usdc9b6ri] { color:var(--client-text-muted); }
/* /Components/Gallery/BrainSamples.razor.rz.scp.css */
.brain-sample[b-r1fnbsn3fs] { padding: 18px; }
/* /Components/Gallery/ComponentSamples.razor.rz.scp.css */
.samples[b-so5q0hheef] { padding: 24px; display: flex; flex-direction: column; gap: 20px; }
h1[b-so5q0hheef] { font-size: 20px; }
.sample-row[b-so5q0hheef] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }

h1:focus[b-so5q0hheef] { outline: none; }
/* /Components/Gallery/GraphSamples.razor.rz.scp.css */
.graph-sample[b-toviyqkhne] { padding: 24px; background: #18191b; min-height: 100dvh; }
h1[b-toviyqkhne] { font-size: 13px; color: var(--client-text-muted); font-weight: 400; margin: 0 0 20px; }
h1:focus[b-toviyqkhne] { outline: none; }
/* /Components/Gallery/MachineLearningSamples.razor.rz.scp.css */
.ml-sample[b-7dq1ibso5z] { padding: 20px; min-width: 0; }
/* /Components/Gallery/MagicTaskSamples.razor.rz.scp.css */
.magic-task-sample[b-o33m0icqif]{padding:24px;box-sizing:border-box;min-width:0}
/* /Components/Gallery/OntologyGraphSamples.razor.rz.scp.css */
.ontology-graph-sample[b-olv7mlfln9]{display:grid;grid-template-columns:238px minmax(0,1fr);height:100vh;background:var(--client-surface);color:var(--client-text)}.sample-sidebar[b-olv7mlfln9]{min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--client-border);background:var(--client-nav)}.sample-title[b-olv7mlfln9]{padding:18px;font-size:14px;font-weight:600;border-bottom:1px solid var(--client-border)}.sample-workspace[b-olv7mlfln9]{min-width:0;padding:16px}.sample-workspace[b-olv7mlfln9]  .ontology-graph{height:100vh;min-height:0}@media(max-width:900px){.ontology-graph-sample[b-olv7mlfln9]{height:auto;min-height:100vh;grid-template-columns:185px minmax(0,1fr)}.sample-workspace[b-olv7mlfln9]  .ontology-graph{height:auto;min-height:850px}}
/* /Components/Gallery/PluginSamples.razor.rz.scp.css */
.plugin-sample[b-emiweudyu7]{padding:24px;box-sizing:border-box;min-width:0}
/* /Components/Gallery/QueueSamples.razor.rz.scp.css */
.queue-sample[b-31btvpqge7] { padding:24px; }
.queue-sample > p[b-31btvpqge7] { margin-top:12px; color:var(--client-text-muted); font-size:12px; }
/* /Components/Gallery/TaskDetailSamples.razor.rz.scp.css */
.task-detail-sample[b-y19w0o0bv1]{padding:28px}@media(max-width:720px){.task-detail-sample[b-y19w0o0bv1]{padding:16px}}
/* /Components/Gallery/TasksSamples.razor.rz.scp.css */
.task-sample[b-lm3jsamu6j] { padding: 24px; }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-xaho483zz2]{display:none;position:fixed;bottom:0;width:100%;z-index:1000;padding:var(--client-space-4);background:var(--client-surface-overlay);border-top:1px solid var(--client-danger)}

.sandbox-banner[b-xaho483zz2]{position:sticky;top:0;z-index:900;display:flex;gap:var(--client-space-2);align-items:baseline;padding:var(--client-space-2) var(--client-space-4);background:var(--client-warning-surface,var(--client-surface-overlay));border-bottom:1px solid var(--client-warning,currentColor);font-size:.875rem}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-rvrl0f9a72],
.components-reconnect-repeated-attempt-visible[b-rvrl0f9a72],
.components-reconnect-failed-visible[b-rvrl0f9a72],
.components-pause-visible[b-rvrl0f9a72],
.components-resume-failed-visible[b-rvrl0f9a72],
.components-rejoining-animation[b-rvrl0f9a72] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-rvrl0f9a72],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-rvrl0f9a72],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-rvrl0f9a72],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-rvrl0f9a72],
#components-reconnect-modal.components-reconnect-retrying[b-rvrl0f9a72],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-rvrl0f9a72],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-rvrl0f9a72],
#components-reconnect-modal.components-reconnect-failed[b-rvrl0f9a72],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-rvrl0f9a72] {
    display: block;
}


#components-reconnect-modal[b-rvrl0f9a72] {
    background-color: var(--client-surface-raised);
    color: var(--client-text);
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: var(--client-elevation);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-rvrl0f9a72 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-rvrl0f9a72 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-rvrl0f9a72 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-rvrl0f9a72]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-rvrl0f9a72 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-rvrl0f9a72 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-rvrl0f9a72 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-rvrl0f9a72 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-rvrl0f9a72] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-rvrl0f9a72] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-rvrl0f9a72] {
    border: 0;
    background-color: var(--client-accent-weak);
    color: var(--client-text);
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-rvrl0f9a72] {
        background-color: var(--client-surface-hover);
    }

    #components-reconnect-modal button:active[b-rvrl0f9a72] {
        background-color: var(--client-accent-weak);
    }

.components-rejoining-animation[b-rvrl0f9a72] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-rvrl0f9a72] {
        position: absolute;
        border: 3px solid var(--client-accent);
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-rvrl0f9a72 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-rvrl0f9a72] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-rvrl0f9a72 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/SidebarNavigation.razor.rz.scp.css */
.sidebar-group + .sidebar-group[b-oxla5h17px] { margin-top: 10.65px; padding-top: 10.65px; border-top: 1px solid rgba(237,241,247,.08); }
.sidebar-heading[b-oxla5h17px] { padding: 0 17.75px; margin-bottom: 3.55px; font-size: 9.7625px; line-height: 1.3; text-transform: uppercase; letter-spacing: .18em; color: var(--client-text-muted); }
/* /Components/MachineLearning/MachineLearningView.razor.rz.scp.css */
.library-tabs[b-nt0b6owkxe] { display: flex; gap: 4px; border-bottom: 1px solid var(--client-border); margin-bottom: 16px; }
.library-tabs button[b-nt0b6owkxe] { padding: 10px 18px; background: none; color: var(--client-text-muted); border: 0; border-bottom: 2px solid transparent; cursor: pointer; font: inherit; }
.library-tabs button:hover[b-nt0b6owkxe] { color: var(--client-text); }
.library-tabs button.active[b-nt0b6owkxe] { color: var(--client-accent); border-bottom-color: var(--client-accent); }
/* /Components/Pages/ComponentPreview.razor.rz.scp.css */
h1:focus[b-q1pk7v9xv3] { outline: none; }
/* /Components/Pages/Components.razor.rz.scp.css */
.gallery[b-2c8hymsh43] { min-height: 100dvh; }
.gallery-header[b-2c8hymsh43] { display: flex; justify-content: space-between; gap: 24px; padding: 28px 32px; border-bottom: 1px solid var(--client-border); }
.gallery-header span[b-2c8hymsh43] { color: var(--client-accent); font: 11px var(--client-mono); letter-spacing: .14em; }
.gallery-header h1[b-2c8hymsh43] { font-size: 26px; margin: 6px 0; }
.gallery-header a[b-2c8hymsh43] { font-size: 13px; }
.gallery-body[b-2c8hymsh43] { display: grid; grid-template-columns: 210px minmax(0,1fr); }
.story-list[b-2c8hymsh43] { padding: 24px 12px; border-right: 1px solid var(--client-border); }
.story-list h2[b-2c8hymsh43] { margin: 20px 12px 8px; color: var(--client-text-muted); text-transform: uppercase; font-size: 11px; letter-spacing: .1em; }
.story-list h2:first-child[b-2c8hymsh43] { margin-top: 0; }
.story-list button[b-2c8hymsh43] { display: block; width: 100%; padding: 10px 12px; border: 0; border-radius: 5px; color: var(--client-text-secondary); background: transparent; text-align: left; cursor: pointer; }
.story-list button:hover[b-2c8hymsh43] { background: var(--client-surface-hover); color: var(--client-text); }
.story-list button.selected[b-2c8hymsh43] { background: var(--client-accent-weak); color: var(--client-accent); }
.review[b-2c8hymsh43] { min-width: 0; padding: 28px; }
.story-description[b-2c8hymsh43] { display: grid; gap: 8px; margin-bottom: 24px; }
.master-note[b-2c8hymsh43],.review-note[b-2c8hymsh43] { color: var(--client-text-muted); font-size: 12px; }
.comparison[b-2c8hymsh43] { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 28px; }
.comparison section[b-2c8hymsh43] { max-width: 100%; overflow-x: auto; }
.comparison h3[b-2c8hymsh43] { font-size: 13px; }
.comparison p[b-2c8hymsh43] { font-size: 12px; margin: 6px 0 12px; }
.frame-window[b-2c8hymsh43] { overflow: hidden; border: 1px solid var(--client-border); box-sizing: content-box; }
iframe[b-2c8hymsh43] { border: 0; display: block; max-width: none; }
img[b-2c8hymsh43] { display: block; border: 1px solid var(--client-border); box-sizing: content-box; max-width: none; }
.comparison section > a[b-2c8hymsh43] { display: block; margin-top: 10px; font-size: 12px; }
.comparison section > a:has(img)[b-2c8hymsh43] { margin-top: 0; }
.review-note[b-2c8hymsh43] { margin-top: 24px; }
@media(max-width:700px) { .gallery-header[b-2c8hymsh43] { padding: 20px; } .gallery-body[b-2c8hymsh43] { grid-template-columns: 1fr; } .story-list[b-2c8hymsh43] { border-right: 0; border-bottom: 1px solid var(--client-border); display: flex; flex-wrap: wrap; gap: 4px; } .story-list h2[b-2c8hymsh43] { width: 100%; margin: 8px; } .story-list button[b-2c8hymsh43] { width: auto; } .review[b-2c8hymsh43] { padding: 20px; } }
/* /Components/Pages/DynamicControlsPreview.razor.rz.scp.css */
.dynamic-controls-preview[b-9ptmyrkat3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--client-space-4);
    padding: var(--client-space-4);
}
section[b-9ptmyrkat3] { min-width: 0; padding: var(--client-space-4); border: 1px solid var(--client-border); }
h2[b-9ptmyrkat3] { margin-bottom: var(--client-space-4); }
.factory-panel[b-9ptmyrkat3] { display: flex; flex-direction: column; gap: var(--client-space-3); }
@media (max-width: 760px) { .dynamic-controls-preview[b-9ptmyrkat3] { grid-template-columns: 1fr; } }
/* /Components/Pages/EndpointsView.razor.rz.scp.css */
.endpoints-header[b-6tpnn5n9rn] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--client-space-4, 1rem);
  flex-wrap: wrap;
}

.endpoints-tools[b-6tpnn5n9rn] {
  display: flex;
  align-items: center;
  gap: var(--client-space-4, 1rem);
  flex-wrap: wrap;
}

.endpoints-toggle[b-6tpnn5n9rn] {
  display: flex;
  align-items: center;
  gap: var(--client-space-2, 0.5rem);
  color: var(--client-text-secondary, #b0b4ba);
  font-size: var(--client-text-meta, 0.75rem);
  white-space: nowrap;
}

.endpoints-filter[b-6tpnn5n9rn] {
  width: 260px;
  max-width: 100%;
  padding: var(--client-space-2, 0.5rem) var(--client-space-3, 0.75rem);
  background: var(--client-surface, #111113);
  border: 1px solid var(--client-border, #363a3f);
  border-radius: var(--client-radius, 6px);
  color: var(--client-text, #edeef0);
  font-size: var(--client-text-body, 0.84rem);
}

.endpoints-filter:focus[b-6tpnn5n9rn] {
  outline: none;
  border-color: var(--client-accent, #70b8ff);
}

.module-header[b-6tpnn5n9rn] {
  display: flex;
  align-items: center;
  gap: var(--client-space-3, 0.75rem);
  padding: var(--client-space-3, 0.75rem);
  cursor: pointer;
}

.module-header:hover[b-6tpnn5n9rn] {
  background: var(--client-surface-hover, #212225);
}

.module-header.system strong[b-6tpnn5n9rn] {
  color: var(--client-danger, #ff9592);
}

.tree-chevron[b-6tpnn5n9rn] {
  display: inline-block;
  color: var(--client-text-muted, #9ba1aa);
  transition: transform var(--client-motion, 140ms);
  font-size: 0.7rem;
}

.tree-chevron.open[b-6tpnn5n9rn] {
  transform: rotate(90deg);
}

.module-header strong[b-6tpnn5n9rn] {
  color: var(--client-text, #edeef0);
  font-weight: 600;
}

.module-count[b-6tpnn5n9rn] {
  color: var(--client-text-muted, #9ba1aa);
  font-size: var(--client-text-meta, 0.75rem);
}

.endpoints-table[b-6tpnn5n9rn] {
  border-top: 1px solid var(--client-border, #363a3f);
}

.endpoint-row[b-6tpnn5n9rn] {
  display: flex;
  align-items: center;
  gap: var(--client-space-3, 0.75rem);
  padding: var(--client-space-2, 0.5rem) var(--client-space-3, 0.75rem);
  border-bottom: 1px solid var(--client-border, #363a3f);
}

.endpoint-row:last-child[b-6tpnn5n9rn] {
  border-bottom: none;
}

.endpoint-row:hover[b-6tpnn5n9rn] {
  background: var(--client-surface-hover, #212225);
}

.endpoint-path[b-6tpnn5n9rn] {
  flex: 1;
  min-width: 0;
  font-family: var(--client-mono);
  font-size: var(--client-text-meta, 0.75rem);
  color: var(--client-text-secondary, #b0b4ba);
  overflow-wrap: break-word;
}

.role-chips[b-6tpnn5n9rn] {
  flex-shrink: 0;
  display: flex;
  gap: var(--client-space-1, 0.25rem);
}
/* /Components/Pages/GeneratorView.razor.rz.scp.css */
.gen-tabs[b-igfn9vsk3d] { display: flex; gap: 4px; border-bottom: 1px solid var(--client-border); overflow-x: auto; }
.gen-tabs button[b-igfn9vsk3d] { padding: 12px 18px; background: none; color: var(--client-text-muted); border: 0; border-bottom: 2px solid transparent; white-space: nowrap; cursor: pointer; font: inherit; }
.gen-tabs button:hover[b-igfn9vsk3d] { color: var(--client-text); background: var(--client-surface-hover); }
.gen-tabs button.active[b-igfn9vsk3d] { color: var(--client-accent); border-bottom-color: var(--client-accent); }

.gen-toolbar[b-igfn9vsk3d] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.gen-toolbar input[type=text][b-igfn9vsk3d] { min-height: 34px; border: 1px solid var(--client-border); border-radius: var(--client-radius); background: var(--client-surface-raised); color: var(--client-text); padding: 6px 10px; }
.field[b-igfn9vsk3d] { display: inline-flex; align-items: center; gap: 6px; color: var(--client-text-muted); font-size: 11px; }
.field select[b-igfn9vsk3d] { font: inherit; color: var(--client-text); background: var(--client-surface); border: 1px solid var(--client-border); border-radius: var(--client-radius); padding: 5px 7px; max-width: 160px; }
.muted[b-igfn9vsk3d] { color: var(--client-text-muted); }
.spacer[b-igfn9vsk3d] { flex: 1; }

.gen-split[b-igfn9vsk3d] { display: grid; grid-template-columns: minmax(280px, 460px) minmax(0, 1fr); align-items: start; gap: 16px; }
.gen-table[b-igfn9vsk3d] { border-collapse: collapse; width: 100%; text-align: left; }
.gen-table th[b-igfn9vsk3d], .gen-table td[b-igfn9vsk3d] { padding: 8px 12px; border-bottom: 1px solid var(--client-border); vertical-align: middle; }
.gen-table th[b-igfn9vsk3d] { color: var(--client-text-muted); font-size: var(--client-text-meta); font-weight: 500; background: var(--client-surface); white-space: nowrap; }
.gen-table tr.clickable[b-igfn9vsk3d] { cursor: pointer; }
.gen-table tbody tr.clickable:hover[b-igfn9vsk3d] { background: var(--client-surface-hover); }
.gen-table .col-check[b-igfn9vsk3d] { width: 36px; }
.gen-table .col-count[b-igfn9vsk3d] { width: 130px; color: var(--client-text-muted); font-weight: 400; }
.chevron[b-igfn9vsk3d] { display: inline-block; width: 14px; color: var(--client-text-muted); }
.gen-column-detail[b-igfn9vsk3d] { padding: 4px 14px 12px 44px !important; }
.gen-column-row[b-igfn9vsk3d] { display: flex; align-items: center; gap: 8px; padding: 3px 0; font-size: 13px; }
.gen-column-row code[b-igfn9vsk3d] { font: 12px var(--client-mono); }

.gen-form[b-igfn9vsk3d] { display: grid; gap: 18px; }
.gen-field[b-igfn9vsk3d] { min-width: 0; }
.gen-label[b-igfn9vsk3d] { font-weight: 600; font-size: 13px; margin-bottom: 6px; }
.gen-row[b-igfn9vsk3d] { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.gen-check[b-igfn9vsk3d] { display: inline-flex; flex-direction: row; align-items: center; gap: 6px; }
.gen-checks-grid[b-igfn9vsk3d] { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 6px 20px; }
.gen-url-row[b-igfn9vsk3d] { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.gen-url-row input[b-igfn9vsk3d] { width: 160px; min-height: 34px; border: 1px solid var(--client-border); border-radius: var(--client-radius); background: var(--client-surface-raised); color: var(--client-text); padding: 6px 10px; }
.gen-url-row input:disabled[b-igfn9vsk3d] { opacity: .5; }
.mono[b-igfn9vsk3d] { font-family: var(--client-mono); font-size: 12px; }
.gen-summary[b-igfn9vsk3d] { display: flex; align-items: center; gap: 10px; border-top: 1px solid var(--client-border); padding-top: 14px; }

.role-list[b-igfn9vsk3d] { display: flex; flex-wrap: wrap; gap: 10px 16px; margin-top: 8px; }
.gen-full-row[b-igfn9vsk3d] { flex-basis: 100%; }

.gen-feed[b-igfn9vsk3d] { display: flex; flex-direction: column; gap: 4px; max-height: 320px; overflow: auto; font: 12px var(--client-mono); }
.gen-feed-line[b-igfn9vsk3d] { padding: 4px 8px; border-radius: var(--client-radius); }
.gen-feed-line.information[b-igfn9vsk3d] { color: var(--client-text-secondary); }
.gen-feed-line.warning[b-igfn9vsk3d] { color: var(--client-warning, #c98a2e); }
.gen-feed-line.error[b-igfn9vsk3d] { color: var(--client-danger, #d96c6c); background: var(--client-surface-raised); }
.gen-feed-line.success[b-igfn9vsk3d] { color: var(--client-success, #4caf7d); font-weight: 500; }

.gen-arg-row[b-igfn9vsk3d] { display: inline-flex; gap: 4px; align-items: center; }
.gen-arg-row input[b-igfn9vsk3d], .gen-arg-row select[b-igfn9vsk3d] { min-height: 34px; border: 1px solid var(--client-border); border-radius: var(--client-radius); background: var(--client-surface-raised); color: var(--client-text); padding: 6px 8px; }
.gen-sql-editor[b-igfn9vsk3d] { height: 320px; display: flex; flex-direction: column; border: 1px solid var(--client-border); border-radius: var(--client-radius); overflow: hidden; }

.gen-import-grid[b-igfn9vsk3d] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px 20px; margin-top: 20px; align-items: end; }
.gen-stack[b-igfn9vsk3d] { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.gen-stack .gen-label[b-igfn9vsk3d] { margin-bottom: 0; }
.gen-stack input[b-igfn9vsk3d], .gen-stack select[b-igfn9vsk3d] { min-height: 34px; border: 1px solid var(--client-border); border-radius: var(--client-radius); background: var(--client-surface-raised); color: var(--client-text); padding: 6px 10px; font: inherit; min-width: 0; }
.gen-grow[b-igfn9vsk3d] { flex: 1; min-width: 0; }
.gen-import-table[b-igfn9vsk3d] { margin-top: 10px; max-height: 420px; overflow: auto; border: 1px solid var(--client-border); border-radius: var(--client-radius); }
/* flex-direction and text-align spelled out: the app's global label styling stacks and centres
   its children, which is what .gen-check overrides for the same reason. */
.gen-operation-row[b-igfn9vsk3d] { display: flex; flex-direction: row; align-items: center; text-align: left; gap: 8px; padding: 3px 0; font-size: 13px; cursor: pointer; }
.gen-operation-verb[b-igfn9vsk3d] { min-width: 56px; flex-shrink: 0; }
.gen-operation-summary[b-igfn9vsk3d] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 900px) { .gen-split[b-igfn9vsk3d] { grid-template-columns: minmax(0, 1fr); } }
/* /Components/Pages/LiveSimulationView.razor.rz.scp.css */
.simulation[b-lsq0q24d3s]{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;color:var(--client-text);background:#08121b;border:0;border-radius:0;overflow:hidden;font-family:var(--client-mono,ui-monospace,monospace)}
.feed-live i[b-lsq0q24d3s]{width:7px;height:7px;border-radius:50%;background:#61e3b3;box-shadow:0 0 10px #61e3b3;animation:pulse-b-lsq0q24d3s 1.5s ease-in-out infinite}.feed-live i.offline[b-lsq0q24d3s]{background:#f06d78;box-shadow:0 0 10px #f06d78}
.sim-main[b-lsq0q24d3s]{display:grid;grid-template-columns:minmax(0,1fr) 310px;flex:1;min-height:0}.sim-world-wrap[b-lsq0q24d3s]{position:relative;min-width:0;min-height:0;overflow:hidden;background:#08141d}.sim-world[b-lsq0q24d3s]{position:absolute;inset:0 0 26px;overflow:hidden}.sim-world canvas[b-lsq0q24d3s]{display:block!important;width:100%!important;height:100%!important;image-rendering:pixelated}.sim-world-caption[b-lsq0q24d3s]{position:absolute;left:14px;right:14px;bottom:5px;display:flex;justify-content:space-between;gap:16px;color:#62818a;font-size:8px;letter-spacing:.11em;pointer-events:none}.sim-world-caption b[b-lsq0q24d3s]{color:#a4d9cd;font-weight:500}.sim-overlay[b-lsq0q24d3s]{position:absolute;inset:0 0 26px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#061019b8;color:#c4e0dc;font-size:12px;text-align:center}.sim-overlay span[b-lsq0q24d3s]{max-width:440px;color:#87a6aa;font-size:11px}.sim-overlay button[b-lsq0q24d3s]{border:1px solid #378b80;background:#0e282c;color:#8de5ce;padding:7px 14px;font:inherit;font-size:9px;letter-spacing:.12em;cursor:pointer}.sim-empty[b-lsq0q24d3s]{background:linear-gradient(180deg,#06101933,#06101977);backdrop-filter:blur(1px)}.sim-empty b[b-lsq0q24d3s]{font-size:14px;letter-spacing:.2em;color:#d2f6ec}.loader[b-lsq0q24d3s]{width:22px;height:22px;border:2px solid #28424b;border-top-color:#64dfbe;border-radius:50%;animation:spin-b-lsq0q24d3s .8s linear infinite}.sim-error b[b-lsq0q24d3s]{color:#ff9b9b}
.sim-inspector[b-lsq0q24d3s]{position:absolute;z-index:4;right:16px;top:16px;width:min(290px,calc(100% - 32px));display:flex;flex-direction:column;gap:8px;padding:15px;background:#0b1b25f2;border:1px solid #3f7273;box-shadow:0 12px 36px #0008;color:#c8e2dd}.sim-inspector>small[b-lsq0q24d3s]{font-size:9px;letter-spacing:.18em;color:#66c9b5}.sim-inspector>strong[b-lsq0q24d3s]{font-family:var(--client-font,system-ui,sans-serif);font-size:15px}.inspector-close[b-lsq0q24d3s]{position:absolute;top:7px;right:9px;background:none;border:0;color:#81a7a8;font-size:20px;cursor:pointer}.run-state[b-lsq0q24d3s]{align-self:flex-start;border:1px solid currentColor;background:#10242c;padding:3px 6px;font-size:9px;letter-spacing:.12em}.run-id[b-lsq0q24d3s],.run-start[b-lsq0q24d3s]{font-size:9px;color:#7e9da2;overflow-wrap:anywhere}.run-steps[b-lsq0q24d3s]{display:flex;flex-direction:column;gap:5px;margin:4px 0;padding-top:8px;border-top:1px solid #203a45}.run-steps span[b-lsq0q24d3s]{display:flex;align-items:center;gap:7px;font-size:10px;color:#a8c7c5}.run-steps i[b-lsq0q24d3s]{width:6px;height:6px;border-radius:50%;background:#61777b}.run-steps b[b-lsq0q24d3s]{margin-left:auto;font-weight:500;color:#8faeac}.sim-inspector>a[b-lsq0q24d3s]{padding-top:8px;border-top:1px solid #203a45;color:#7fe0c5;text-decoration:none;font-size:9px;letter-spacing:.12em}.sim-inspector>a:hover[b-lsq0q24d3s]{text-decoration:underline}
.activity-dot[b-lsq0q24d3s]{width:7px;height:7px;border-radius:50%;background:#8a9da3}.queued[b-lsq0q24d3s]{color:#90b5c0}.running[b-lsq0q24d3s]{color:#61e3b3}.paused[b-lsq0q24d3s]{color:#f0bf63}.completed[b-lsq0q24d3s]{color:#76d28b}.failed[b-lsq0q24d3s]{color:#f17683}.cancelled[b-lsq0q24d3s]{color:#86949b}.activity-dot.queued[b-lsq0q24d3s]{background:#90b5c0}.activity-dot.running[b-lsq0q24d3s]{background:#61e3b3}.activity-dot.paused[b-lsq0q24d3s]{background:#f0bf63}.activity-dot.completed[b-lsq0q24d3s]{background:#76d28b}.activity-dot.failed[b-lsq0q24d3s]{background:#f17683}.activity-dot.cancelled[b-lsq0q24d3s]{background:#86949b}
.sim-activity[b-lsq0q24d3s]{display:flex;flex-direction:column;min-height:0;background:#0b1821;border-left:1px solid #203742}.activity-head[b-lsq0q24d3s]{display:flex;align-items:center;justify-content:space-between;padding:17px 15px 12px;border-bottom:1px solid #1d333d}.activity-head small[b-lsq0q24d3s],.activity-head strong[b-lsq0q24d3s]{display:block}.activity-head small[b-lsq0q24d3s]{font-size:9px;letter-spacing:.17em;color:#66c8b5}.activity-head strong[b-lsq0q24d3s]{margin-top:5px;font-family:var(--client-font,system-ui,sans-serif);font-size:14px;font-weight:600;color:#d3e5df}.activity-head strong b[b-lsq0q24d3s]{margin-left:4px;color:#7d9c9d;font-size:11px;font-weight:500}.feed-live[b-lsq0q24d3s]{display:flex;align-items:center;gap:6px;color:#75d9b8;font-size:9px;letter-spacing:.1em}.feed-live i[b-lsq0q24d3s]{display:inline-block;width:6px;height:6px}
.activity-counts[b-lsq0q24d3s]{display:grid;grid-template-columns:repeat(4,1fr);padding:12px 9px;border-bottom:1px solid #1d333d}.activity-counts span[b-lsq0q24d3s]{display:flex;flex-direction:column;align-items:center;gap:4px;border-right:1px solid #203540}.activity-counts span:last-child[b-lsq0q24d3s]{border:0}.activity-counts b[b-lsq0q24d3s]{font-size:15px;color:#c4ded7;font-weight:500}.activity-counts small[b-lsq0q24d3s]{font-size:7px;letter-spacing:.07em;color:#779298}.activity-list[b-lsq0q24d3s]{flex:1;overflow:auto;overscroll-behavior:contain}.activity-row[b-lsq0q24d3s]{display:flex;align-items:center;gap:9px;width:100%;padding:11px 12px;text-align:left;background:transparent;border:0;border-bottom:1px solid #142b34;color:inherit;cursor:pointer}.activity-row:hover[b-lsq0q24d3s],.activity-row.selected[b-lsq0q24d3s]{background:#112b33}.activity-row.selected[b-lsq0q24d3s]{box-shadow:inset 2px 0 #59d6b4}.activity-dot[b-lsq0q24d3s]{flex:none}.activity-copy[b-lsq0q24d3s]{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.activity-copy b[b-lsq0q24d3s]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--client-font,system-ui,sans-serif);font-size:11px;font-weight:550;color:#bad2ce}.activity-copy small[b-lsq0q24d3s]{font-size:8px;color:#6d8a90}.activity-state[b-lsq0q24d3s]{font-size:7px;letter-spacing:.07em}.activity-row .activity-state[b-lsq0q24d3s]{color:#8ca6a9}.activity-row .activity-state.running[b-lsq0q24d3s]{color:#61e3b3}.activity-row .activity-state.failed[b-lsq0q24d3s]{color:#f17683}.activity-row .activity-state.completed[b-lsq0q24d3s]{color:#76d28b}.activity-row .activity-state.paused[b-lsq0q24d3s]{color:#f0bf63}.activity-row .activity-state.queued[b-lsq0q24d3s]{color:#90b5c0}.sim-activity footer[b-lsq0q24d3s]{padding:10px 12px;border-top:1px solid #1d333d;color:#67858a;font-size:8px;letter-spacing:.08em}
@keyframes pulse-b-lsq0q24d3s{50%{opacity:.38}}@keyframes spin-b-lsq0q24d3s{to{transform:rotate(360deg)}}
@media(max-width:900px){.sim-main[b-lsq0q24d3s]{grid-template-columns:minmax(0,1fr) 260px}.sim-world-wrap[b-lsq0q24d3s]{min-height:540px}}
@media(max-width:680px){.simulation[b-lsq0q24d3s]{height:100%;min-height:0}.sim-main[b-lsq0q24d3s]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(440px,60vh) 280px}.sim-world-wrap[b-lsq0q24d3s]{min-height:0}.sim-activity[b-lsq0q24d3s]{border-left:0;border-top:1px solid #203742}.activity-counts[b-lsq0q24d3s]{padding:8px}.activity-list[b-lsq0q24d3s]{display:grid;grid-template-columns:1fr 1fr;align-content:start}.activity-row[b-lsq0q24d3s]{padding:8px}.sim-world-caption[b-lsq0q24d3s]{left:7px;right:7px;font-size:6px}.sim-world[b-lsq0q24d3s]{bottom:24px}}
@media(prefers-reduced-motion:reduce){.feed-live i[b-lsq0q24d3s],.loader[b-lsq0q24d3s]{animation:none}}
.sim-zoom-controls[b-lsq0q24d3s]{position:absolute;right:14px;top:14px;z-index:2;display:flex;flex-direction:column;gap:4px}.sim-zoom-controls button[b-lsq0q24d3s]{width:30px;height:30px;border:1px solid #39747a;background:#0b1a20e8;color:#b9e4d8;font:600 17px/1 ui-monospace,monospace;cursor:pointer}.sim-zoom-controls button:hover[b-lsq0q24d3s],.sim-zoom-controls button:focus-visible[b-lsq0q24d3s]{background:#17403d;border-color:#75d9b6;outline:none}
.playback-summary[b-lsq0q24d3s]{display:flex;flex-direction:column;gap:8px;padding:12px 12px 10px;border-bottom:1px solid #1d333d;background:#0d1f29}.summary-task[b-lsq0q24d3s]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;background:none;border:0;text-align:left;font-family:var(--client-font,system-ui,sans-serif);font-size:12px;font-weight:600;color:#d3e5df;cursor:pointer}.summary-task:hover[b-lsq0q24d3s]{color:#7fe0c5}.summary-now[b-lsq0q24d3s]{font-size:8px;letter-spacing:.09em;color:#61e3b3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playback-summary .activity-counts[b-lsq0q24d3s]{padding:6px 0;border:0}.activity-counts b i[b-lsq0q24d3s]{font-style:normal;font-size:10px;color:#6d8a90}.summary-runs[b-lsq0q24d3s]{display:flex;flex-direction:column;gap:5px;margin:0;padding:0;list-style:none}.summary-runs li[b-lsq0q24d3s]{display:flex;align-items:center;gap:7px;min-width:0}.summary-runs b[b-lsq0q24d3s]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--client-font,system-ui,sans-serif);font-size:10px;font-weight:550;color:#a8c7c5}.summary-runs small[b-lsq0q24d3s]{margin-left:auto;flex:none;font-size:8px;color:#6d8a90}
.step-feed[b-lsq0q24d3s]{scroll-behavior:smooth}.step-row[b-lsq0q24d3s]{display:flex;align-items:center;gap:9px;padding:9px 12px;border-bottom:1px solid #142b34;animation:step-in-b-lsq0q24d3s .45s ease-out}.step-row.now[b-lsq0q24d3s]{background:#112b33;box-shadow:inset 2px 0 #59d6b4}.step-row .activity-state[b-lsq0q24d3s]{color:#8ca6a9}.step-row .activity-state.running[b-lsq0q24d3s]{color:#61e3b3}.step-row .activity-state.failed[b-lsq0q24d3s]{color:#f17683}.step-row .activity-state.completed[b-lsq0q24d3s]{color:#76d28b}
@keyframes step-in-b-lsq0q24d3s{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.step-row[b-lsq0q24d3s]{animation:none}.step-feed[b-lsq0q24d3s]{scroll-behavior:auto}}
.summary-runs[b-lsq0q24d3s],.summary-runs li[b-lsq0q24d3s]{margin:0;border:0;padding:0;min-height:0;line-height:1.3}.summary-runs li[b-lsq0q24d3s]::before,.summary-runs li[b-lsq0q24d3s]::after{content:none}
.summary-now.stopped[b-lsq0q24d3s]{color:#f0bf63}
.activity-connection[b-lsq0q24d3s]{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid #1d333d;color:#f0bf63;font-size:10px}.activity-connection button[b-lsq0q24d3s]{border:1px solid #39747a;background:#0b1a20;color:#b9e4d8;padding:7px 10px;font:inherit;cursor:pointer}.activity-connection button:disabled[b-lsq0q24d3s]{opacity:.45;cursor:wait}
.activity-mode[b-lsq0q24d3s]{display:flex;justify-content:flex-end}.activity-mode button[b-lsq0q24d3s]{border:1px solid #39747a;background:#0b1a20;color:#b9e4d8;padding:6px 10px;font:inherit;font-size:10px;cursor:pointer}.activity-mode button:hover[b-lsq0q24d3s],.activity-mode button:focus-visible[b-lsq0q24d3s]{background:#17403d;border-color:#75d9b6}.activity-mode button:disabled[b-lsq0q24d3s]{opacity:.45;cursor:default}
.activity-head>div[b-lsq0q24d3s]{flex:1;min-width:0}.activity-head strong[b-lsq0q24d3s]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-live[b-lsq0q24d3s]{flex:none;margin-left:10px}.summary-runs li[b-lsq0q24d3s]{display:grid;grid-template-columns:7px minmax(0,1fr) auto;gap:5px 7px}.summary-runs small[b-lsq0q24d3s]{margin-left:0}.run-progress[b-lsq0q24d3s]{grid-column:2 / -1}.run-progress[b-lsq0q24d3s],.step-progress[b-lsq0q24d3s]{display:block;width:100%;height:5px;border:0;border-radius:3px;overflow:hidden;appearance:none;background:#203540;accent-color:#61e3b3}.run-progress[b-lsq0q24d3s]::-webkit-progress-bar,.step-progress[b-lsq0q24d3s]::-webkit-progress-bar{background:#203540;border-radius:3px}.run-progress[b-lsq0q24d3s]::-webkit-progress-value{background:#61e3b3;border-radius:3px}.run-progress[b-lsq0q24d3s]::-moz-progress-bar{background:#61e3b3;border-radius:3px}.run-progress.failed[b-lsq0q24d3s]::-webkit-progress-value{background:#f17683}.run-progress.failed[b-lsq0q24d3s]::-moz-progress-bar{background:#f17683}.step-progress:indeterminate[b-lsq0q24d3s]{background:linear-gradient(90deg,#203540 0%,#203540 30%,#61e3b3 50%,#203540 70%);background-size:200% 100%;animation:working-progress-b-lsq0q24d3s 1.4s linear infinite}.step-progress:indeterminate[b-lsq0q24d3s]::-webkit-progress-bar{background:transparent}.step-progress:indeterminate[b-lsq0q24d3s]::-moz-progress-bar{background:transparent}@keyframes working-progress-b-lsq0q24d3s{from{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.step-progress:indeterminate[b-lsq0q24d3s]{animation:none}}
.summary-task[b-lsq0q24d3s]{white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:1.4}.summary-behavior[b-lsq0q24d3s]{font-family:var(--client-font,system-ui,sans-serif);font-size:12px;font-weight:500;color:#a8c7c5;line-height:1.4}.activity-waiting[b-lsq0q24d3s]{padding:16px;font-size:13px;color:#a8c7c5}
.task-panel[b-lsq0q24d3s]{display:flex;flex-direction:column;justify-content:center;gap:3px;box-sizing:border-box;height:70px;min-height:70px;margin:-12px -12px 0;padding:8px 12px;border-bottom:1px solid #1d333d;color:inherit;text-decoration:none}.task-panel:hover[b-lsq0q24d3s]{background:#112b33}.task-panel:focus-visible[b-lsq0q24d3s]{outline:2px solid #75d9b6;outline-offset:-2px}.task-panel .summary-task[b-lsq0q24d3s],.task-panel .summary-behavior[b-lsq0q24d3s],.task-panel .summary-now[b-lsq0q24d3s]{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal}.task-panel .summary-task[b-lsq0q24d3s]{font-size:14px;line-height:18px}.task-panel .summary-behavior[b-lsq0q24d3s]{line-height:16px}.task-panel .summary-now[b-lsq0q24d3s]{line-height:12px}
.sim-timeline[b-lsq0q24d3s]{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;gap:8px;box-sizing:border-box;height:40px;padding:6px 14px;border-top:1px solid #1d333d;background:#0b1821;color:#a8c7c5;font-size:10px}.sim-timeline button[b-lsq0q24d3s],.sim-timeline select[b-lsq0q24d3s]{font:inherit;color:inherit;background:#10242c;border:1px solid #39747a;border-radius:4px;padding:3px 9px;cursor:pointer}.sim-timeline button:disabled[b-lsq0q24d3s]{opacity:.45;cursor:default}.sim-timeline input[b-lsq0q24d3s]{flex:1;min-width:40px;accent-color:#61e3b3}.sim-timeline span[b-lsq0q24d3s]{white-space:nowrap;font-variant-numeric:tabular-nums}.sim-timeline :focus-visible[b-lsq0q24d3s]{outline:2px solid #75d9b6;outline-offset:2px}.sim-world[b-lsq0q24d3s],.sim-overlay[b-lsq0q24d3s]{bottom:40px}@media(max-width:680px){.sim-timeline[b-lsq0q24d3s]{padding:6px;gap:5px;font-size:9px}.sim-timeline button[b-lsq0q24d3s],.sim-timeline select[b-lsq0q24d3s]{padding:3px 5px}}

.sim-timeline .sim-help-button[b-lsq0q24d3s]{anchor-name:--sim-controls-help;flex:none;width:22px;height:22px;padding:0;border-radius:50%;color:#87a6aa;background:transparent}.sim-controls-popup[b-lsq0q24d3s]{position:fixed;inset:auto;position-anchor:--sim-controls-help;position-area:top span-left;box-sizing:border-box;width:min(300px,calc(100vw - 32px));margin:0 0 8px;padding:14px;border:1px solid #39747a;border-radius:6px;background:#0b1b25;color:#c8e2dd;box-shadow:0 12px 36px #0008;font-family:var(--client-font,system-ui,sans-serif);font-size:12px}.help-heading[b-lsq0q24d3s]{display:flex;align-items:center;justify-content:space-between;gap:12px}.help-heading strong[b-lsq0q24d3s]{font-size:14px}.help-heading button[b-lsq0q24d3s]{border:0;background:transparent;color:#a8c7c5;font-size:20px;cursor:pointer}.sim-controls-popup dl[b-lsq0q24d3s]{margin:12px 0 0}.sim-controls-popup dt[b-lsq0q24d3s]{margin-top:10px;font-weight:600}.sim-controls-popup dd[b-lsq0q24d3s]{margin:3px 0 0;color:#a8c7c5;line-height:1.5}.sim-controls-popup :focus-visible[b-lsq0q24d3s]{outline:2px solid #75d9b6;outline-offset:2px}
/* /Components/Pages/MonacoEditorPreview.razor.rz.scp.css */
.editor-preview[b-x6n5mjkxno] { height: 600px; max-width: 1100px; border: 1px solid var(--client-border); border-radius: var(--client-radius); overflow: hidden; background: var(--client-surface); }
/* /Components/Pages/OntologyNodePreviewPage.razor.rz.scp.css */
.node-preview[b-s5tvh6f4t0]{padding:16px;color:var(--client-text);font:12px/1.6 var(--client-font);min-width:0}.preview-note[b-s5tvh6f4t0]{color:var(--client-text-muted);font-size:11px;margin:0 0 20px}
/* /Components/Pages/OntologyWorkspaceView.razor.rz.scp.css */
.ontology-graph-return[b-v6w5a9070d]{font:11px var(--client-sans,system-ui);color:var(--client-accent);background:transparent;border:0;padding:0 0 12px;cursor:pointer}
/* /Components/Pages/PlaygroundView.razor.rz.scp.css */
.ide[b-z4wkxrgt59] { --ide-border: var(--client-border); display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: var(--client-workbench-toolbar-height) minmax(0, 1fr) var(--client-workbench-status-height); height: 100%; min-height: 0; background: var(--client-surface); color: var(--client-text-secondary); border: 0; border-radius: 0; overflow: hidden; font: var(--client-text-body)/1.4 var(--client-font); }
.ide-toolbar[b-z4wkxrgt59] { grid-column: 1; grid-row: 1; display: flex; align-items: center; gap: 10px; padding: 0 var(--client-space-3); background: var(--client-surface-raised); border-bottom: 1px solid var(--ide-border); }
.workspace-name[b-z4wkxrgt59] { font-size: var(--client-text-body); font-weight: 500; white-space: nowrap; }
.workspace-name span[b-z4wkxrgt59] { color: var(--client-text-muted); font-size: var(--client-text-meta); font-weight: 400; padding-left: 12px; }
.toolbar-actions[b-z4wkxrgt59] { margin-left: auto; display: flex; gap: 6px; align-items: center; }
.ide button[b-z4wkxrgt59] { font: inherit; cursor: pointer; color: inherit; }
.ide button:disabled[b-z4wkxrgt59] { opacity: .45; cursor: default; }
.ide button:focus-visible[b-z4wkxrgt59] { outline: 1px solid var(--client-accent); outline-offset: -2px; }
.tool[b-z4wkxrgt59] { border: 0; border-radius: var(--client-radius); background: transparent; padding: 4px 9px; }
.tool:hover:enabled[b-z4wkxrgt59] { background: var(--client-surface-hover); }
.file-icon[b-z4wkxrgt59] { color: var(--client-accent); font: 15px var(--client-mono); }
.workbench[b-z4wkxrgt59] { grid-column: 1; grid-row: 2; min-width: 0; min-height: 0; display: flex; flex-direction: column; }
.tab-strip[b-z4wkxrgt59] { display: flex; align-items: center; height: var(--client-workbench-tab-height); flex-shrink: 0; background: var(--client-surface-raised); }
.editor-host[b-z4wkxrgt59] { flex: 1; min-height: var(--client-workbench-editor-min-height); overflow: hidden; }
.output-panel[b-z4wkxrgt59] { height: var(--client-workbench-output-height); flex: 0 0 var(--client-workbench-output-height); min-height: var(--client-workbench-output-min-height); display: flex; flex-direction: column; border-top: 1px solid var(--ide-border); position: relative; }
.output-resizer[b-z4wkxrgt59] { height: 8px; flex: 0 0 8px; margin-top: -4px; position: relative; z-index: 2; cursor: ns-resize; touch-action: none; }
.output-resizer[b-z4wkxrgt59]::after { content: ""; position: absolute; left: 50%; top: 3px; width: 36px; height: 2px; transform: translateX(-50%); border-radius: 2px; background: var(--client-border); opacity: .8; }
.output-resizer:hover[b-z4wkxrgt59]::after, .output-resizer:focus-visible[b-z4wkxrgt59]::after { background: var(--client-accent); opacity: 1; }
.output-toolbar[b-z4wkxrgt59] { height: var(--client-workbench-tab-height); display: flex; align-items: center; gap: 16px; padding: 0 16px; flex-shrink: 0; }
.output-tab[b-z4wkxrgt59] { align-self: stretch; display: flex; align-items: center; border-bottom: 1px solid var(--client-text-secondary); font-size: 11px; }
.execution-status[b-z4wkxrgt59] { color: var(--client-text-muted); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.output-toolbar .tool[b-z4wkxrgt59] { margin-left: auto; }
.output-host[b-z4wkxrgt59] { flex: 1; min-height: 0; overflow: hidden; }
.statusbar[b-z4wkxrgt59] { grid-column: 1; grid-row: 3; display: flex; align-items: center; gap: 16px; padding: 0 12px; background: var(--client-surface-raised); border-top: 1px solid var(--ide-border); color: var(--client-text-muted); font: var(--client-text-label) var(--client-mono); white-space: nowrap; overflow: hidden; }
.status-spacer[b-z4wkxrgt59] { flex: 1; }
@media (max-width: 600px) { .workspace-name span[b-z4wkxrgt59], .statusbar > span:nth-last-child(2)[b-z4wkxrgt59], .statusbar > span:nth-last-child(3)[b-z4wkxrgt59] { display: none; } .statusbar[b-z4wkxrgt59] { gap: 8px; } .toolbar-actions[b-z4wkxrgt59] { gap: 0; } .output-toolbar[b-z4wkxrgt59] { gap: 8px; padding: 0 8px; } }

.tool svg[b-z4wkxrgt59] { display: block; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.4; }
.run-label[b-z4wkxrgt59] { display: inline-flex; align-items: center; gap: var(--client-space-2); }
.run-label svg[b-z4wkxrgt59] { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.status-runtime[b-z4wkxrgt59] { color: var(--client-accent); }
@media (max-width: 1100px) { .workspace-name span[b-z4wkxrgt59] { display: none; } }
@media (max-width: 600px) { .workspace-name[b-z4wkxrgt59] { display: none; } .toolbar-actions[b-z4wkxrgt59] { gap: 4px; } }
.live-toggle[b-z4wkxrgt59] { display: inline-flex; align-items: center; gap: 7px; border: 1px solid transparent; background: transparent; border-radius: var(--client-radius); padding: 8px; color: var(--client-text-muted); }
.live-toggle > span[b-z4wkxrgt59] { width: 6px; height: 6px; border-radius: 50%; background: var(--client-text-muted); }
.live-toggle.enabled[b-z4wkxrgt59] { color: var(--client-success); border-color: var(--client-border); background: var(--client-surface); }
.live-toggle.enabled > span[b-z4wkxrgt59] { background: var(--client-success); box-shadow: 0 0 0 3px color-mix(in srgb, var(--client-success) 12%, transparent); }
@media (max-width: 600px) { .statusbar > span:last-child[b-z4wkxrgt59] { display: none; } }

.tab-strip[b-z4wkxrgt59] { overflow-x:auto; flex-shrink:0; }
.document-tab[b-z4wkxrgt59] { display:flex; flex-shrink:0; max-width:260px; border-right:1px solid var(--client-border); border-top:1px solid transparent; }
.document-tab.active[b-z4wkxrgt59] { background:var(--client-surface); border-top-color:var(--client-accent); color:var(--client-text); }
.document-tab button[b-z4wkxrgt59] { border:0; background:transparent; display:flex; align-items:center; gap:8px; padding:10px 12px; min-width:0; }
.document-tab button[role=tab] > span:nth-child(2)[b-z4wkxrgt59] { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.document-tab .close-tab[b-z4wkxrgt59] { padding:8px; color:var(--client-text-muted); }
.document-tab button:hover[b-z4wkxrgt59] { background:var(--client-surface-hover); }
.document-path[b-z4wkxrgt59] { display:flex; justify-content:space-between; gap:16px; padding:6px 16px; font:11px var(--client-mono); color:var(--client-text-muted); border-bottom:1px solid var(--client-border); overflow:hidden; white-space:nowrap; flex-shrink:0; }
.document-path span[b-z4wkxrgt59] { margin-left:auto; }
.arguments-panel[b-z4wkxrgt59] { border-bottom:1px solid var(--client-border); background:var(--client-surface-raised); flex-shrink:0; }
.arguments-header[b-z4wkxrgt59] { display:flex; align-items:center; gap:12px; min-height:34px; padding:0 16px; }
.arguments-toggle[b-z4wkxrgt59] { border:0; background:transparent; padding:7px 0; display:flex; align-items:center; gap:7px; font-weight:500; }
.arguments-toggle span:first-child[b-z4wkxrgt59] { color:var(--client-text-muted); font-size:16px; width:12px; }
.arguments-enable[b-z4wkxrgt59] { display:flex; flex-direction:row; align-items:center; gap:6px; color:var(--client-text-muted); }
.arguments-body[b-z4wkxrgt59] { display:flex; flex-direction:column; gap:5px; padding:0 16px 10px 35px; max-width:760px; }
.arguments-body textarea[b-z4wkxrgt59] { min-height:58px; max-height:180px; resize:vertical; color:var(--client-text); background:var(--client-surface); border:1px solid var(--client-border); border-radius:var(--client-radius); padding:7px 9px; font:12px/1.4 var(--client-mono); }
.arguments-help[b-z4wkxrgt59] { color:var(--client-text-muted); font-size:11px; }
.arguments-error[b-z4wkxrgt59] { color:var(--client-danger, #d96c6c); font-size:11px; }
@media (max-width:600px) { .document-path[b-z4wkxrgt59] { display:none; } }
/* /Components/Pages/SignIn.razor.rz.scp.css */
/* Root-level --client-* tokens: the sign-in page renders outside the app shell's design scope. */
.signin[b-2tmqn1y4wf] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: var(--client-space-4);
    background: var(--client-surface);
    color: var(--client-text);
}

.signin-card[b-2tmqn1y4wf] {
    width: 100%;
    max-width: 360px;
    display: grid;
    gap: var(--client-space-4);
    padding: var(--client-space-6);
    background: var(--client-surface-raised);
    border: 1px solid var(--client-border);
    border-radius: var(--client-radius-lg);
    box-shadow: var(--client-elevation);
}

.signin-card h1[b-2tmqn1y4wf] {
    font-size: var(--client-text-title);
}

.signin-lead[b-2tmqn1y4wf] {
    color: var(--client-text-muted);
}

.signin-card label[b-2tmqn1y4wf] {
    display: grid;
    gap: var(--client-space-1);
    color: var(--client-text-muted);
}

.signin-card[b-2tmqn1y4wf]  input {
    padding: var(--client-input-padding-block) var(--client-input-padding-inline);
    background: var(--client-input-background);
    color: var(--client-input-foreground);
    border: 1px solid var(--client-input-border);
    border-radius: var(--client-input-radius);
}

.signin-error[b-2tmqn1y4wf] {
    color: var(--client-danger);
}

.signin-card button[b-2tmqn1y4wf] {
    padding: var(--client-button-padding-block) var(--client-button-padding-inline);
    background: var(--client-accent-solid);
    color: var(--client-button-foreground);
    border: 1px solid var(--client-button-border);
    border-radius: var(--client-button-radius);
    font-weight: 600;
    cursor: pointer;
}

.signin-card button:hover[b-2tmqn1y4wf] {
    filter: brightness(1.1);
}
/* /Components/Pages/SqlStudioView.razor.rz.scp.css */
.ide[b-5us9wqviyr] { --ide-border: var(--client-border); display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: var(--client-workbench-toolbar-height) minmax(0, 1fr) var(--client-workbench-status-height); height: 100%; min-height: 0; background: var(--client-surface); color: var(--client-text-secondary); border: 0; border-radius: 0; overflow: hidden; font: var(--client-text-body)/1.4 var(--client-font); }
.ide-toolbar[b-5us9wqviyr] { grid-column: 1; grid-row: 1; display: flex; align-items: center; gap: 10px; padding: 0 var(--client-space-3); background: var(--client-surface-raised); border-bottom: 1px solid var(--ide-border); }
.workspace-name[b-5us9wqviyr] { font-size: var(--client-text-body); font-weight: 500; white-space: nowrap; }
.workspace-name span[b-5us9wqviyr] { color: var(--client-text-muted); font-size: var(--client-text-meta); font-weight: 400; padding-left: 12px; }
.toolbar-actions[b-5us9wqviyr] { margin-left: auto; display: flex; gap: 10px; align-items: center; }
.ide button[b-5us9wqviyr] { font: inherit; cursor: pointer; color: inherit; }
.ide button:disabled[b-5us9wqviyr] { opacity: .45; cursor: default; }
.ide button:focus-visible[b-5us9wqviyr] { outline: 1px solid var(--client-accent); outline-offset: -2px; }
.tool[b-5us9wqviyr] { border: 0; border-radius: var(--client-radius); background: transparent; padding: 4px 9px; }
.tool:hover:enabled[b-5us9wqviyr] { background: var(--client-surface-hover); }
.workbench[b-5us9wqviyr] { grid-column: 1; grid-row: 2; min-width: 0; min-height: 0; display: flex; flex-direction: column; }
.tab-strip[b-5us9wqviyr] { display: flex; align-items: center; height: var(--client-workbench-tab-height); flex-shrink: 0; background: var(--client-surface-raised); overflow-x: auto; }
.document-tab[b-5us9wqviyr] { display: flex; flex-shrink: 0; max-width: 260px; border-right: 1px solid var(--client-border); border-top: 1px solid transparent; }
.document-tab.active[b-5us9wqviyr] { background: var(--client-surface); border-top-color: var(--client-accent); color: var(--client-text); }
.document-tab button[b-5us9wqviyr] { border: 0; background: transparent; display: flex; align-items: center; gap: 8px; padding: 10px 12px; min-width: 0; }
.document-tab button[role=tab] > span[b-5us9wqviyr] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.document-tab .close-tab[b-5us9wqviyr] { padding: 8px; color: var(--client-text-muted); }
.document-tab button:hover:enabled[b-5us9wqviyr] { background: var(--client-surface-hover); }
.editor-host[b-5us9wqviyr] { flex: 1; min-height: var(--client-workbench-editor-min-height); overflow: hidden; }
.output-panel[b-5us9wqviyr] { height: var(--client-workbench-output-height); flex: 0 0 var(--client-workbench-output-height); min-height: var(--client-workbench-output-min-height); display: flex; flex-direction: column; border-top: 1px solid var(--ide-border); position: relative; }
.output-resizer[b-5us9wqviyr] { height: 8px; flex: 0 0 8px; margin-top: -4px; position: relative; z-index: 2; cursor: ns-resize; touch-action: none; }
.output-resizer[b-5us9wqviyr]::after { content: ""; position: absolute; left: 50%; top: 3px; width: 36px; height: 2px; transform: translateX(-50%); border-radius: 2px; background: var(--client-border); opacity: .8; }
.output-resizer:hover[b-5us9wqviyr]::after, .output-resizer:focus-visible[b-5us9wqviyr]::after { background: var(--client-accent); opacity: 1; }
.output-toolbar[b-5us9wqviyr] { height: var(--client-workbench-tab-height); display: flex; align-items: center; gap: 16px; padding: 0 16px; flex-shrink: 0; }
.output-tab[b-5us9wqviyr] { align-self: stretch; display: flex; align-items: center; border-bottom: 1px solid var(--client-text-secondary); font-size: 11px; }
.execution-status[b-5us9wqviyr] { color: var(--client-text-muted); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.output-toolbar .tool[b-5us9wqviyr] { margin-left: auto; }
.output-host[b-5us9wqviyr] { flex: 1; min-height: 0; overflow: auto; }
.statusbar[b-5us9wqviyr] { grid-column: 1; grid-row: 3; display: flex; align-items: center; gap: 16px; padding: 0 12px; background: var(--client-surface-raised); border-top: 1px solid var(--ide-border); color: var(--client-text-muted); font: var(--client-text-label) var(--client-mono); white-space: nowrap; overflow: hidden; }
.status-spacer[b-5us9wqviyr] { flex: 1; }
.status-runtime[b-5us9wqviyr] { color: var(--client-accent); }
.tool svg[b-5us9wqviyr] { display: block; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.4; }
.run-label[b-5us9wqviyr] { display: inline-flex; align-items: center; gap: var(--client-space-2); }
.run-label svg[b-5us9wqviyr] { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.document-path[b-5us9wqviyr] { display:flex; justify-content:space-between; gap:16px; padding:6px 16px; font:11px var(--client-mono); color:var(--client-text-muted); border-bottom:1px solid var(--client-border); overflow:hidden; white-space:nowrap; flex-shrink:0; }
.document-path span[b-5us9wqviyr] { margin-left:auto; }
@media (max-width: 600px) { .workspace-name span[b-5us9wqviyr], .statusbar > span:nth-last-child(2)[b-5us9wqviyr], .statusbar > span:nth-last-child(3)[b-5us9wqviyr] { display: none; } .statusbar[b-5us9wqviyr] { gap: 8px; } .toolbar-actions[b-5us9wqviyr] { gap: 4px; } .output-toolbar[b-5us9wqviyr] { gap: 8px; padding: 0 8px; } .document-path[b-5us9wqviyr] { display:none; } }

.field[b-5us9wqviyr] { display: inline-flex; align-items: center; gap: 6px; color: var(--client-text-muted); font-size: 11px; }
.field select[b-5us9wqviyr] { font: inherit; color: var(--client-text); background: var(--client-surface); border: 1px solid var(--client-border); border-radius: var(--client-radius); padding: 5px 7px; max-width: 160px; }
.safe-mode[b-5us9wqviyr] { display: inline-flex; align-items: center; gap: 6px; color: var(--client-text-muted); font-size: 11px; white-space: nowrap; }
@media (max-width: 900px) { .field span[b-5us9wqviyr], .safe-mode[b-5us9wqviyr] { display: none; } }

.output-empty[b-5us9wqviyr] { padding: 16px; color: var(--client-text-muted); }
.output-error[b-5us9wqviyr] { margin: 16px; padding: 10px 12px; border: 1px solid var(--client-danger, #d96c6c); border-radius: var(--client-radius); color: var(--client-danger, #d96c6c); font: 12px var(--client-mono); white-space: pre-wrap; }
.output-note[b-5us9wqviyr] { padding: 8px 16px; color: var(--client-text-muted); font-size: 11px; }
.result-set + .result-set[b-5us9wqviyr] { border-top: 1px solid var(--client-border); }
.result-meta[b-5us9wqviyr] { display: flex; align-items: center; justify-content: space-between; padding: 8px 16px; color: var(--client-text-muted); font-size: 11px; }
.result-grid-wrap[b-5us9wqviyr] { overflow: auto; max-height: 100%; padding: 0 16px 12px; }
.result-grid[b-5us9wqviyr] { border-collapse: collapse; font: 12px var(--client-mono); white-space: nowrap; }
.result-grid th[b-5us9wqviyr], .result-grid td[b-5us9wqviyr] { padding: 5px 10px; border-bottom: 1px solid var(--client-border); text-align: left; }
.result-grid th[b-5us9wqviyr] { position: sticky; top: 0; background: var(--client-surface-raised); color: var(--client-text-muted); font-weight: 500; }
.result-grid .muted[b-5us9wqviyr] { color: var(--client-text-muted); font-style: italic; }
/* /Components/Pages/WorkflowDesignerView.razor.rz.scp.css */
.ide[b-7c1qzcc8eu] { --ide-border: var(--client-border); display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: var(--client-workbench-toolbar-height) minmax(0, 1fr) var(--client-workbench-status-height); height: 100%; min-height: 0; background: var(--client-surface); color: var(--client-text-secondary); border: 0; overflow: hidden; font: var(--client-text-body)/1.4 var(--client-font); }
.ide-toolbar[b-7c1qzcc8eu] { grid-column: 1; grid-row: 1; display: flex; align-items: center; gap: 10px; padding: 0 var(--client-space-3); background: var(--client-surface-raised); border-bottom: 1px solid var(--ide-border); }
.workspace-name[b-7c1qzcc8eu] { font-size: var(--client-text-body); font-weight: 500; white-space: nowrap; text-transform: capitalize; }
.workspace-name span[b-7c1qzcc8eu] { color: var(--client-text-muted); font-size: var(--client-text-meta); font-weight: 400; padding-left: 12px; text-transform: none; }
/* Bot / workflow, in the AppShell header's slash pattern. */
.toolbar-sep[b-7c1qzcc8eu] { color: var(--client-text); }
.flow-name[b-7c1qzcc8eu] { color: var(--client-text); font-size: var(--client-text-body); font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.toolbar-actions[b-7c1qzcc8eu] { margin-left: auto; display: flex; gap: 6px; align-items: center; }
.ide button.tool[b-7c1qzcc8eu] { font: inherit; cursor: pointer; color: inherit; border: 0; border-radius: var(--client-radius); background: transparent; padding: 4px 9px; }
.ide button.tool:hover:enabled[b-7c1qzcc8eu] { background: var(--client-surface-hover); }
.ide button:disabled[b-7c1qzcc8eu] { opacity: .45; cursor: default; }
/* A recorded run has no toolbar row: the header breadcrumb replaces it. */
.ide-run[b-7c1qzcc8eu] { grid-template-rows: minmax(0, 1fr) var(--client-workbench-status-height); }
.ide-run .workbench[b-7c1qzcc8eu] { grid-row: 1; }
.ide-run .statusbar[b-7c1qzcc8eu] { grid-row: 2; }
.run-error[b-7c1qzcc8eu] { padding: 2px var(--client-space-3); color: var(--client-danger, #f85149); font-size: var(--client-text-meta); }
.workbench[b-7c1qzcc8eu] { grid-column: 1; grid-row: 2; min-width: 0; min-height: 0; display: flex; flex-direction: column; }
.tab-strip[b-7c1qzcc8eu] { display: flex; align-items: center; height: var(--client-workbench-tab-height); flex-shrink: 0; background: var(--client-surface-raised); overflow-x: auto; }
.document-tab[b-7c1qzcc8eu] { display: flex; flex-shrink: 0; max-width: 260px; border-right: 1px solid var(--client-border); border-top: 1px solid transparent; }
.document-tab.active[b-7c1qzcc8eu] { background: var(--client-surface); border-top-color: var(--client-accent); color: var(--client-text); }
.document-tab button[b-7c1qzcc8eu] { border: 0; background: transparent; display: flex; align-items: center; gap: 8px; padding: 10px 12px; min-width: 0; font: inherit; cursor: default; color: inherit; }
.document-tab button > span:nth-child(2)[b-7c1qzcc8eu] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.file-icon[b-7c1qzcc8eu] { color: var(--client-accent); font: 15px var(--client-mono); }
.document-path[b-7c1qzcc8eu] { display: flex; justify-content: space-between; gap: 16px; padding: 6px 16px; font: 11px var(--client-mono); color: var(--client-text-muted); border-bottom: 1px solid var(--client-border); overflow: hidden; white-space: nowrap; flex-shrink: 0; }
.document-path span[b-7c1qzcc8eu] { margin-left: auto; text-transform: capitalize; }
.editor-host[b-7c1qzcc8eu] { flex: 1; min-height: var(--client-workbench-editor-min-height); overflow: hidden; padding: 0; }
.output-panel[b-7c1qzcc8eu] { height: var(--client-workflow-output-height); flex: 0 0 var(--client-workflow-output-height); min-height: var(--client-workbench-output-min-height); display: flex; flex-direction: column; border-top: 1px solid var(--ide-border); position: relative; }
.output-resizer[b-7c1qzcc8eu] { height: 8px; flex: 0 0 8px; margin-top: -4px; position: relative; z-index: 2; cursor: ns-resize; touch-action: none; }
.output-resizer[b-7c1qzcc8eu]::after { content: ""; position: absolute; left: 50%; top: 3px; width: 36px; height: 2px; transform: translateX(-50%); border-radius: 2px; background: var(--client-border); opacity: .8; }
.output-resizer:hover[b-7c1qzcc8eu]::after, .output-resizer:focus-visible[b-7c1qzcc8eu]::after { background: var(--client-accent); opacity: 1; }
.output-toolbar[b-7c1qzcc8eu] { height: var(--client-workbench-tab-height); display: flex; align-items: center; gap: 16px; padding: 0 16px; flex-shrink: 0; }
.output-tab[b-7c1qzcc8eu] { align-self: stretch; display: flex; align-items: center; border-bottom: 1px solid var(--client-text-secondary); font-size: 11px; }
.execution-status[b-7c1qzcc8eu] { color: var(--client-text-muted); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.output-toolbar .tool[b-7c1qzcc8eu] { margin-left: auto; }
.output-host[b-7c1qzcc8eu] { flex: 1; min-height: 0; overflow: auto; padding: 0 16px 16px; font: 12px/1.5 var(--client-mono); }
.output-host pre[b-7c1qzcc8eu] { white-space: pre-wrap; word-break: break-word; margin: var(--client-space-2) 0; }
.output-host pre.error[b-7c1qzcc8eu] { color: var(--client-danger); }
.output-host .exit-code[b-7c1qzcc8eu] { color: var(--client-text-muted); font: var(--client-text-meta) var(--client-mono); }
.op-meta[b-7c1qzcc8eu] { color: var(--client-text-secondary); font-size: var(--client-text-meta); margin: var(--client-space-1) 0; }
.op-meta.handler-ref span[b-7c1qzcc8eu] { color: var(--client-text-muted); margin-right: var(--client-space-2); }
.op-meta code[b-7c1qzcc8eu] { font: 11px var(--client-mono); }
.usage-claude[b-7c1qzcc8eu] { color: #fcd34d; }
.usage-jev[b-7c1qzcc8eu] { color: var(--client-accent); }
.empty-note[b-7c1qzcc8eu] { color: var(--client-text-secondary); font-size: var(--client-text-meta); }
.statusbar[b-7c1qzcc8eu] { grid-column: 1; grid-row: 3; display: flex; align-items: center; gap: 16px; padding: 0 12px; background: var(--client-surface-raised); border-top: 1px solid var(--ide-border); color: var(--client-text-muted); font: var(--client-text-label) var(--client-mono); white-space: nowrap; overflow: hidden; }
.status-runtime[b-7c1qzcc8eu] { color: var(--client-accent); }
.status-spacer[b-7c1qzcc8eu] { flex: 1; }
@media (max-width: 600px) { .workspace-name span[b-7c1qzcc8eu], .statusbar > span:nth-last-child(2)[b-7c1qzcc8eu] { display: none; } .document-path[b-7c1qzcc8eu] { display: none; } }

.task-context[b-7c1qzcc8eu] { display: grid; grid-template-columns: minmax(28px, 1fr) minmax(0, auto) minmax(28px, 1fr); align-items: center; min-width: 0; font: inherit; }
.task-context a[b-7c1qzcc8eu] { grid-column: 2; text-align: center; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--client-accent); }
.previous-instance[b-7c1qzcc8eu] { grid-column: 1; justify-self: start; }
.next-instance[b-7c1qzcc8eu] { grid-column: 3; justify-self: end; }
.next-instance[b-7c1qzcc8eu] { min-width: 0; max-width: 100%; }
.next-instance select[b-7c1qzcc8eu] { width: 100%; min-width: 0; background: var(--client-surface); color: var(--client-text); border: 1px solid var(--client-border); font: inherit; }
.task-context[b-7c1qzcc8eu] { padding-top: 2px; padding-bottom: 2px; }
.run-state[b-7c1qzcc8eu] { color: var(--client-text-muted); font-size: var(--client-text-meta); }
.tab-strip[b-7c1qzcc8eu] { overflow-y: hidden; }
@media (max-width: 600px) { .task-context[b-7c1qzcc8eu] { display: grid; } }


.task-status[b-7c1qzcc8eu] { flex: 0 0 auto; border-bottom: 1px solid var(--client-border); padding: 4px 12px; font-size: var(--client-text-meta); color: var(--client-warning); }
.task-status summary[b-7c1qzcc8eu] { cursor: pointer; }
.task-status p[b-7c1qzcc8eu] { color: var(--client-text-secondary); margin: 4px 0; }

.flow-crumbs[b-7c1qzcc8eu] { display:flex; flex-wrap:wrap; align-items:center; gap:var(--client-space-2); padding:2px var(--client-space-3); font-size:12px; }
.flow-crumbs .crumb[b-7c1qzcc8eu] { background:transparent; border:0; padding:0; color:var(--client-accent); cursor:pointer; text-decoration:underline; font:inherit; }
.flow-crumbs .crumb.current[b-7c1qzcc8eu] { color:var(--client-text-secondary); text-decoration:none; cursor:default; }
.nested-flows[b-7c1qzcc8eu] { display:flex; flex-direction:column; gap:var(--client-space-1); margin-bottom:var(--client-space-3); }
.nested-flows h4[b-7c1qzcc8eu] { margin:0; font-size:12px; }
.nested-run[b-7c1qzcc8eu] { text-align:left; padding:var(--client-space-1) var(--client-space-2); border:1px solid var(--client-border); border-radius:var(--client-radius); background:var(--client-surface-raised); color:inherit; cursor:pointer; font:inherit; font-size:12px; }
.nested-run:hover[b-7c1qzcc8eu] { background:var(--client-surface-hover); }
/* Bots simulation: sidebar list and links back to it. */
.bots-back[b-7c1qzcc8eu] { color:var(--client-accent); text-decoration:none; font-size:var(--client-text-meta); white-space:nowrap; }
.bots-back:hover[b-7c1qzcc8eu] { text-decoration:underline; }
/* /Components/Tasks/TaskDetailView.razor.rz.scp.css */
.task-loading[b-lr7m3omhld]{padding:28px;display:grid;gap:24px}nav[b-lr7m3omhld]{display:flex;gap:16px;align-items:center}button[b-lr7m3omhld]{color:var(--client-text);background:var(--client-surface-raised);border:1px solid var(--client-border);border-radius:6px;padding:6px 12px}