.app-header>.btn.workflow-link{display:inline-flex;white-space:nowrap}
.workflow-page{max-width:1060px}
.workflow-page .preferences-intro{margin-bottom:24px}
.workflow-tabs{display:flex;gap:8px;padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:12px;position:sticky;top:0;z-index:2}
.workflow-tabs .btn{flex:1;min-width:0;min-height:44px;white-space:normal}
.workflow-tabs [aria-selected=true]{background:var(--accent-pale);border-color:var(--accent);color:#913f2d}
.workflow-page [role=tabpanel][hidden]{display:none}
.workflow-parameters{display:grid;gap:18px;min-width:0}
.workflow-section-intro h2{margin:4px 0 10px;font-size:20px}
.workflow-section-intro .caption{line-height:1.8}
.workflow-stage{min-width:0}
.workflow-stage h3{margin:0;font-size:16px}
.workflow-stage .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.workflow-stage .field,.workflow-stage select,.workflow-stage input{min-width:0;max-width:100%}
.workflow-stage .badge,.workflow-text-editor .badge{white-space:normal}
.workflow-parameter{display:grid;gap:9px;align-content:start;min-width:0}
.workflow-placeholder{font-size:12px;overflow-wrap:anywhere}
.workflow-text-editor{min-width:0}
.workflow-text-editor .field textarea.workflow-text{min-height:460px;font-size:15px;line-height:1.9;tab-size:2;white-space:pre-wrap;overflow-wrap:anywhere}
.workflow-variable-tools{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px}
.workflow-variable-tools .field{margin:0;min-width:0}
.workflow-bindings{display:flex;flex-wrap:wrap;gap:8px}
.workflow-bindings .btn{white-space:normal;overflow-wrap:anywhere;text-align:left;min-height:40px;max-width:100%}
.workflow-preview{min-width:0}
.workflow-expanded{overflow-wrap:anywhere;font:inherit;font-size:15px;line-height:1.85;margin:0;padding:18px;background:var(--paper);border-radius:8px;min-height:340px;min-width:0}
.workflow-markdown>:first-child{margin-top:0}
.workflow-markdown>:last-child{margin-bottom:0}
.workflow-expanded .workflow-markdown :is(h1,h2,h3,h4,h5,h6){font-family:inherit;font-weight:650;line-height:1.45;margin:1.4em 0 .6em;letter-spacing:normal}
.workflow-expanded .workflow-markdown h1{font-size:1.7em}
.workflow-expanded .workflow-markdown h2{font-size:1.35em}
.workflow-expanded .workflow-markdown h3{font-size:1.15em}
.workflow-expanded .workflow-markdown :is(h4,h5,h6){font-size:1em}
.workflow-expanded .workflow-markdown>:first-child{margin-top:0}
.workflow-markdown p{margin:.7em 0}
.workflow-markdown :is(ul,ol){padding-left:1.6em;margin:.7em 0}
.workflow-markdown li{margin:.25em 0}
.workflow-markdown li :is(ul,ol){margin:.25em 0}
.workflow-markdown blockquote{margin:1em 0;padding:.1em 1em;border-left:3px solid var(--accent);color:var(--muted);background:var(--panel)}
.workflow-markdown a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.workflow-markdown code{font-family:Consolas,"SFMono-Regular",monospace;font-size:.9em;background:var(--panel);padding:.15em .35em;border-radius:4px;white-space:pre-wrap}
.workflow-markdown pre{max-width:100%;overflow-x:auto;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);line-height:1.65;white-space:pre;overflow-wrap:normal}
.workflow-markdown pre code{background:none;padding:0;white-space:pre}
.workflow-markdown hr{border:0;border-top:1px solid var(--line);margin:1.5em 0}
.workflow-table{max-width:100%;overflow-x:auto;margin:1em 0}
.workflow-table table{border-collapse:collapse;min-width:100%;font-size:.95em}
.workflow-table :is(th,td){border:1px solid var(--line);padding:8px 12px;text-align:left;min-width:6em}
.workflow-table th{background:var(--panel);font-weight:600}
.workflow-table .workflow-align-left{text-align:left}
.workflow-table .workflow-align-center{text-align:center}
.workflow-table .workflow-align-right{text-align:right}
.workflow-help{margin-top:24px;padding:16px;border-top:1px solid var(--line);font-size:13px;line-height:1.8;color:var(--muted)}
.workflow-help>summary{cursor:pointer;font-weight:600;color:var(--ink)}
.workflow-page .preferences-actions{z-index:2}
@media(max-width:600px){
  .app-header .workflow-link{font-size:11px;padding:8px;min-height:40px}
  .workflow-page{padding:26px 14px 38px}
  .workflow-tabs{gap:4px;padding:5px;top:0}
  .workflow-tabs .btn{padding:10px 6px;font-size:13px}
  .workflow-stage .form-grid{grid-template-columns:minmax(0,1fr)}
  .workflow-text-editor .field textarea.workflow-text{font-size:16px;min-height:52dvh}
  .workflow-expanded{font-size:15px;min-height:52dvh;padding:12px}
}