.workflow-page{padding:30px 40px 20px}.workflow-page .wf-head h1{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:22px;font-weight:600;color:var(--text-1)}.workflow-page .wf-head h1 i{color:var(--brand-600)}.workflow-page .wf-summary{margin:0 0 6px;font-size:14px;line-height:1.7;color:var(--text-2)}.workflow-page .wf-privacy{margin:0 0 18px;font-size:12px;color:var(--text-3)}.workflow-page .wf-privacy i{color:var(--success);margin-right:4px}.workflow-page .wf-steps{display:flex;flex-wrap:wrap;gap:12px 26px;margin:0 0 18px;padding:10px 12px;list-style:none;border:1px solid var(--border-1);border-radius:var(--radius-md);background:var(--surface)}.workflow-page .wf-step{position:relative;flex:1 1 220px;min-width:0;padding:8px 10px;border-radius:var(--radius-sm);transition:background-color var(--transition)}.workflow-page .wf-step:hover{background:var(--surface-2)}.workflow-page .wf-step.active{background:var(--brand-50)}.workflow-page .wf-step:not(:last-child):after{content:"";position:absolute;top:19px;right:-16px;width:6px;height:6px;border-top:1.5px solid var(--border-2);border-right:1.5px solid var(--border-2);transform:translateY(-50%) rotate(45deg)}.workflow-page .step-btn{display:flex;align-items:center;gap:8px;padding:0;border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit}.workflow-page .step-btn:focus-visible{outline:none;border-radius:var(--radius-sm);box-shadow:var(--ring)}.workflow-page .step-no{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--border-1);color:var(--text-3);font-size:12px;font-weight:600}.workflow-page .wf-step.active .step-no{background:var(--brand-600);color:#fff}.workflow-page .wf-step.done .step-no{background:var(--success);color:#fff}.workflow-page .step-title{font-size:14px;font-weight:600;color:var(--text-1)}.workflow-page .step-hint{display:block;margin-top:4px;padding-left:30px;font-size:12px;line-height:1.6;color:var(--text-3)}.workflow-page .wf-panel{padding:16px;border:1px solid var(--border-1);border-radius:var(--radius-md);background:var(--surface)}.workflow-page .opt-row,.workflow-page .panel-foot,.workflow-page .panel-row,.workflow-page .preset-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.workflow-page .panel-row{margin-bottom:10px}.workflow-page .opt-row{gap:16px;margin-bottom:8px;font-size:13px;color:var(--text-2)}.workflow-page .opt-row label{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.workflow-page .file-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--brand-200);border-radius:var(--radius-md);background:var(--brand-50);color:var(--brand-600);font-size:13px;cursor:pointer}.workflow-page .file-btn input{display:none}.workflow-page .count,.workflow-page .file-name{font-size:12px;color:var(--text-3)}.workflow-page .busy{font-size:12px;color:var(--brand-600)}.workflow-page .error-line{margin:0 0 8px;font-size:12px;color:#d4380d}.workflow-page .panel-tip{margin:0 0 10px;font-size:12px;line-height:1.7;color:var(--text-3)}.workflow-page .text-area{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--border-1);border-radius:var(--radius-md);font-size:14px;line-height:1.8;resize:vertical}.workflow-page .text-area.mono{font-family:Consolas,Monaco,Courier New,monospace;font-size:13px}.workflow-page .wf-input{padding:6px 10px;border:1px solid var(--border-1);border-radius:var(--radius-md);background:var(--surface);color:var(--text-1);font-family:inherit;font-size:13px}.workflow-page .wf-input:focus{outline:none;border-color:var(--brand-400);box-shadow:var(--ring)}.workflow-page .wf-input-sm{width:88px}.workflow-page .wf-input-color{width:46px;height:32px;padding:2px;cursor:pointer}.workflow-page .panel-foot{margin-top:10px}.workflow-page .count{flex:1;min-width:0}.workflow-page .ghost-btn,.workflow-page .preset-btn{padding:5px 12px;border:1px solid var(--border-1);border-radius:var(--radius-pill,999px);background:transparent;color:var(--text-2);font-size:13px;cursor:pointer}.workflow-page .preset-btn.active{border-color:var(--brand-600);background:var(--brand-50);color:var(--brand-600)}.workflow-page .ghost-btn:disabled,.workflow-page .main-btn:disabled{opacity:.5;cursor:not-allowed}.workflow-page .main-btn{padding:6px 16px;border:none;border-radius:var(--radius-pill,999px);background:var(--brand-600);color:#fff;font-size:13px;cursor:pointer}.workflow-page .wf-tools{margin:16px 0 0;font-size:12px;color:var(--text-3)}.workflow-page .wf-tools a{display:inline-flex;align-items:center;margin-left:8px;padding:3px 10px;border:1px solid var(--border-1);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-2);font-size:12px;text-decoration:none;transition:border-color var(--transition),color var(--transition)}.workflow-page .wf-tools a:hover{border-color:var(--brand-200);color:var(--brand-600);text-decoration:none}.workflow-page .not-found{padding:40px 0;text-align:center;color:var(--text-3)}@media (max-width:768px){.workflow-page{padding:20px 20px}.workflow-page .wf-steps{flex-direction:column;gap:10px}.workflow-page .wf-step{flex:1 1 60px}.workflow-page .wf-step:not(:last-child):after{top:auto;right:auto;left:20px;bottom:-9px;transform:rotate(135deg)}.workflow-page .step-btn{width:100%;min-height:44px;padding:8px 0}.workflow-page .ghost-btn,.workflow-page .main-btn,.workflow-page .preset-btn{min-height:40px;padding:9px 16px}.workflow-page .wf-tools a{min-height:36px;padding:7px 12px}}