.workflow-editor{width:min(1100px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #8886;border-radius:14px;background:var(--oa-panel,#181818);color:var(--oa-text,#eee);overflow:auto}
html[data-theme=light] .workflow-editor{background:#fff;color:#252525}
.workflow-editor::backdrop{background:#000a}
.workflow-editor>header,.workflow-editor>footer{display:flex;align-items:center;gap:12px;padding:16px 22px}
.workflow-editor>header{justify-content:space-between;border-bottom:1px solid #8885}
.workflow-editor h2{margin:0 0 6px;font-size:20px}
.workflow-editor>header button{font-size:22px}
.workflow-editor>footer{justify-content:flex-end;border-top:1px solid #8885;position:sticky;bottom:0;background:inherit}
.workflow-stages{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:18px 22px;list-style:none}
.workflow-stages li{padding:7px 9px;border:1px solid #8885;border-radius:7px;font-size:12px}
.workflow-stages li+li::before{content:'→ ';color:#e1fa8b}
.workflow-content{padding:0 22px 18px}
.workflow-columns{display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,3fr);gap:18px}
.workflow-columns nav,.workflow-columns section,.workflow-prompt{display:grid;gap:9px;align-content:start}
.workflow-columns nav button{text-align:left;justify-content:flex-start}
.workflow-columns nav button[aria-pressed=true]{border-color:#d3f65c;background:#d3f65c22}
.workflow-editor textarea,.workflow-editor input{width:100%;background:transparent;color:inherit;border:1px solid #8887;border-radius:7px;padding:8px;box-sizing:border-box}
.workflow-editor textarea{resize:vertical}
.workflow-variables{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:8px 0}
.workflow-editor pre{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #8885;border-radius:7px;padding:10px;margin:0}
@media(max-width:600px){.workflow-columns{grid-template-columns:1fr}.workflow-columns nav{grid-template-columns:repeat(2,minmax(0,1fr))}}

.workflow-overview{margin:16px 22px 18px}
.workflow-overview>p{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:0 0 8px}
.workflow-overview small{color:inherit;opacity:.8}
.workflow-overview .workflow-stages{margin:0}
.workflow-overview .workflow-stages li{background:transparent;border-color:#8884}
.workflow-columns>section{min-width:0}
.workflow-editor .workflow-variables{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px}
.workflow-editor .workflow-variables>label{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:5px;min-width:0}
.workflow-editor .workflow-variables code{white-space:normal;overflow-wrap:anywhere}
.workflow-editor .workflow-variables input{min-width:0;max-width:100%}
.workflow-editor>footer{flex-wrap:wrap}
.workflow-preview-note{font-size:12px;opacity:.8;margin:8px 0}
.workflow-editor .workflow-variables>div{min-width:0;border:1px solid #8885;border-radius:7px;padding:8px}
.workflow-editor .workflow-variables dt{display:grid;gap:3px;font-weight:600}
.workflow-editor .workflow-variables dd{margin:6px 0 0;font-size:12px;overflow-wrap:anywhere}

/* Workflow samples may inherit a no-wrap declaration from the admin list. */
.workflow-editor .workflow-variables :is(dt,dd,code) {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}
.workflow-editor .workflow-variables dd {
  max-width: 100%;
  line-height: 1.5;
}
.workflow-model-details{padding:10px 12px;border:1px solid #8885;border-radius:8px;margin:0 0 16px}
.workflow-stage-models h3{font-size:14px;margin:12px 0}
.workflow-stage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,215px),1fr));gap:10px;margin:10px 0}
.workflow-stage-grid label{display:grid;gap:6px;min-width:0}
.workflow-stage-grid select{width:100%;min-width:0;padding:8px;border:1px solid #8887;border-radius:7px;background:inherit;color:inherit}
.workflow-stage-models .workflow-policy-toggle{display:flex;align-items:center;gap:8px}
.workflow-stage-models .workflow-policy-toggle input{width:auto}