.bf-input .step-head{flex-wrap:wrap}.bf-input .step-head .hint{font-size:.8rem;font-weight:400}.bf-flex{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.bf-template-options{border-top:1px solid var(--hairline-soft);color:var(--text-muted);gap:.4rem;margin-top:1rem;padding-top:.8rem;font-size:.78rem}.bf-input .opt-chip,.bf-diagram .opt-chip{border:1px solid var(--hairline);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:8px;min-width:0;padding:.38rem .75rem;font-size:.82rem;font-weight:600}.bf-input .opt-chip.on,.bf-diagram .opt-chip.on{background:var(--navy);border-color:var(--navy);color:#fff}.bf-input .opt-chip:hover,.bf-diagram .opt-chip:hover{border-color:var(--accent)}.bf-input .bf-blank{border-style:dashed}.bf-input button,.bf-result button,.bf-export button{min-width:0}.bf-lane{background:var(--navy);border-radius:8px;align-items:center;max-width:100%;padding:2px 5px;display:inline-flex}.bf-input .bf-lane .tool-input{color:#fff;background:0 0;border:0;width:10em;min-width:0;max-width:100%;padding:.35rem;font-size:.85rem}.bf-lane button{color:#fff;cursor:pointer;background:0 0;border:0;padding:5px}#laneNew{border:1px solid var(--hairline);width:190px;max-width:100%;font:inherit;border-radius:8px;padding:.5rem .7rem}.bf-candidates{margin-top:10px}.bf-candidates .tool-btn{padding:.25rem .55rem;font-size:.8rem}#pasteBox{margin-top:12px}#pasteBox textarea{border:1px solid var(--hairline);width:100%;font:inherit;resize:vertical;border-radius:8px;margin:8px 0;padding:10px;display:block}.bf-table{border:1px solid var(--hairline);border-radius:8px;overflow:hidden}.bf-row{border-top:1px solid var(--hairline-soft);grid-template-columns:18px 26px 140px minmax(140px,1fr) 310px 176px 24px;align-items:center;gap:6px;min-width:0;padding:9px 8px;display:grid}.bf-row>*{min-width:0}.bf-row.bf-thead{background:var(--bg-soft);color:var(--text-muted);border-top:0;font-size:12px;font-weight:600}.bf-row.bf-is-decision{background:oklch(97% .03 80/.5)}.bf-row:hover{background:var(--bg-soft)}.bf-row.bf-highlight,.bf-row.bf-drop{background:var(--accent-soft);outline:2px solid var(--accent);outline-offset:-2px}.bf-row.bf-dragging{opacity:.45}.bf-row .tool-input{background:0 0;border-color:#0000;width:100%;padding:8px 4px;font-size:.84rem}.bf-row .tool-input:hover,.bf-row .tool-input:focus{border-color:var(--hairline);background:#fff}.bf-row .row-grip,.bf-row .bf-delete{color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:0}.bf-row .row-grip{cursor:grab}.bf-no{text-align:center;color:var(--text-muted);font-size:.85rem;font-weight:700}.bf-kinds{flex-wrap:wrap;gap:3px;display:flex}.bf-input .bf-kinds .opt-chip{white-space:nowrap;border-radius:6px;padding:.24rem .34rem;font-size:.72rem}.bf-branch{gap:6px;display:flex}.bf-branch label{white-space:nowrap;align-items:center;gap:2px;font-size:.74rem;display:flex}.bf-branch label:first-child span{color:#15803d}.bf-branch label:last-child span{color:#b45309}.bf-row .bf-branch select{border-color:var(--hairline);background:#fff;width:46px;padding:4px 0}.bf-add-row{margin-top:12px}.bf-tiles{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(200px,1.6fr);gap:10px;display:grid}.bf-result .bf-tile{background:var(--bg-soft);text-align:left;border-radius:8px;min-width:0;padding:8px 12px}.bf-result .bf-tile .t,.bf-result .bf-tile .v,.bf-result .bf-tile .d{display:block}.bf-result .bf-tile .t{color:var(--text-muted);font-size:11.5px}.bf-result .bf-tile .d{color:var(--text-secondary);font-size:11.5px}.bf-result .bf-tile .v{overflow-wrap:anywhere;font-size:17px}.bf-result .bf-tile.now{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.bf-result .bf-badge{white-space:normal;flex-wrap:wrap;max-width:100%}.bf-judge{margin-top:18px;margin-bottom:0;padding-top:18px}.bf-h3{margin:0;font-size:15px}.bf-result .bf-ch{margin-bottom:8px}.bf-result .bf-cl{margin-bottom:12px;font-size:15px}.bf-result .bf-cs{margin-bottom:12px;padding-top:12px}.bf-result .bf-csh{margin-bottom:8px}.bf-result .bf-cf{padding-top:8px;font-size:12px}.bf-result .bf-badge small{font-weight:400}.bf-result #issues{font-size:.88rem;line-height:1.6}.bf-result #issues button{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:5px 0;text-decoration:underline}.bf-diagram,.bf-export{min-width:0}.bf-diagram-head{justify-content:space-between;margin-bottom:12px}.bf-export h3{margin:0 0 8px;font-size:15px}.bf-diagram h3 .hint{font-weight:400}.bf-svg-scroll{max-width:100%;overflow-x:auto}.bf-scroll-hint{margin:.35rem 0 0}.bf-scroll-hint[hidden]{display:none}#flowSvg{max-width:100%;height:auto;display:block}#flowSvg.bf-long{max-width:none}#flowSvg.bf-vertical{margin:0 auto}.bf-lgd{color:var(--text-secondary);flex-wrap:wrap;gap:18px;margin-top:14px;font-size:12px;display:flex}.bf-lgd span{align-items:center;gap:6px;display:inline-flex}.bf-lgd i{background:oklch(93.5% .01 258);border:1.5px solid oklch(50% .02 258);border-radius:3px;width:22px;height:12px}.bf-lgd i.bf-start{background:oklch(50% .02 258);border-radius:999px}.bf-lgd i.bf-end{background:#fff;border-width:2px;border-radius:999px}.bf-lgd i.bf-system{border-top-width:4px}.bf-lgd i.bf-decision{border-radius:1px;width:11px;height:11px;transform:rotate(45deg)}.bf-lgd i.bf-doc{border-bottom-right-radius:6px 3px;border-bottom-left-radius:6px 3px}.bf-lgd i.bf-handoff{border:0;border-top:2.2px solid var(--accent);background:0 0;border-radius:0;width:26px;height:0}.bf-lgd i.bf-back{background:0 0;border:0;border-top:2px dashed #b45309;border-radius:0;width:26px;height:0}.bf-lgd .bf-lgd-note{color:var(--text-muted)}.bf-edit-hint{margin:-6px 0 12px}.bf-svg-scroll{position:relative}#flowSvg .bf-node{cursor:grab;touch-action:none;outline:none}#flowSvg .bf-node:hover .bf-shape{filter:brightness(.965)}#flowSvg .bf-node.bf-sel .bf-shape,#flowSvg .bf-node:focus-visible .bf-shape{stroke:var(--accent);stroke-width:3px;filter:drop-shadow(0 0 3px oklch(58% .2 256/.55))}#flowSvg .bf-node.bf-drag{cursor:grabbing;opacity:.8}#flowSvg .bf-lane-name{cursor:text}.bf-ui{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0;overflow:visible}.bf-ui>*{pointer-events:auto}.bf-tb{border:1px solid var(--hairline);z-index:3;background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px 8px;max-width:min(560px,100vw - 40px);padding:7px 9px;display:flex;position:absolute;box-shadow:0 6px 18px oklch(20% .03 260/.13)}.bf-tb-no{background:var(--navy);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:inline-flex}.bf-tb-kinds{gap:3px;display:flex}.bf-tb .opt-chip{border:1px solid var(--hairline);color:var(--text-secondary);white-space:nowrap;cursor:pointer;background:#fff;border-radius:6px;min-width:0;padding:.24rem .42rem;font-size:.72rem;font-weight:600}.bf-tb .opt-chip.on{background:var(--navy);border-color:var(--navy);color:#fff}.bf-tb-branch{gap:6px;display:flex}.bf-tb-branch label{white-space:nowrap;align-items:center;gap:2px;font-size:.74rem;display:flex}.bf-tb-branch .y{color:#15803d}.bf-tb-branch .n{color:#b45309}.bf-tb-branch select{font:inherit;border:1px solid var(--hairline);background:#fff;border-radius:6px;max-width:120px;padding:3px 2px;font-size:.76rem}.bf-tb-acts{gap:4px;display:flex}.bf-tb .tool-btn{min-width:0;padding:.24rem .5rem;font-size:.74rem}.bf-tb .bf-tb-del{color:#b91c1c}.bf-edit{z-index:4;box-sizing:border-box;border:2px solid var(--accent);color:var(--text);text-align:center;background:#fff;border-radius:8px;padding:2px 6px;font:600 13px/1.3 inherit;position:absolute;box-shadow:0 4px 14px oklch(20% .03 260/.14)}.bf-export .primary-btn{background:var(--accent);border-color:var(--accent);color:#fff}.bf-snap{border:1px solid var(--hairline);border-radius:8px;max-width:100%;display:inline-flex;overflow:hidden}.bf-snap button{cursor:pointer;overflow-wrap:anywhere;background:#fff;border:0;padding:8px}.bf-snap small{color:var(--text-muted);margin-left:5px}.bf-snap button:last-child{border-left:1px solid var(--hairline)}.tool-article:has(#flowTemplate) caption{text-align:left;color:var(--text-secondary);margin-bottom:8px;font-size:.9rem;font-weight:600}.bf-print{display:none}.bf-sample{margin:16px 0 20px}.bf-sample img{border:1px solid var(--hairline);background:#fff;border-radius:8px;width:100%;height:auto;display:block}.bf-sample-main img{max-width:896px}.bf-orient-table th{white-space:nowrap}@media (width<=640px){.bf-sample-scroll{overflow-x:auto}.bf-sample-main img{min-width:600px}}.bf-sample figcaption{color:var(--text-muted);margin-top:8px;font-size:13px}@media (width<=1199px){.bf-row{grid-template-columns:18px 24px 130px minmax(120px,1fr) 270px 24px}.bf-branch{grid-area:2/4/auto/6}.bf-row .bf-delete{grid-area:1/6}.bf-thead span:nth-child(6){display:none}.bf-input .bf-kinds .opt-chip{padding:.22rem;font-size:.68rem}}@media (width<=839px){.bf-thead{display:none}.bf-row{grid-template-columns:18px 24px minmax(0,1fr) 24px;gap:8px}.bf-row .bf-who{grid-column:3}.bf-row .bf-delete{grid-column:4}.bf-row .bf-act,.bf-kinds{grid-column:3/5}.bf-branch{flex-wrap:wrap;grid-area:auto/3/auto/5}.bf-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.bf-tiles .bf-tile:last-child{grid-column:1/-1}#flowSvg{min-width:900px}#flowSvg.bf-vertical{min-width:600px}}#tool-workspace[data-tool-slug=business-flow-chart]{align-items:start;gap:16px}#tool-workspace[data-tool-slug=business-flow-chart]>.input-card{box-shadow:none;padding:20px}#tool-workspace[data-tool-slug=business-flow-chart]>.result-panel{padding:0;position:static}#tool-workspace[data-tool-slug=business-flow-chart]>.result-panel>.zone-head{display:none}.bf-input.step-sec{border:0;margin:0;padding:0}.bf-input .step-head{gap:7px;margin-bottom:12px;font-size:15px}.bf-input .step-num{width:24px;height:24px;font-size:12px}.bf-input .bf-template-options{border:0;grid-template-columns:1fr;gap:8px;margin:0;padding:0;display:grid}.bf-template-options .opt-chip{text-align:left;justify-content:space-between;align-items:center;gap:8px;min-height:54px;padding:12px;font-size:14px;font-weight:500;display:flex}.bf-template-options small{white-space:nowrap;opacity:.8;font-size:12px;font-weight:400}.bf-template-options .bf-blank{justify-content:center;margin-top:4px}.bf-input .bf-lane{border:1px solid var(--hairline);background:#f5f7fb;width:100%;padding:5px 8px}.bf-input .bf-lane .tool-input{width:auto;color:var(--text);flex:1;font-size:14px}.bf-input .bf-lane button{color:var(--text-secondary);font-size:18px}.bf-input #laneNew{flex:1;width:150px;font-size:14px}.bf-input .bf-table{border:0;overflow:visible}.bf-input .bf-row.bf-thead{display:none}.bf-input .bf-row{border-top:1px solid var(--hairline);grid-template-columns:16px 23px minmax(0,1fr) 24px;gap:8px 4px;padding:14px 0}.bf-input .bf-row .bf-who{grid-column:3}.bf-input .bf-row .bf-delete{grid-area:1/4;font-size:20px}.bf-input .bf-row .bf-act{grid-column:2/5}.bf-input .bf-row .bf-kinds,.bf-input .bf-row .bf-branch{grid-area:auto/2/auto/5}.bf-input .bf-row .tool-input{border-color:var(--hairline);background:#fff;padding:9px 7px;font-size:14px}.bf-input .bf-row .bf-kinds{gap:4px}.bf-input .bf-kinds .opt-chip{border-radius:8px;padding:5px 7px;font-size:12px}.bf-input .bf-row.bf-is-decision{background:#fff}.bf-input .bf-branch{flex-wrap:wrap}.bf-input .bf-branch select{width:58px;padding:6px}.bf-input .bf-add-row{gap:8px}.bf-input .bf-add-row .hint{font-size:12px;line-height:1.6}.bf-result.bf-diagram{overflow:hidden}.result-panel .tool-results.bf-result.bf-result{padding:0}.bf-diagram-head{justify-content:space-between;align-items:center;gap:16px;margin:0;padding:24px;display:flex}.bf-diagram-head>div{min-width:0}.bf-diagram-head .bf-h3{letter-spacing:-.025em;overflow-wrap:anywhere;font-size:20px;line-height:1.5}.bf-canvas-meta{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.bf-diagram .bf-download{background:var(--accent);border-color:var(--accent);color:#fff;flex:none;padding:10px 14px;font-size:14px}.bf-canvas-toolbar{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);background:#fafbfd;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 24px;display:flex}.bf-orientation{gap:4px;display:flex}.bf-canvas-toolbar .tool-btn,.bf-canvas-toolbar .opt-chip{padding:7px 10px;font-size:13px}.bf-diagram .bf-svg-scroll{border-bottom:1px solid var(--hairline);background:#f5f7fb;height:540px;max-height:70vh;overflow:auto}.bf-diagram #flowSvg{width:auto;min-width:0;max-width:none;height:auto;margin:24px}.bf-diagram .bf-fit #flowSvg{width:var(--bf-fit-width);min-width:0;max-width:none;margin:24px auto}.bf-empty{text-align:center;border-bottom:1px solid var(--hairline);background:#f5f7fb;flex-direction:column;justify-content:center;align-items:center;min-height:440px;padding:32px 20px;display:flex}.bf-empty-mark{border:1px solid var(--hairline);width:80px;height:80px;color:var(--accent);background:#fff;border-radius:20px;place-items:center;margin-bottom:20px;display:grid}.bf-empty h4{letter-spacing:-.03em;color:var(--navy);margin:0 0 12px;font-size:22px}.bf-empty p{color:var(--text-secondary);margin:0 0 24px;font-size:14px;line-height:1.9}.bf-empty .tool-btn{background:var(--navy);color:#fff;padding:12px 18px;font-size:14px}.bf-empty-note{color:var(--text-secondary);margin-top:16px;font-size:12px}.bf-canvas-foot{color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px 24px;font-size:12px;display:flex}.bf-canvas-foot button{font-size:13px}.bf-help{border-top:1px solid var(--hairline);margin:0;padding:12px 24px;font-size:13px}.bf-help summary,#breakdown summary{cursor:pointer;color:var(--text-secondary);font-weight:500}.bf-help .bf-lgd{gap:14px}.bf-result .bf-judge{border-top:1px solid var(--hairline);margin:0;padding:20px 24px}.bf-judge>.bf-help{padding:12px 0 0}.bf-result .bf-cl{margin-bottom:12px;font-size:14px;line-height:1.8}.bf-result .bf-badge{font-size:12px}.bf-result .bf-badge small{display:none}.bf-result .bf-tiles{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.bf-result .bf-tiles .bf-tile:last-child{grid-column:1/-1}.bf-result .bf-scroll-hint{padding:8px 24px}.bf-export .bf-flex{gap:8px}.bf-export .tool-btn{font-size:13px}.bf-export .tool-note{font-size:12px}.bf-diagram [hidden]{display:none!important}#tool-workspace .bf-input button:focus-visible,#tool-workspace .bf-diagram button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width>=1000px){#tool-workspace[data-tool-slug=business-flow-chart]{grid-template-columns:340px minmax(0,1fr);grid-template-areas:"input result"}#tool-workspace[data-tool-slug=business-flow-chart]>.input-card{scrollbar-width:thin;max-height:calc(100vh - 100px);position:sticky;top:80px;overflow-y:auto}}@media (width<=999px){#tool-workspace[data-tool-slug=business-flow-chart]{grid-template-columns:1fr;grid-template-areas:"input""result"}.bf-input .bf-template-options{grid-template-columns:repeat(2,minmax(0,1fr))}.bf-template-options .opt-chip{flex-direction:column;justify-content:center;align-items:flex-start}.bf-template-options .bf-blank{align-items:center}}@media (width<=599px){.bf-diagram-head{flex-wrap:wrap;padding:20px 16px}.bf-diagram-head .bf-h3{font-size:18px}.bf-canvas-toolbar,.bf-canvas-foot,.bf-help,.bf-result .bf-judge{padding-left:16px;padding-right:16px}.bf-empty h4{font-size:20px}.bf-empty{min-height:360px}.bf-diagram .bf-svg-scroll{height:420px}}#tool-workspace .bf-diagram .bf-download{background:var(--accent);border-color:var(--accent);color:#fff}#tool-workspace .bf-empty .tool-btn{background:var(--navy);color:#fff;border-color:var(--navy)}#tool-workspace .bf-input.step-sec{border-top:0;margin-top:0;padding-top:0}.bf-no-data>.bf-judge,.bf-no-data>.bf-canvas-foot,.bf-no-data>.bf-help{display:none}@media (width>=1000px){#tool-workspace[data-tool-slug=business-flow-chart].bf-expanded{grid-template-columns:1fr;grid-template-areas:"result"}#tool-workspace.bf-expanded>.input-card{display:none}}@media (width<=999px){.bf-expand{display:none!important}.bf-input .bf-table{max-height:440px;overflow-y:auto}}@page{size:A4 landscape;margin:0}@media print{.site-header,.site-footer,.crumbs,.tool-head,.input-card,.tool-share,.tool-privacy,.flow-strip,.tool-guide,.tool-faq,.tool-related,.tool-meta,.tool-back,.ad-slot,.tool-article,.tool-acts,.toast,.tool-ref,.tool-note,body .result-panel>:not(#printSheet){display:none!important}#printSheet{display:block!important}main.container{max-width:none;padding:0}.tool-app.tool-shell{display:block}body .result-panel{background:#fff!important;border:0!important;max-height:none!important;padding:0!important;overflow:visible!important}.bf-print-table{border-collapse:collapse;width:100%}#printSheet .bf-print-body{padding:0 12mm}#printSheet svg{max-width:100%;height:auto;max-height:165mm}#printSheet h1{font-size:18pt}#printSteps li{break-inside:avoid;font-size:10pt}}
