.workflow-body{max-width:100%;min-width:0}
.workflow-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-block:12px}
.workflow-controls select{flex:1;min-width:140px;max-width:100%}
.workflow-step{border:1px solid #d8e0ed;border-radius:10px;padding:14px;margin-block:16px;min-width:0}
.workflow-step legend{font-weight:650;padding-inline:6px}
.workflow-file{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:8px;border-bottom:1px solid #e1e7f0}
.workflow-file>span,.workflow-file>button:first-child{overflow-wrap:anywhere;min-width:0;text-align:start}
.workflow-result{border-top:1px solid #d8e0ed;margin-block:16px;padding-block:12px}
.workflow-result strong{overflow-wrap:anywhere}
.workflow-result a{margin:4px}
.header-links button{white-space:normal}
@media(max-width:600px){.workflow-step .tool-settings{grid-template-columns:minmax(0,1fr)}.workflow-controls{align-items:stretch}.workflow-controls>*{max-width:100%}}

.workflow-file,.workflow-result{content-visibility:auto;contain-intrinsic-size:auto 56px}
.workflow-body button:focus-visible,.workflow-body select:focus-visible,.workflow-body input:focus-visible{outline:2px solid #2855d9;outline-offset:3px}
.workflow-body{overscroll-behavior:contain}