body.workflow-gallery-page { margin:0; background:#f4f7fb; color:#29445d; font:15px/1.5 Arial,sans-serif; }
.workflow-gallery-page main { max-width:900px; margin:32px auto; padding:24px; background:white; border-radius:12px; }
.workflow-gallery-page a { color:#2366b0; }
.workflow-gallery-page h1 { font-size:28px; }
.workflow-controls { display:flex; flex-wrap:wrap; gap:14px; margin:24px 0; }
.workflow-controls label { display:grid; gap:6px; flex:1 1 180px; min-width:0; font-weight:600; }
.workflow-controls label[hidden] { display:none; }
.workflow-controls select { width:100%; min-width:0; padding:10px; border:1px solid #cbd9e7; border-radius:6px; background:white; color:#29445d; }
.analyzer-workflow-export { padding:8px 12px; border:1px solid #cbd9e7; border-radius:6px; background:#f8fbff; color:#2366b0; cursor:pointer; }
@media(max-width:600px) {.workflow-gallery-page main {margin:0; padding:14px; border-radius:0;} }
.analyzer-workflow { color:#29445d; font:14px/1.5 Arial,sans-serif; text-align:left; min-width:0; }
.analyzer-workflow h3 {font-size:21px; margin:0 0 8px;}
.analyzer-workflow p {margin:8px 0; overflow-wrap:anywhere;}
.analyzer-workflow .workflow-caption {color:#526a80; font-size:12px;}
.workflow-subtitle {font-weight:600;}
.workflow-cards {list-style:none; margin:18px 0; padding:0;}
.workflow-card {position:relative; padding:14px; margin:0 0 30px; border:1px solid #d8e3ee; border-radius:10px; background:#f8fbff;}
.workflow-card:not(:last-child)::after {content:'↓'; position:absolute; bottom:-29px; left:calc(50% - 7px); color:#5988ba; font-size:22px;}
.workflow-card-head {display:flex; align-items:center; gap:9px;}
.workflow-card h4 {margin:0; font-size:15px; line-height:1.4;}
.workflow-number {display:grid; place-items:center; background:#e2eeff; color:#2366b0; width:24px; height:24px; border-radius:50%; flex-shrink:0;}
.workflow-glyph {display:block; width:100%; max-width:600px; height:auto; margin:8px 0;}
.workflow-read {display:flex; align-items:center; flex-wrap:wrap; gap:5px; margin:10px 0;}
.workflow-segment {padding:4px 7px; border-radius:4px; font-size:12px; color:#1d344c;}
.workflow-segment.umi {background:#ecdaf0;}
.workflow-segment.technical {background:#f8e5bd;}
.workflow-segment.insert {background:#d4e7f6;}
.workflow-segment.adapter {background:#f6ddda;}
.workflow-outputs {display:flex; flex-wrap:wrap; gap:8px;}
.workflow-outputs span {border:1px solid #cbd9e7; border-radius:5px; padding:6px 10px;}
.workflow-unavailable {border:1px solid #e5b8ad; background:#fff7f3; border-radius:8px; padding:12px; margin:16px 0; color:#884238;}
.analyzer-workflow summary {cursor:pointer; color:#2366b0;}
.workflow-source {font-size:12px; margin-top:18px; overflow-wrap:anywhere;}
body.analyzer .analyzer-workflow {box-sizing:border-box; width:100%; padding:20px; border:1px solid #d8e3ee; border-radius:12px; background:white;}
body.analyzer .analyzer-workflow .workflow-cards {padding:0; margin:18px 0;}
body.analyzer .analyzer-workflow .workflow-card {margin:0 0 30px;}
.analyzer-workflow .workflow-glyph {max-width:240px;}
.workflow-gallery-link {display:inline-block; margin-top:16px;}
body.analyzer section.analyzer-workflow {display:block;}
body.analyzer .workflow-cards .workflow-card:hover {background:#f8fbff;}
.analyzer-workflow .workflow-stop {color:#884238;}
.workflow-failure-note {padding:10px; border-left:3px solid #d9a394; background:#fff8f4; font-size:12px;}
.workflow-gallery-page header img {max-width:600px; width:100%; height:auto;}
.workflow-gallery-page main {display:block; box-sizing:border-box;}
.workflow-gallery-page section.analyzer-workflow {display:block;}