html[data-ui="workbench"] .work-surface-tabs{display:flex;flex:none;gap:4px;padding:6px 14px;border-bottom:1px solid var(--line);background:var(--surface)}
html[data-ui="workbench"] .work-surface-tabs .btn[aria-pressed="true"]{background:var(--brand-soft);color:var(--brand)}
html[data-ui="workbench"] #main:has(> .work-surface-tabs),html[data-ui="workbench"] .moi-workspace-chat-pane:has(> .work-surface-tabs){display:flex;flex-direction:column;min-height:0}
html[data-ui="workbench"] :is(#main,.moi-workspace-chat-pane):has(> .work-surface-tabs) > .chat-home{flex:1 1 auto;min-height:0;height:auto}
html[data-ui="workbench"] .shell.has-projects #main:has(> .work-surface-tabs) > .chat-home.conversation-mode{height:auto}
html[data-ui="workbench"] [data-work-canvas]{position:relative;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;min-width:0;overflow:hidden;color:var(--ink);background:var(--bg)}
html[data-ui="workbench"] [data-work-canvas][hidden],html[data-ui="workbench"] .chat-home[hidden],html[data-ui="workbench"] .draft-advanced[hidden]{display:none!important}
html[data-ui="workbench"] .ai-canvas-toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--line)}
html[data-ui="workbench"] .ai-canvas-goal{display:grid;gap:2px;min-width:200px;flex:1;color:var(--muted);font-size:11px;font-weight:600}
html[data-ui="workbench"] .ai-canvas-goal input{width:100%;border:0;background:transparent;color:var(--ink);font-size:18px;font-weight:650;outline-offset:3px}
html[data-ui="workbench"] .ai-canvas-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
html[data-ui="workbench"] .ai-canvas-stage{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;background-image:radial-gradient(var(--line) .8px,transparent .8px);background-size:20px 20px;cursor:grab}
html[data-ui="workbench"] .ai-canvas-world{position:absolute;inset:0;transform-origin:0 0}
html[data-ui="workbench"] [data-canvas-lines],html[data-ui="workbench"] [data-canvas-nodes]{position:absolute;inset:0;width:100%;height:100%}
html[data-ui="workbench"] [data-canvas-lines]{pointer-events:none;overflow:visible}
html[data-ui="workbench"] [data-canvas-link]{fill:none;stroke:var(--brand);stroke-width:2;opacity:.65}
html[data-ui="workbench"] [data-canvas-drag-link]{fill:none;stroke:var(--brand);stroke-width:2;stroke-dasharray:6 4}
html[data-ui="workbench"] .ai-canvas-node{position:absolute;width:224px;min-height:112px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:0 4px 18px #0002;user-select:none;touch-action:none}
html[data-ui="workbench"] .ai-canvas-node:hover,html[data-ui="workbench"] .ai-canvas-node:focus-visible{border-color:var(--brand)}
html[data-ui="workbench"] .ai-canvas-node:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
html[data-ui="workbench"] .ai-canvas-node[data-status="running"]{box-shadow:0 0 0 3px var(--brand-soft),0 4px 18px #0002}
html[data-ui="workbench"] .ai-canvas-card-head{display:flex;align-items:start;gap:9px;height:68px;padding:12px 10px 4px;cursor:grab}
html[data-ui="workbench"] .ai-canvas-job-icon{display:grid;place-items:center;flex:none;width:31px;height:31px;border:1px solid var(--line);border-radius:9px;background:var(--brand-soft);color:var(--brand)}
html[data-ui="workbench"] .ai-canvas-job-icon svg{width:17px;height:17px}
html[data-ui="workbench"] .ai-canvas-card-copy{display:grid;gap:2px;min-width:0;flex:1}
html[data-ui="workbench"] .ai-canvas-card-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.4}
html[data-ui="workbench"] .ai-canvas-card-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px}
html[data-ui="workbench"] .ai-canvas-connect{display:grid;place-items:center;flex:none;width:26px;height:26px;padding:0;border:1px solid var(--brand);border-radius:50%;background:var(--surface);color:var(--brand);font-size:18px;line-height:1;cursor:crosshair}
html[data-ui="workbench"] .ai-canvas-connect:hover{background:var(--brand);color:var(--surface)}
html[data-ui="workbench"] .ai-canvas-card-model{display:flex;align-items:center;gap:4px;height:36px;margin:0 7px 7px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}
html[data-ui="workbench"] .ai-canvas-card-model .ai-provider-mark{width:20px;height:20px;border-radius:5px;background:transparent}
html[data-ui="workbench"] .ai-canvas-card-model .ai-provider-mark::before{width:15px;height:15px}
html[data-ui="workbench"] .ai-canvas-card-model .choice-select{min-width:0;flex:1}
html[data-ui="workbench"] .ai-canvas-card-model .choice-trigger{width:100%;min-width:0;height:26px;padding:2px 5px;font-size:10px}
html[data-ui="workbench"] .ai-canvas-card-model .choice-trigger span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-ui="workbench"] .ai-canvas-target{position:absolute;left:12px;top:-33px;padding:4px 8px;border:1px solid var(--brand);border-radius:7px;background:var(--surface);color:var(--brand);font-size:10px}
html[data-ui="workbench"] .ai-canvas-output{display:block;max-height:48px;overflow:hidden;padding:4px 9px;color:var(--muted);font-size:10px;line-height:1.4}
html[data-ui="workbench"] .ai-canvas-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--muted)}
html[data-ui="workbench"] .ai-canvas-zoom{position:absolute;right:12px;bottom:12px;display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}
html[data-ui="workbench"] .ai-canvas-editor{position:absolute;z-index:6;right:16px;top:min(130px,20%);bottom:12px;width:300px;max-width:calc(100% - 32px);overflow:auto;padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 16px 42px #0003}
html[data-ui="workbench"] .ai-canvas-editor[hidden]{display:none}
html[data-ui="workbench"] .ai-canvas-editor-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
html[data-ui="workbench"] .ai-canvas-editor label{display:grid;gap:4px;margin:9px 0;color:var(--muted);font-size:11px;font-weight:600}
html[data-ui="workbench"] .ai-canvas-editor input,html[data-ui="workbench"] .ai-canvas-editor textarea{width:100%;padding:7px 8px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--ink);font-size:12px;resize:vertical}
html[data-ui="workbench"] .ai-canvas-deps{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:10px 0;font-size:11px}
html[data-ui="workbench"] .ai-canvas-deps strong{width:100%}
html[data-ui="workbench"] .ai-canvas-deps span{padding:3px 6px;border-radius:5px;background:var(--bg)}
html[data-ui="workbench"] .ai-canvas-deps button{border:0;background:transparent;color:var(--muted);cursor:pointer}
html[data-ui="workbench"] .ai-canvas-error{margin:0;padding:6px 16px;color:var(--ink);font-size:12px;background:var(--surface)}
@media(max-width:700px){html[data-ui="workbench"] .ai-canvas-toolbar{padding:9px 11px}html[data-ui="workbench"] .ai-canvas-goal{flex-basis:100%}html[data-ui="workbench"] .ai-canvas-goal input{font-size:16px}html[data-ui="workbench"] .ai-canvas-editor{top:auto;right:8px;bottom:8px;max-height:58%}}
@media(prefers-reduced-motion:no-preference){html[data-ui="workbench"] .ai-canvas-node{transition:border-color .15s ease,box-shadow .15s ease}html[data-ui="workbench"] [data-canvas-link]{transition:opacity .15s ease}}