.pipeline{border-top:1px solid var(--line);padding:38px 0 30px;scroll-margin-top:28px}
.pipeline-heading{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:24px}
.pipeline-heading h2{font-size:29px;letter-spacing:-.6px}.pipeline-heading p{font-size:14px;color:var(--muted);margin-top:9px;max-width:760px}
.pipeline-case{font-size:11px;white-space:nowrap;color:var(--accent);border:1px solid var(--line);border-radius:30px;padding:7px 13px}
.data-flow{display:grid;grid-template-columns:1fr 1.1fr 1.2fr 1fr 1fr;gap:21px;list-style:none;padding:0;margin:0 0 25px}
.flow-step{position:relative;min-width:0;padding:17px 15px;background:var(--soft);border-radius:10px;border:1px solid transparent}
.flow-step:not(:last-child):after{content:'→';position:absolute;right:-18px;top:54px;color:#7a9791;font-size:18px}
.flow-step:nth-child(3){background:var(--mint);border-color:#b6d9d0}.flow-number{font-size:10px;letter-spacing:1px;color:var(--accent);display:block;margin-bottom:8px}
.flow-step h3{font-size:14px;margin-bottom:9px}.flow-step p{font-size:12px;line-height:1.7;color:var(--muted)}.flow-step p+p{margin-top:7px}.flow-step strong{font-weight:600;color:var(--ink)}
.flow-route{display:block;margin-top:8px;padding-top:8px;border-top:1px solid #c2dcd5}.flow-route b{color:var(--accent)}
.prompt-explorer{border:1px solid var(--line);border-radius:13px;background:var(--white);overflow:hidden}
.prompt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 22px;background:#f1f6f4;border-bottom:1px solid var(--line)}
.prompt-toolbar h3{font-size:18px}.prompt-toolbar p{font-size:11px;color:var(--muted);margin-top:3px}.prompt-selectors{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.prompt-selectors .segmented button{min-height:36px}.prompt-role-label{font-size:11px;display:flex;align-items:center;gap:8px;color:var(--muted)}
.prompt-role-label select{font:13px var(--sans);padding:9px 28px 9px 10px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink);max-width:220px}
.prompt-content{padding:22px}.prompt-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.prompt-meta span{font-size:11px;border-radius:5px;background:var(--soft);padding:4px 9px;color:var(--muted)}
.prompt-caption{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:14px 0 9px}.prompt-caption h4{font-size:12px;font-weight:600;margin:0}.prompt-caption span{font-size:10px;color:var(--muted)}
.prompt-code{font:12px/1.8 Consolas,'SFMono-Regular',monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:17px 19px;border-radius:8px;background:#f6f8f7;border:1px solid #e2eae7;color:#24443e;max-height:340px;overflow:auto;tab-size:2}
.prompt-note{font-size:12px;line-height:1.8;color:var(--muted);margin-top:14px;max-width:1000px}.prompt-note strong{color:var(--accent)}
.pipeline-details{margin-top:17px;border-top:1px solid var(--line)}.pipeline-details summary{cursor:pointer;padding:15px 0 2px;font-size:12px;color:var(--accent)}.pipeline-details[open] summary{padding-bottom:14px}
.input-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}.input-panels h4{font-size:12px;margin:0 0 9px}.input-panels .prompt-code{max-height:300px;font-size:11px}
.pipeline-source{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:16px;font-size:11px;color:var(--muted)}
@media(max-width:1100px){.data-flow{gap:14px}.flow-step{padding:14px 11px}.flow-step:not(:last-child):after{right:-14px;font-size:15px}.prompt-toolbar{align-items:start}.prompt-selectors{justify-content:flex-end}.pipeline-heading h2{font-size:26px}}
@media(max-width:850px){.data-flow{grid-template-columns:1fr 1fr;gap:13px}.flow-step:not(:last-child):after{display:none}.flow-step:last-child{grid-column:1/-1}.flow-step h3{font-size:15px}.prompt-toolbar{flex-direction:column}.prompt-selectors{justify-content:flex-start}.input-panels{grid-template-columns:1fr}.pipeline-heading{gap:12px}.pipeline-case{white-space:normal;text-align:right}}
@media(max-width:560px){.pipeline{padding-top:27px}.pipeline-heading{display:block}.pipeline-heading h2{font-size:24px}.pipeline-heading p{font-size:12px}.pipeline-case{display:inline-block;margin-top:12px}.data-flow{grid-template-columns:1fr;gap:20px}.flow-step{padding:14px 16px}.flow-step:not(:last-child):after{display:block;content:'↓';top:auto;right:50%;bottom:-20px;font-size:16px}.flow-number{float:right;margin:0 0 4px 12px}.flow-step h3{margin-bottom:5px}.flow-step p{font-size:12px}.flow-route{display:inline-block;margin-right:12px}.prompt-toolbar{padding:16px}.prompt-toolbar h3{font-size:17px}.prompt-selectors{width:100%;gap:10px}.prompt-role-label{flex:1;min-width:0}.prompt-role-label select{width:100%;max-width:none;min-width:0;font-size:12px}.prompt-content{padding:16px}.prompt-code{font-size:11px;padding:13px}.prompt-caption{align-items:start}.prompt-caption span{text-align:right}.prompt-note{font-size:11px}.pipeline-source{font-size:10px}}