/* The canvas shows stored engine states. Only active work animates. */
.workflow-workspace{max-width:1550px;margin:auto}
.canvas-header #canvas-run-select{max-width:285px;padding:10px 34px 10px 12px;font-size:12px;border-radius:12px;background:#171a18;color:#bdc5bf;border:1px solid #303731}
.workflow-canvas{grid-template-columns:minmax(215px,.92fr) minmax(260px,1.08fr) minmax(290px,1.15fr);grid-template-rows:auto auto;gap:94px 82px;padding:34px 16px 22px;min-height:600px;margin-top:18px;background-image:radial-gradient(#242a2612 2px,transparent 2px),radial-gradient(#202622 1px,transparent 1px);background-size:26px 26px}
.workflow-node{padding:20px;background:transparent;border-color:#ffffff17;box-shadow:none;border-radius:20px;transition:border-color .4s,box-shadow .4s;overflow:visible}
.node-heading{margin-bottom:18px;font-size:13px}.node-heading .canvas-dot{background:#4b524b;box-shadow:none;width:7px;height:7px}
.prompt-node textarea{min-height:96px;font-size:12px;line-height:1.5}.node-tags{margin-top:12px}.workflow-node label{margin:12px 0 6px;font-size:11px}.workflow-node input:not([type=range]){padding:11px;font-size:11px}.workflow-node .node-note{font-size:10px;margin:14px 0}
.node-run-status{display:flex;align-items:center;gap:7px;border-top:1px solid #2a302a;padding-top:11px;margin-top:16px;color:#838e85;font-size:10px;letter-spacing:.015em}
.node-status-dot{width:5px;height:5px;border-radius:50%;background:#566056;flex:none}
[data-node][data-state=done] .node-status-dot,[data-node][data-state=done] .canvas-dot{background:var(--brand-line)}[data-node][data-state=done] .node-run-status{color:var(--brand-muted)}
[data-node][data-state=active]{border-color:var(--brand-line);box-shadow:0 0 28px var(--brand-glow-faint)}
[data-node][data-state=active] .canvas-dot,[data-node][data-state=active] .node-status-dot{background:var(--brand-mint);box-shadow:0 0 10px var(--brand-glow-strong);animation:node-beacon 1.8s ease-in-out infinite}
[data-node][data-state=active] .node-run-status{color:var(--brand-mint)}
[data-node][data-state=active] .node-status-copy{background:linear-gradient(100deg,var(--brand-line) 20%,var(--brand-highlight) 50%,var(--brand-line) 80%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:node-text 2.4s linear infinite}
[data-node][data-state=error]{border-color:#a54e57}[data-node][data-state=error] .canvas-dot,[data-node][data-state=error] .node-status-dot{background:#e8818c}[data-node][data-state=error] .node-run-status{color:#e8818c}
[data-node][data-state=stopped] .node-run-status,[data-node][data-state=reconnecting] .node-run-status{color:#d9ba78}
.canvas-run-junction{transform:translate(-50%,-50%);pointer-events:none}.canvas-run-junction>span{position:absolute;white-space:nowrap;left:50%;transform:translateX(-50%);margin-top:9px}.canvas-run{pointer-events:auto;width:48px;height:48px;box-shadow:0 0 0 7px #0b0e0b;border-color:#364237}.canvas-run:disabled{opacity:1;cursor:default}
.canvas-run-junction[data-state=active]{box-shadow:none}.canvas-run-junction[data-state=active] .canvas-run{border-color:var(--brand-mint);color:var(--brand-highlight);box-shadow:0 0 0 7px var(--brand-wash),0 0 30px var(--brand-glow);animation:node-beacon 2s ease-in-out infinite}
.canvas-wires{stroke-width:1.5;filter:none;z-index:0;pointer-events:none;fill:none}.canvas-wires .wire-track{stroke:var(--brand-edge);stroke-width:1.5;fill:none}.canvas-wires .wire-flow{display:none;fill:none}.canvas-wires .done .wire-track{stroke:var(--brand-line-dim)}.canvas-wires .active .wire-track{stroke:var(--brand-line-dim)}.canvas-wires .active .wire-flow{display:block;stroke:var(--brand-mint);stroke-width:2;stroke-dasharray:9 15;animation:wire-travel 1.2s linear infinite;filter:drop-shadow(0 0 3px var(--brand-glow-strong))}.canvas-wires .error .wire-track{stroke:#92515a}.canvas-wires .wire-port{fill:var(--brand-line);stroke:var(--brand-wash);stroke-width:2}
.workflow-workspace[data-phase=idle] .wire-port,.workflow-workspace[data-phase=queued] .wire-port{fill:#4d5850}.canvas-offline .wire-flow{display:none!important}
/* A real video sits on top of the other finished clips. */
.results-node{padding:20px 22px;align-self:center}.results-node .node-heading{margin-bottom:24px}
.clip-stack{position:relative;isolation:isolate;width:calc(100% - 34px);max-width:260px;margin:18px auto 22px;aspect-ratio:9/14}
.stack-front,.stack-back{position:absolute;inset:0;border-radius:15px;overflow:hidden;background:#090b0a;border:1px solid #4d5a4c;box-shadow:0 8px 35px #0008}
.stack-back{pointer-events:none;z-index:0;opacity:.8}.stack-back img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) brightness(.82)}.stack-back-0{transform:translate(-9px,-3px) rotate(-8deg);background:#809686}.stack-back-1{transform:translate(11px,-7px) rotate(7deg);background:#b8bba9}.stack-front{z-index:2;border-color:#687c673d;box-shadow:0 0 40px #b0d4b817,0 15px 35px #0007}.stack-front video{display:block;width:100%;height:100%;object-fit:contain;background:#000;border-radius:inherit}
.stack-unavailable{height:100%;display:grid;align-content:center;justify-items:center;gap:10px;color:#8c9a8e;font-size:12px}
.stack-caption{margin-top:8px;text-align:center}.stack-caption .eyebrow{font-size:9px;color:#8d9b8f;letter-spacing:.12em}.stack-caption h3{font-size:13px;line-height:1.4;font-weight:500;margin:7px 0 5px;color:#dfe7df}.stack-caption .small{font-size:10px;color:#7f9183}
.stack-navigation{display:flex;align-items:center;justify-content:center;gap:12px;margin:10px 0}.stack-navigation .icon-btn{padding:6px}.stack-navigation .icon-btn:disabled{opacity:.25;cursor:default}.stack-navigation svg{width:16px;height:16px}.stack-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:170px}.stack-dots button{width:20px;height:24px;position:relative;border:0;background:none;padding:0}.stack-dots button:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#4e5d50;left:50%;top:50%;transform:translate(-50%,-50%);transition:width .2s,background .2s}.stack-dots button.selected:after{width:16px;background:var(--brand-mint);border-radius:4px}.results-node .btn.full{font-size:11px;min-height:36px;background:#1d251f;border-color:#323f34}
.clip-stack-empty{position:relative;min-height:310px;margin:22px 15px;display:grid;place-items:center}.empty-stack-card,.empty-stack-front{position:absolute;inset:0;border:1px solid #323f34;border-radius:16px;background:#1c241e}.empty-stack-card:first-child{transform:rotate(-7deg);background:#29382b}.empty-stack-card:nth-child(2){transform:rotate(7deg);background:#223126}.empty-stack-front{position:relative;inset:auto;min-height:310px;padding:26px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:linear-gradient(160deg,#1c271e,#131915);text-align:center}.empty-stack-front svg{width:36px;height:36px;color:#6b8a71}.empty-stack-front h3{font-size:14px}.empty-stack-front p{font-size:12px;line-height:1.5;color:#8b9a8e}.results-node[data-state=active] .empty-stack-front:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,transparent 20%,var(--brand-glow-faint) 50%,transparent 80%);background-size:200% 100%;animation:node-text 3s linear infinite}
.canvas-activity{display:flex;align-items:center;gap:13px;max-width:900px;margin:26px auto 0;padding:15px 20px;border:1px solid #283229;border-radius:14px;background:#101611;min-height:78px}.canvas-activity-copy{flex:1;min-width:0}.canvas-activity strong{font-size:12px;color:#cddcce;font-weight:500}.canvas-activity p{font-size:11px;color:#8fa092;line-height:1.5;margin-top:4px}.canvas-activity .small,.canvas-activity small{display:block;font-size:10px;color:#738477;margin-top:5px}.canvas-activity .progress-track{max-width:360px;margin-top:10px}.canvas-activity .link-btn{font-size:11px;white-space:nowrap}.activity-signal{width:7px;height:7px;flex:none;border-radius:50%;background:#657868}.activity-signal.is-working{background:var(--brand-mint);box-shadow:0 0 0 5px var(--brand-glow-faint);animation:node-beacon 1.8s ease-in-out infinite}.canvas-toolbar{margin-top:14px}.canvas-toolbar>span{font-size:10px}.canvas-projects{max-width:1400px;margin:40px auto}
@keyframes wire-travel{to{stroke-dashoffset:-48}}
@keyframes node-beacon{50%{opacity:.55}}
@keyframes node-text{to{background-position:-220% 0}}
@media(min-width:1500px){.workflow-canvas{gap:110px 110px;min-height:740px;padding:45px 30px}.workflow-node{padding:25px}.clip-stack{max-width:290px;aspect-ratio:9/14}.prompt-node textarea{min-height:125px}}
@media(max-width:1150px) and (min-width:801px){.workflow-canvas{grid-template-columns:minmax(180px,.9fr) minmax(220px,1.08fr) minmax(230px,1fr);gap:90px 40px;padding-inline:5px}.workflow-node{padding:16px}.results-node{padding:18px}.clip-stack{width:calc(100% - 20px)}.canvas-header #canvas-run-select{max-width:215px}}
@media(max-width:800px){.workflow-canvas{display:flex;gap:32px;padding:25px 10px;min-height:0}.workflow-node{width:100%}.canvas-header{gap:18px}.canvas-header>.row{width:100%;flex-wrap:wrap}.canvas-header #canvas-run-select{flex:1;max-width:100%;min-width:130px}.canvas-run-junction{position:static;transform:none;align-self:center}.canvas-run-junction>span{position:static;transform:none;margin-top:10px}.canvas-run{margin:auto}.results-node{max-width:480px}.clip-stack{width:75%;max-width:240px}.canvas-activity{align-items:flex-start;padding:14px;flex-wrap:wrap}.canvas-activity .link-btn{margin-left:20px}.canvas-activity-copy{flex-basis:80%}.canvas-wires{display:none}.canvas-toolbar{padding:10px;gap:8px}.canvas-toolbar .btn{font-size:11px}}
@media(prefers-reduced-motion:reduce){.workflow-workspace *, .workflow-workspace *:after{animation:none!important;transition:none!important}.canvas-wires .active .wire-flow{stroke-dasharray:none;opacity:.7}}
.canvas-source-summary:empty{display:none}.canvas-source-summary .eyebrow{font-size:9px;color:#7d9883;letter-spacing:.12em}.canvas-source-summary h3{font-size:17px;line-height:1.4;font-weight:500;margin:12px 0}.canvas-source-summary p{font-size:11px;color:#859a8b;margin-bottom:20px}.canvas-source-summary .link-btn{font-size:11px}.canvas-source-fields[hidden]{display:none}.workflow-node input:disabled,.workflow-node textarea:disabled{cursor:default;opacity:1;-webkit-text-fill-color:#a9b8ad}.workflow-node input[type=range]:disabled{opacity:.7}.workflow-node[data-state=idle] .node-run-status{color:#859387}

/* Compact canvas without shrinking readable text or using page zoom. */
@media(min-width:801px){
  .main:has(.workflow-workspace){padding:18px 24px}
  .workflow-workspace{max-width:1380px}
  .canvas-header h1{font-size:23px}.canvas-header #canvas-run-select{padding-block:8px}
  .workflow-canvas{grid-template-columns:minmax(190px,230px) minmax(230px,275px) minmax(245px,290px);justify-content:center;gap:78px 64px;min-height:520px;padding:24px 12px 16px;margin-top:14px}
  .workflow-node{padding:16px;border-radius:17px}.results-node{padding:16px 18px}
  .node-heading{margin-bottom:14px}.results-node .node-heading{margin-bottom:18px}
  .prompt-node textarea{min-height:84px}.workflow-node input:not([type=range]){padding:9px 10px}
  .node-run-status{padding-top:9px;margin-top:12px}.node-tags{margin-top:9px}
  .clip-stack{max-width:215px;margin:14px auto 17px}
  .clip-stack-empty,.empty-stack-front{min-height:260px}
  .stack-caption h3{font-size:12px;margin-block:6px 4px}.stack-navigation{margin:7px 0}
  .canvas-run{width:43px;height:43px}
  .canvas-activity{max-width:820px;min-height:66px;padding:12px 16px;margin-top:18px}
  .canvas-toolbar{padding:9px 15px;margin-top:12px}.canvas-projects{margin-top:30px}
}
@media(min-width:801px) and (max-width:1100px){
  .workflow-canvas{grid-template-columns:minmax(165px,.9fr) minmax(205px,1.08fr) minmax(215px,1fr);gap:76px 35px;padding-inline:4px}
  .workflow-node{padding:14px}.clip-stack{max-width:195px}
}

/* Run from the source. Workflow controls and process checks flank the canvas. */
.workflow-workspace{padding-inline:54px 58px}
.source-run{margin-top:18px;min-height:37px;font-size:12px;gap:8px}
.source-run:disabled{cursor:default;opacity:.7}
.canvas-engine{width:40px;height:40px;border:1px solid #33493e;border-radius:12px;background:#101713;display:grid;place-items:center;color:#7fa791;box-shadow:0 0 0 6px #0b0e0b}
.canvas-engine svg{width:18px;height:18px}
.canvas-run-junction[data-state=active] .canvas-engine{border-color:var(--brand-mint);color:var(--brand-highlight);box-shadow:0 0 0 6px var(--brand-wash),0 0 24px var(--brand-glow);animation:node-beacon 2s ease-in-out infinite}
.canvas-left-rail{position:fixed;left:89px;top:50%;transform:translateY(-50%);z-index:25;display:flex;flex-direction:column;gap:15px;align-items:center;width:61px;padding:15px 4px;background:#111713;border:1px solid #27362d;border-radius:17px}
.side-control{display:flex;flex-direction:column;align-items:center;gap:7px;position:relative;border:0;background:transparent;color:#9aad9f;width:51px;padding:6px 2px;border-radius:9px;cursor:default}
.side-control[data-action]{cursor:pointer}.side-control:hover,.side-control:focus-visible{background:#1b2922;color:var(--brand-mint)}
.side-control svg{width:19px;height:19px}.rail-caption{font-size:9px;line-height:1.35;text-align:center;max-width:49px}
.side-control[data-busy=true]>svg{color:var(--brand-mint);animation:node-beacon 1.8s ease-in-out infinite}
.canvas-checklist{position:fixed;right:19px;top:50%;transform:translateY(-50%);z-index:25;padding:15px 7px;background:#101613;border:1px solid #27362d;border-radius:17px;width:56px}
.checklist-title{display:block;font-size:7px;letter-spacing:.08em;text-align:center;color:#7d9a89;margin-bottom:14px}
.canvas-checklist ol{display:flex;flex-direction:column;gap:13px;list-style:none;margin:0;padding:0;align-items:center}
.process-step{position:relative;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#19211c;color:#6f8075;border:1px solid #2c3931;cursor:default;padding:0}
.process-mark{display:grid;place-items:center;font-size:10px;width:100%;height:100%}.process-mark svg{width:13px;height:13px}.process-mark .loader{width:13px;height:13px}
.canvas-checklist [data-state=done] .process-step{color:var(--brand-mint);border-color:var(--brand-edge);background:var(--brand-wash)}
.canvas-checklist [data-state=active] .process-step{color:var(--brand-mint);border-color:var(--brand-mint);box-shadow:0 0 12px var(--brand-glow)}
.canvas-checklist [data-state=error] .process-step{color:#f0a2ac;border-color:#b16a75;background:#29191e}
.canvas-checklist [data-state=offline] .process-step,.canvas-checklist [data-state=stopped] .process-step{color:#dabb7c;border-color:#75633f}
.canvas-tip{position:absolute;left:calc(100% + 13px);top:50%;transform:translateY(-50%) translateX(-3px);width:235px;padding:12px 14px;border:1px solid #33493d;border-radius:12px;background:#18231e;box-shadow:0 10px 35px #0007;color:#b9cbbf;line-height:1.5;text-align:left;font-size:11px;font-weight:400;z-index:80;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,transform .15s,visibility .15s}
.canvas-tip strong{display:block;font-size:11px;font-weight:500;color:#e3f0e7;margin-bottom:5px}.canvas-tip>span{display:block}
.canvas-checklist .canvas-tip{left:auto;right:calc(100% + 13px);transform:translateY(-50%) translateX(3px)}
.tip-trigger:hover>.canvas-tip,.tip-trigger:focus>.canvas-tip{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}
@media(min-width:801px){
  .workflow-canvas{grid-template-columns:minmax(175px,230px) minmax(210px,275px) minmax(220px,290px);gap:78px 45px;padding-inline:7px}
  .canvas-header h1{font-size:22px}.canvas-header #canvas-run-select{max-width:240px}
}
@media(min-width:801px) and (max-width:1100px){
  .workflow-workspace{padding-inline:48px 42px}.workflow-canvas{grid-template-columns:minmax(145px,.9fr) minmax(185px,1.08fr) minmax(195px,1fr);gap:74px 28px}
  .workflow-node{padding:13px}.canvas-header #canvas-run-select{max-width:175px}.canvas-left-rail{left:84px;width:52px}.side-control{width:43px}
  .canvas-checklist{right:10px;width:48px;padding-inline:4px}.clip-stack{max-width:178px}
}
@media(max-width:800px){
  .workflow-workspace{padding-inline:0}.canvas-left-rail{position:relative;left:auto;top:auto;transform:none;flex-direction:row;width:fit-content;margin-top:20px;padding:7px 12px;gap:12px}.side-control{flex-direction:row;width:auto;padding:6px}.rail-caption{max-width:70px;font-size:10px}.side-control .canvas-tip{top:calc(100% + 10px);left:0;transform:none}.side-control:hover .canvas-tip,.side-control:focus .canvas-tip{transform:none}
  .canvas-checklist{position:relative;right:auto;top:auto;transform:none;width:auto;margin:16px 0;display:flex;align-items:center;gap:10px;padding:10px}.checklist-title{margin:0}.canvas-checklist ol{flex-direction:row;flex-wrap:wrap;gap:10px}.canvas-checklist .canvas-tip{position:fixed;left:88px;right:20px;top:auto;bottom:16px;transform:none;width:auto}.canvas-checklist .tip-trigger:hover>.canvas-tip,.canvas-checklist .tip-trigger:focus>.canvas-tip{transform:none}
  .canvas-engine{width:38px;height:38px}
}

/* Transparent nodes keep the canvas visible; progress arrives as an AI message. */
.workflow-node input:not([type=range]){background:#ffffff04;border-color:#ffffff1c}
.canvas-checklist .process-message{width:308px;padding:16px;border-color:var(--brand-edge);border-radius:19px 19px 6px 19px;background:linear-gradient(140deg,#14231e,#101612);box-shadow:0 16px 55px #0009,0 0 30px var(--brand-glow-faint);overflow-wrap:anywhere}
.process-message:after{content:'';position:absolute;right:-6px;top:calc(50% - 6px);width:10px;height:10px;background:#111a15;border-top:1px solid var(--brand-edge);border-right:1px solid var(--brand-edge);transform:rotate(45deg)}
.process-message .message-sender{display:flex;align-items:center;gap:9px;margin-bottom:13px}
.message-avatar{width:31px;height:31px;flex:none;display:grid;place-items:center;border:1px solid var(--brand-edge);border-radius:10px;background:var(--brand-wash)}
.message-avatar img{width:21px;height:21px}
.message-identity{display:flex;flex-direction:column;gap:1px;flex:1}
.process-message .message-identity strong{font-size:12px;font-weight:600;letter-spacing:-.01em;margin:0;color:#e5f4ed}
.message-identity>span{font-size:9px;color:#829c8f}
.message-state{padding:3px 7px;border:1px solid var(--brand-edge);border-radius:99px;color:var(--brand-muted);font-size:9px;white-space:nowrap}
.process-message .message-bubble{display:block;background:#ffffff05;border:1px solid #ffffff0d;border-radius:3px 13px 13px 13px;padding:12px 13px}
.message-stage{display:block;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-muted);margin-bottom:7px}
.message-text{display:block;font-size:12px;line-height:1.65;color:#dbe8df;font-weight:400}
.message-detail{display:block;font-size:10px;line-height:1.6;color:#95ab9e;border-top:1px solid #ffffff0b;padding-top:9px;margin-top:10px;white-space:pre-wrap}
.message-progress{display:block;height:3px;background:#ffffff10;border-radius:3px;margin-top:13px;overflow:hidden}
.message-progress>span{display:block;height:100%;background:var(--brand-gradient);border-radius:inherit;transition:width .35s ease}
.message-count{display:block;margin-top:7px;font-size:9px;color:var(--brand-muted);font-variant-numeric:tabular-nums}
.process-message .message-footer{display:flex;align-items:center;gap:6px;margin:11px 1px 0;font-size:9px;color:#849b8d}
.message-footer>svg{width:12px;height:12px;color:var(--brand-line)}
.message-step{margin-left:auto;color:#60786b;font-variant-numeric:tabular-nums}
.message-typing{display:flex;gap:3px;align-items:center;height:12px;padding-right:3px}
.message-typing i{height:3px;width:3px;border-radius:50%;background:var(--brand-mint);animation:message-typing 1.4s ease-in-out infinite}
.message-typing i:nth-child(2){animation-delay:.16s}.message-typing i:nth-child(3){animation-delay:.32s}
.canvas-checklist [data-state=error] .message-state{color:#f0a2ac;border-color:#b16a7555}.canvas-checklist [data-state=offline] .message-state,.canvas-checklist [data-state=stopped] .message-state{color:#dabb7c;border-color:#75633f}
@keyframes message-typing{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@media(max-width:800px){.canvas-checklist .process-message{width:auto;max-width:340px;left:auto;right:16px;bottom:16px}.process-message:after{display:none}}

/* One transparent surface treatment, including navigation and every canvas rail. */
:root{--surface-hairline:1px;--surface-border:rgb(213 235 224 / .17)}
@media(min-resolution:2dppx){:root{--surface-hairline:.5px}}
body .sidebar,body .sidebar:is(:hover,:focus-within),
.shell-content,.panel,.metrics,.clip-card,.settings-section,.notice,.manual-selection,
.clip-edit-panel,.edit-status,.pipeline-panel,.new-project-panel,.task-dock{
  background:transparent;box-shadow:none;border-color:var(--surface-border);border-width:var(--surface-hairline);
}
body .sidebar:is(:hover,:focus-within){backdrop-filter:blur(18px)}
.sidebar .nav a,.sidebar .nav a:is(.active,:hover,:focus-visible){
  background:transparent;box-shadow:none;border:var(--surface-hairline) solid transparent;
}
.sidebar .nav a.active{color:var(--brand-mint);border-color:var(--brand-line)}
.sidebar .nav a:is(:hover,:focus-visible){color:var(--brand-highlight);border-color:var(--surface-border)}
.sidebar .nav a .count{background:transparent;border:var(--surface-hairline) solid var(--surface-border);color:var(--brand-muted)}
.workflow-workspace :is(.workflow-node,.canvas-left-rail,.canvas-checklist,.canvas-engine,
  .canvas-tip,.message-avatar,.message-bubble,.stack-front,.stack-back,.empty-stack-front),
.workflow-workspace .empty-stack-card:nth-child(n){
  background:transparent;box-shadow:none;border-color:var(--surface-border);border-width:var(--surface-hairline);
}
.workflow-workspace [data-node],.workflow-workspace .canvas-run-junction .canvas-engine{box-shadow:none}
.workflow-workspace .canvas-checklist [data-state] .process-step{
  background:transparent;box-shadow:none;border-width:var(--surface-hairline);
}
.workflow-workspace .side-control:is(:hover,:focus-visible){background:transparent;outline:var(--surface-hairline) solid var(--surface-border)}
.workflow-workspace :is(input:not([type=range]),select),.canvas-header #canvas-run-select{
  background:transparent;border-color:var(--surface-border);border-width:var(--surface-hairline);
}
.workflow-workspace :is(.btn,.icon-btn),.workflow-workspace :is(.btn,.icon-btn):hover{
  background:transparent;box-shadow:none;border-color:var(--surface-border);border-width:var(--surface-hairline);color:#c4d2c9;
}
.workflow-workspace .btn.primary,.workflow-workspace .btn.primary:hover{color:var(--brand-mint);border-color:var(--brand-line)}
.workflow-workspace :is(.node-tags>span,.node-tags>a,.message-state){background:transparent;border-width:var(--surface-hairline);border-color:var(--surface-border)}
.workflow-workspace :is(.node-run-status,.message-detail){border-top-width:var(--surface-hairline);border-color:var(--surface-border)}
.workflow-workspace .canvas-tip{backdrop-filter:blur(22px)}
.workflow-workspace .process-message:after{background:transparent;border-color:var(--surface-border);border-width:var(--surface-hairline)}
.workflow-workspace .empty-stack-front:after{background:none}
.workflow-workspace :is(.canvas-dot,.node-status-dot){box-shadow:none}
.sidebar .nav a:focus-visible{outline:var(--surface-hairline) solid var(--brand-line);outline-offset:4px}