.flow-start,.flow-stage{padding:clamp(22px,4vw,44px);background:#fff;border:1px solid #e4e5e9;border-radius:24px}
.flow-step-title{font-size:clamp(24px,3vw,34px);letter-spacing:-.05em;margin:10px 0 22px;outline:none}
.flow-step-title:focus-visible{outline:2px solid #0071e3;outline-offset:5px}
.flow-start>p,.flow-stage>p{color:#62666e;line-height:1.7}
.flow-paths{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}
.flow-path{display:flex;flex-direction:column;gap:14px;align-items:flex-start;text-align:left;padding:28px;border:1px solid #dedfe5;border-radius:20px;background:#f7f7f9;color:#1d1d1f;cursor:pointer}
.flow-path strong{font-size:22px;letter-spacing:-.04em}.flow-path span{font-size:14px;line-height:1.7;color:#62666e}
.flow-path.is-primary{background:#f0f6fd;border-color:#bbd6f5}.flow-path:hover{border-color:#0071e3}.flow-path:focus-visible{outline:3px solid #0071e3;outline-offset:3px}
.flow-progress{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.flow-progress span{font-size:12px;border-radius:99px;background:#f4f4f6;color:#686c73;padding:7px 12px}.flow-progress [aria-current]{background:#1d1d1f;color:#fff}
.flow-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;margin:20px 0}.flow-count{font-size:13px;color:#6e737b}.flow-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.flow-model-card{padding:20px;display:flex;flex-direction:column;gap:10px;border:1px solid #e3e5e9;border-radius:18px;min-width:0}.flow-model-card h3{font-size:17px;line-height:1.45;margin:0;letter-spacing:-.035em}.flow-model-card>p{margin:0;color:#747983;font-size:12px;overflow-wrap:anywhere}.flow-model-card .workspace-field{margin:8px 0}.flow-model-card button{margin-top:auto;width:100%}
.flow-model-card .workspace-field select{max-width:100%;font-size:12px}.flow-help{padding:16px 18px;border-radius:14px;background:#f5f6f8;color:#525966;font-size:14px;margin:16px 0}.flow-help summary{cursor:pointer;font-weight:600}.flow-help p{line-height:1.8}.flow-help a{color:#0071e3}
.flow-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:26px 0}.flow-selected-model{padding:20px;border-radius:16px;background:#f5f7fa}.flow-selected-model h3{margin:8px 0}.flow-selected-model p{font-size:13px;color:#666d78}
.flow-concerns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.flow-concerns label{padding:18px;background:#f7f7f9;border-radius:14px;display:flex;gap:12px;align-items:center;cursor:pointer;font-size:14px}.flow-concerns input{width:18px;height:18px;accent-color:#0071e3}
.flow-footer{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:28px 0 8px;padding-top:20px;border-top:1px solid #e7e8ec}.flow-footer .workspace-primary-button{margin-left:auto}.flow-footer button:disabled{opacity:.45;cursor:not-allowed}
.flow-selection{padding:20px;border:1px solid #bbd6f5;background:#f5f9fe;border-radius:18px;margin:20px 0}.flow-selection>div{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:12px;font-size:13px}.flow-selection p{font-size:13px;color:#626d7b}
.flow-more{margin:22px auto;display:block}.flow-result-context{margin:24px 0}.flow-result-context h2{font-size:22px;letter-spacing:-.04em}.flow-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.flow-insights article{padding:20px;border-radius:16px;border:1px solid #e2e5eb;background:#fff;line-height:1.7}.flow-insights h3{font-size:15px;margin:0 0 8px}.flow-insights p{font-size:13px;color:#616a77;margin:0;overflow-wrap:anywhere}.flow-result-note{font-size:13px;color:#636b77;line-height:1.7}.flow-setup-button{margin-right:auto}
@media(max-width:1000px){.flow-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-search{grid-column:1/-1}}
@media(max-width:600px){.flow-start,.flow-stage{padding:20px 16px;border-radius:18px}.flow-paths,.flow-fields,.flow-concerns,.flow-insights{grid-template-columns:1fr}.flow-model-grid{grid-template-columns:1fr}.flow-filters{grid-template-columns:1fr 1fr}.flow-filters>.workspace-field:last-child{grid-column:1/-1}.flow-progress{gap:5px}.flow-progress span{padding:6px 8px;font-size:11px}.flow-path{padding:24px}.flow-footer{gap:10px}.flow-footer .workspace-primary-button{margin-left:0}.flow-selection>div{align-items:flex-start}.flow-selection span{overflow-wrap:anywhere}.flow-fields{gap:16px}}