.workflow-chapter{width:calc(100vw - 2 * var(--gutter));max-width:1100px!important;min-height:0!important;padding:45px 0!important}.hmai-wf{padding:clamp(20px,3vw,40px);background:#1a192efa;border:1px solid #74677e;border-radius:6px;scroll-margin-top:130px}.hmai-wf *{box-sizing:border-box}.hmai-wf-header{margin-bottom:30px;max-width:700px}.hmai-wf-tag{font-size:13px;letter-spacing:.06em;margin-bottom:18px;color:#f8f8fa}.hmai-wf-title{font-size:clamp(27px,3vw,43px);line-height:1.15;margin:0 0 20px}.hmai-wf-title span{color:#e62e5a}.hmai-wf-subtitle{font-size:17px;line-height:1.6}.hmai-wf-body{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:28px;align-items:start;grid-template-rows:min-content 1fr}.hmai-wf-panel{grid-column:1;grid-row:1 / 3}.hmai-wf-result{grid-column:2;min-width:0}.workflow-note{grid-column:2;font-size:15px;line-height:1.6;padding:18px;border-left:2px solid #e62e5a;margin:0}.hmai-wf-group{margin-bottom:24px}.hmai-wf-group-label{display:flex;align-items:center;gap:10px;font-size:15px;margin-bottom:12px;font-weight:600}.hmai-wf svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;flex-shrink:0}.hmai-selector-grid{display:grid;gap:8px}.hmai-selector-grid.col2{grid-template-columns:1fr 1fr}.hmai-selector-grid.col1{grid-template-columns:1fr}.hmai-sel-btn{display:flex;align-items:center;min-height:44px;padding:11px 13px;border:1px solid #74677e;border-radius:3px;color:#f8f8fa;background:#252236;font:inherit;font-size:15px;text-align:left;cursor:pointer}.hmai-sel-btn.active{border-color:#e62e5a;background:#493040}.hmai-wf-select{width:100%;min-height:46px;padding:10px;font:inherit;font-size:15px}.hmai-wf-generate,.hmai-wf-dl-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 18px;background:#e62e5a;color:#08060b;border:0;border-radius:3px;font:inherit;font-size:16px;cursor:pointer}.hmai-wf-generate{width:100%}.hmai-wf button:focus-visible,.hmai-wf select:focus-visible{outline:2px solid #f8f8fa;outline-offset:3px}.hmai-wf-empty{border:1px dashed #74677e;border-radius:4px;padding:28px;font-size:17px;line-height:1.6}.hmai-wf-empty svg{width:32px;height:32px;margin-bottom:16px}.hmai-wf-empty p{margin:0}.hmai-wf-result-head{padding:22px;background:#2c263d;border-radius:4px 4px 0 0}.hmai-wf-result-title{font-size:21px;margin-bottom:16px}.hmai-wf-result-meta{display:flex;gap:8px;flex-wrap:wrap}.hmai-wf-badge{font-size:12px;padding:5px 8px;background:#453b50;border-radius:3px;color:#f8f8fa}.hmai-wf-diagram-card{background:#f8f8fa;padding:20px;overflow:auto}.hmai-wf-diagram-card svg{width:100%;height:auto;min-width:240px;max-height:none}.hmai-wf-steps-card{padding:24px;background:#242033}.hmai-wf-steps-title{font-size:19px;margin-bottom:22px}.hmai-wf-steps-list{list-style:none;padding:0;margin:0}.hmai-wf-step{display:flex;gap:12px;margin:0 0 25px}.hmai-wf-step-num{flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;border:1px solid #e62e5a;border-radius:50%;font-size:13px}.hmai-wf-step-body{min-width:0}.hmai-wf-step-label{font-size:17px;margin-bottom:8px}.hmai-wf-step-desc{font-size:15px;line-height:1.6;color:#e7e4ef}.hmai-wf-step-module{font-size:12px;line-height:1.5;overflow-wrap:anywhere;color:#d2cbdc;margin-top:8px}.hmai-wf-download-card{display:grid;gap:18px;padding:24px;background:#2c263d;border-radius:0 0 4px 4px}.hmai-wf-download-info{font-size:15px;line-height:1.6}
@media(max-width:760px){.workflow-chapter{width:calc(100vw - 48px)}.hmai-wf{padding:20px}.hmai-wf-body{display:flex;flex-direction:column;gap:24px}.hmai-wf-panel,.hmai-wf-result{width:100%}.hmai-wf-diagram-card{padding:10px}.hmai-wf-diagram-card svg{min-width:0}.hmai-wf-steps-card,.hmai-wf-download-card{padding:18px}.hmai-wf-generate,.hmai-wf-dl-btn{font-size:15px}}