.workflow-tools{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:flex-start;padding:11px 17px;border-bottom:1px solid #36546c;background:#0b1d30;color:#c5def1;font-size:12px}
.workflow-plan{flex:1;min-width:240px}.workflow-plan>summary,.workflow-comparison>summary{cursor:pointer;padding:8px 2px;color:#e0efff;font-size:13px;font-weight:500}.workflow-plan>summary span,.workflow-comparison>summary span{margin-left:13px;font-size:11px;font-weight:400;color:#9fbad2}.workflow-plan[open]>summary{margin-bottom:10px}.workflow-plan-fields{display:grid;grid-template-columns:1fr 1.5fr 1.5fr;gap:14px}.workflow-plan-fields label,.comparison-columns label{display:grid;gap:7px;font-size:12px;color:#d2e8f8}.workflow-plan-fields :is(input,textarea),.comparison-columns select{width:100%;min-width:0;color:#e7f4ff;background:#071726;border:1px solid #53728a;border-radius:5px;padding:10px;font:inherit;line-height:1.5}.workflow-plan-fields textarea{resize:vertical}.workflow-plan-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.workflow-tools button,.workflow-import{min-height:38px;border:1px solid #587b9b;border-radius:6px;background:#183654;color:#dfedff;padding:9px 13px;font:inherit;cursor:pointer}.workflow-tools button:hover,.workflow-import:hover{background:#254c70;border-color:#8db9db}.workflow-tools .workflow-discuss{margin-left:auto;background:linear-gradient(115deg,#315290,#5551a0);border-color:#8b94df;white-space:nowrap}.workflow-tools .workflow-discuss span{margin-left:12px}.workflow-import{position:relative;display:inline-flex;align-items:center;overflow:hidden}.workflow-import input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.workflow-import:focus-within{outline:2px solid #b5e1ff;outline-offset:3px}.workflow-storage-note{font-size:11px;line-height:1.65;color:#a8c5db;margin:13px 0 7px;max-width:850px}.workflow-tools .workflow-forget{border:0;background:none;padding:4px 0;min-height:30px;text-decoration:underline;color:#a8c5db;font-size:11px}.workflow-save-status{width:100%;margin:0;font-size:12px;color:#bbecda}.workflow-save-status:empty{display:none}.workflow-restore{border-left:3px solid #b5a6ff;padding:4px 14px;margin:12px 0}.workflow-restore p{line-height:1.6}.workflow-restore button{margin:5px 8px 5px 0}.workflow-comparison{padding:7px 17px;border-bottom:1px solid #36546c;background:#0c2034;color:#d7e9fb;flex-shrink:0}.workflow-comparison-body{padding:6px 0 13px}.comparison-note{line-height:1.65;font-size:12px;color:#a9dcf0;margin:5px 0 14px}.comparison-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.comparison-columns section{min-width:0;border-left:2px solid #7495e4;padding-left:14px}.comparison-columns section+section{border-color:#71d7b7}.comparison-request{font-size:12px;line-height:1.5}.comparison-design{font-size:10px;color:#a1c3db}.comparison-output{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.65 'DM Sans',sans-serif;max-height:240px;overflow:auto;margin:9px 0;background:#061522;padding:12px;border-radius:5px}.workflow-tools :is(button,input,textarea,summary):focus-visible,.workflow-comparison :is(summary,select):focus-visible{outline:2px solid #bbdeff;outline-offset:3px}.node-rule-fields,.node-knowledge-fields{padding:12px;border:1px solid #476987;border-radius:6px;background:#0c2339;margin-block:10px}.node-rule-fields p,.node-knowledge-fields p{color:#b1cadd;font-size:11px;line-height:1.65}.board-focused .workflow-tools{flex-shrink:0}.board-focused .workflow-plan-body{max-height:240px;overflow-y:auto;padding:5px}.board-focused .workflow-comparison-body{max-height:270px;overflow-y:auto}.ai-control [hidden]{display:none!important}
@media(max-width:900px){.workflow-plan-fields{grid-template-columns:1fr}.workflow-plan>summary span{display:block;margin:5px 0 0 17px}.workflow-tools{padding:9px 12px}.workflow-plan{min-width:180px}.workflow-comparison>summary span{display:block;margin:6px 0 0 17px}.comparison-columns{grid-template-columns:1fr}.workflow-tools .workflow-discuss{white-space:normal}.workflow-comparison{padding-inline:12px}}
@media(forced-colors:active){.workflow-tools,.workflow-comparison,.comparison-output{background:Canvas;color:CanvasText}.workflow-tools *,.workflow-comparison *{border-color:CanvasText!important;color:CanvasText!important}.workflow-tools button{background:ButtonFace;color:ButtonText}}
.ai-control .workflow-playback{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:7px 10px;padding-top:10px;color:#c4e2f4;font-size:11px;min-width:0}.workflow-playback-label{font-weight:600;color:#e5f4ff}.workflow-playback-status{font:9px/1.4 'IBM Plex Mono',monospace;color:#9fdacc;min-width:70px}.ai-control .workflow-playback button{min-height:36px;padding:7px 12px;background:#152f49;border:1px solid #6384a3;border-radius:5px;color:#e1f1ff;font:500 11px/1.4 'DM Sans',sans-serif;cursor:pointer}.ai-control .workflow-playback button:hover:enabled{background:#254c70;border-color:#a6cdea}.ai-control .workflow-playback button:focus-visible{outline:2px solid #c2e5ff;outline-offset:3px}.ai-control .workflow-playback button:disabled{opacity:.5;cursor:default}.ai-control #workflow-playback-next{background:linear-gradient(110deg,#38579c,#5854a7);border-color:#9aaaea}.workflow-playback-hint{flex:1;min-width:200px;font-size:10px;line-height:1.55;color:#abc8dc}.ai-control.board-focused .workflow-playback{flex-shrink:0;padding-top:5px}.board-focused .workflow-playback-hint{font-size:9px}.ai-control .workflow-playback [hidden]{display:none!important}
@media(max-width:760px){.ai-control .workflow-playback{gap:7px;padding-top:12px}.workflow-playback-hint{flex-basis:100%;min-width:0}.ai-control .workflow-playback button{min-height:40px}.ai-control.board-focused .workflow-playback button{min-height:36px}.workflow-playback-status{margin-right:auto;min-width:0}}
@media(forced-colors:active){.ai-control .workflow-playback,.ai-control .workflow-playback *{color:CanvasText}.ai-control .workflow-playback button,.ai-control #workflow-playback-next{background:ButtonFace;color:ButtonText;border-color:ButtonText}}