.rightDemo{padding:16px;overflow-x:auto}.rightDemoFish,.fbCanvas{min-height:430px;background:#fffdfa;border-radius:8px}.rightDemoSvg line,.fbCanvas line,.biCanvas line{vector-effect:non-scaling-stroke}.rightDemoSvg .spine,.fbCanvas .spine{stroke:#1f2a3d;stroke-width:3.4;stroke-linecap:round}.rightDemoSvg .bigBone,.fbCanvas .bigBone{stroke:#e6a33a;stroke-width:2.25;stroke-linecap:round}.rightDemoSvg .twig,.fbCanvas .twig{stroke:#94a3b8;stroke-width:1.35;stroke-linecap:round}.rightDemoHead,.leftDemoHead,.fbHead{width:180px;border-radius:14px;padding:12px 13px;line-height:1.35}.rightDemoHead strong,.leftDemoHead strong,.fbHead strong{display:block;font-size:14px;line-height:1.35;overflow-wrap:anywhere;white-space:normal}.demoBone,.fbGroup{width:clamp(190px,22%,240px);min-width:190px;max-width:240px;writing-mode:horizontal-tb;text-orientation:mixed}.demoBone.top,.demoBone.bottom,.fbGroup.top,.fbGroup.bottom{display:block}.demoBoneLabel,.fbGroup h4,.fbGroup>div{display:block;background:#fffaf0;border:1px solid #f2c16b;color:#8a4b06;border-radius:6px;padding:6px 8px;font-size:13px;line-height:1.35;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.demoCause,.fbGroup p,.fbGroup>span{display:block;background:#f8fbff;border:1px solid #c9d8ef;color:#244b7a;border-radius:6px;padding:5px 7px;margin:5px 0 0;font-size:12.5px;line-height:1.35;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.fishboneResult{min-height:500px;overflow-x:auto}.fbCanvas{min-height:440px;min-width:780px}.fbFullText{background:#f8fafc;border:1px solid #e3eaf1;border-radius:8px;padding:8px 10px;margin:0 0 10px;font-size:13px;line-height:1.45;color:#253348;overflow-wrap:anywhere}.resultBoards,.finalFishWrap{grid-template-columns:1fr!important}.finalFishWrap .fishboneResult,.resultBoards .fishboneResult{min-height:520px}.finalFishWrap .fbCanvas,.resultBoards .fbCanvas{min-height:460px}.preview{overflow-x:hidden}.previewMini{background:#fffdfa;border:1px solid #d8dee8;border-radius:8px;padding:10px;margin-bottom:12px}.previewMini h3{font-size:15px;margin-bottom:6px}.previewMini svg{width:100%;height:72px;display:block}.previewMini .miniText{font-size:12px;line-height:1.45;color:#253348;margin:6px 0 0;overflow-wrap:anywhere}.previewMini .miniList{font-size:12px;color:#667085;line-height:1.45;margin-top:6px}
    @media(max-width:760px){.rightDemoFish,.fbCanvas{min-height:620px;min-width:720px}.rightDemoHead,.leftDemoHead,.fbHead{width:190px}.demoBone,.fbGroup{width:190px!important;min-width:190px;max-width:210px}.demoBoneLabel,.demoCause,.fbGroup h4,.fbGroup p,.fbGroup>div,.fbGroup>span{font-size:12px}.rightDemoSvg .bigBone,.fbCanvas .bigBone{stroke-width:2}.rightDemoSvg .spine,.fbCanvas .spine{stroke-width:3}}
    .biFishbone{background:#fffdfa;border:1px solid #d8dee8;border-radius:8px;padding:14px;margin-bottom:14px;overflow-x:auto}.biFishbone h3{font-size:18px;margin-bottom:8px}.biMeta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:10px}.biMeta p{background:#f8fafc;border:1px solid #e3eaf1;border-radius:8px;padding:9px 11px;margin:0;line-height:1.45;overflow-wrap:anywhere}.biCanvas{position:relative;min-width:1800px;min-height:650px;background:#fffdfa;border-radius:8px;overflow:hidden}.biCanvas svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.biCanvas .spine{stroke:#1f2a3d;stroke-width:3.2;stroke-linecap:round}.biCanvas .bigBone{stroke:#e6a33a;stroke-width:2.1;stroke-linecap:round}.biCanvas .twig{stroke:#94a3b8;stroke-width:1.15;stroke-linecap:round}.biHead{position:absolute;top:50%;transform:translateY(-50%);width:190px;background:#1f2a3d;color:#fff;border-radius:14px;padding:12px 13px;text-align:center;line-height:1.35;z-index:3}.biHead.left{left:0}.biHead.right{right:0}.biHead span{display:block;color:#c6d4e7;font-size:12px;font-weight:900;margin-bottom:4px}.biHead strong{display:block;font-size:14px;line-height:1.35;overflow-wrap:anywhere;white-space:normal}.biLabel{position:absolute;top:48%;transform:translateY(-50%);font-size:13px;font-weight:900;color:#667085;background:#fffdfa;padding:4px 7px;border-radius:6px;z-index:1}.biLabel.left{left:210px}.biLabel.right{right:210px}.biGroup{position:absolute;width:210px;z-index:2;display:block!important;writing-mode:horizontal-tb;text-orientation:mixed}.biGroup .big{display:block;width:100%;background:#fffaf0;border:1px solid #f2c16b;color:#8a4b06;border-radius:6px;padding:6px 8px;font-size:13px;font-weight:900;line-height:1.35;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.biGroup .small{display:block;width:100%;background:#f8fbff;border:1px solid #c9d8ef;color:#244b7a;border-radius:6px;padding:5px 7px;margin-top:5px;font-size:12.5px;line-height:1.35;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.biGroup.left.top,.biGroup.right.top{top:18px}.biGroup.left.bottom,.biGroup.right.bottom{bottom:18px}.biEmpty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#f8fafc;border:1px solid #e3eaf1;border-radius:8px;padding:10px;color:#667085;font-size:13px}
    @media(max-width:760px){.biMeta{grid-template-columns:1fr}.biCanvas{min-width:1800px;min-height:700px}.biHead{width:180px}.biGroup{width:210px}.biLabel.left{left:200px}.biLabel.right{right:200px}}
    .stdFish{background:#fffdfa;border:1px solid #d8dee8;border-radius:8px;padding:12px;margin:14px 0;overflow:hidden}.stdFish h3{font-size:17px;margin-bottom:8px}.stdFishMeta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:10px}.stdFishMeta p,.stdFishFull{background:#f8fafc;border:1px solid #e3eaf1;border-radius:8px;padding:8px 10px;margin:0 0 10px;line-height:1.45;font-size:13px;overflow-wrap:anywhere}.stdFishCanvas{position:relative;width:100%;height:clamp(430px,48vw,540px);background:#fffdfa;border-radius:8px;overflow:hidden}.stdFish.double .stdFishCanvas{height:clamp(500px,52vw,620px)}.stdFishCanvas svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.stdFishCanvas line{vector-effect:non-scaling-stroke}.stdSpine{stroke:#1f2a3d;stroke-width:3.2;stroke-linecap:round}.stdBone{stroke:#e6a33a;stroke-width:2;stroke-linecap:round}.stdTwig{stroke:#94a3b8;stroke-width:1.1;stroke-linecap:round}.stdHead{position:absolute;z-index:3;background:#1f2a3d;color:white;border-radius:14px;padding:10px 11px;text-align:center;line-height:1.35;transform:translateY(-50%);top:50%;width:18%}.stdFish.double .stdHead{width:13%}.stdHead span{display:block;color:#c6d4e7;font-size:11px;font-weight:900;margin-bottom:4px}.stdHead strong{display:block;font-size:13px;line-height:1.35;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.stdLabel{position:absolute;top:48%;transform:translateY(-50%);font-size:12px;font-weight:900;color:#667085;background:#fffdfa;padding:3px 6px;border-radius:6px;z-index:1}.stdGroup{position:absolute;z-index:2;display:block!important;writing-mode:horizontal-tb;text-orientation:mixed}.stdFish.single .stdGroup{width:16%}.stdFish.double .stdGroup{width:11.5%}.stdGroup .big{display:block;width:100%;background:#fffaf0;border:1px solid #f2c16b;color:#8a4b06;border-radius:6px;padding:5px 6px;font-size:12.5px;font-weight:900;line-height:1.35;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.stdGroup .smallItem{display:block;width:100%;background:#f8fbff;border:1px solid #c9d8ef;color:#244b7a;border-radius:6px;padding:5px 6px;margin-top:5px;font-size:12px;line-height:1.35;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.stdEmpty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#f8fafc;border:1px solid #e3eaf1;border-radius:8px;padding:10px;color:#667085;font-size:13px}.rightDemo{overflow:hidden}.previewMini svg line{vector-effect:non-scaling-stroke}
    @media(max-width:760px){.stdFishMeta{grid-template-columns:1fr}.stdFishCanvas{height:560px}.stdFish.double .stdFishCanvas{height:640px}.stdHead span{font-size:10px}.stdHead strong{font-size:12px}.stdGroup .big{font-size:11.5px}.stdGroup .smallItem{font-size:11px}}
    .cleanFish{background:#fffdfa;border:1px solid #d8dee8;border-radius:8px;padding:12px;margin:14px 0;overflow:hidden}.cleanFish h3{font-size:17px;margin-bottom:8px}.cleanFishMeta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:10px}.cleanFishMeta p,.cleanFishFull{background:#f8fafc;border:1px solid #e3eaf1;border-radius:8px;padding:8px 10px;margin:0 0 10px;line-height:1.45;font-size:13px;overflow-wrap:anywhere}.cleanFishCanvas{position:relative;width:100%;height:560px;background:#fffdfa;border-radius:8px;overflow:hidden}.cleanFish.cleanDouble .cleanFishCanvas{height:660px}.cleanFishSvg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cleanFishSvg line{vector-effect:non-scaling-stroke}.cleanSpine{stroke:#1f2a3d;stroke-width:3.2;stroke-linecap:round}.cleanBone{stroke:#e6a33a;stroke-width:2.1;stroke-linecap:round}.cleanFishHead{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:150px;min-height:78px;background:#1f2a3d;color:#fff;border-radius:16px;padding:10px 12px;text-align:center;line-height:1.35;box-shadow:0 8px 18px rgba(31,42,61,.12)}.cleanSingle.cleanRight .cleanFishHead{right:1.5%}.cleanSingle.cleanLeft .cleanFishHead{left:1.5%}.cleanDouble .cleanFishHead{width:132px}.cleanDouble .cleanFishHead.left{left:1.2%}.cleanDouble .cleanFishHead.right{right:1.2%}.cleanFishHead span{display:block;color:#c6d4e7;font-size:11px;font-weight:900;margin-bottom:4px}.cleanFishHead strong{display:block;font-size:13px;line-height:1.35;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.cleanFishLabel{position:absolute;top:48%;transform:translateY(-50%);z-index:1;background:#fffdfa;border-radius:6px;padding:3px 7px;color:#667085;font-size:12px;font-weight:900}.cleanFishGroup{position:absolute;z-index:2;width:clamp(128px,18%,190px);display:block;writing-mode:horizontal-tb;text-orientation:mixed}.cleanDouble .cleanFishGroup{width:clamp(100px,11.2%,140px)}.cleanFishGroup .big{display:block;background:#fffaf0;border:1px solid #f2c16b;color:#8a4b06;border-radius:7px;padding:6px 8px;font-size:12.5px;font-weight:900;line-height:1.35;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.cleanFishGroup .smallItem{display:block;background:#f8fbff;border:1px solid #c9d8ef;color:#244b7a;border-radius:7px;padding:5px 7px;margin-top:5px;font-size:12px;line-height:1.35;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.cleanEmpty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#f8fafc;border:1px solid #e3eaf1;border-radius:8px;padding:10px;color:#667085;font-size:13px}.cleanPreview{background:#fffdfa;border:1px solid #d8dee8;border-radius:8px;padding:10px;margin-bottom:12px;overflow:hidden}.cleanPreview h3{font-size:15px;margin-bottom:6px}.cleanPreview svg{width:100%;height:72px;display:block}.cleanPreview line{vector-effect:non-scaling-stroke}.cleanPreview .miniText{font-size:12px;line-height:1.45;color:#253348;margin:6px 0 0;overflow-wrap:anywhere}.cleanPreview .miniList{font-size:12px;color:#667085;line-height:1.45;margin-top:6px}@media(max-width:760px){.cleanFishMeta{grid-template-columns:1fr}.cleanFishCanvas{height:680px}.cleanFish.cleanDouble .cleanFishCanvas{height:780px}.cleanFishHead{width:118px}.cleanDouble .cleanFishHead{width:104px}.cleanFishGroup{width:clamp(92px,20%,130px)}.cleanDouble .cleanFishGroup{width:clamp(78px,12%,112px)}.cleanFishGroup .big{font-size:11.5px}.cleanFishGroup .smallItem{font-size:11px}.cleanFishHead strong{font-size:12px}}
    .fishSvgWrap{background:#fffdfa;border:1px solid #d8dee8;border-radius:8px;padding:12px;margin:14px 0;overflow:hidden}.fishSvgWrap h3{font-size:17px;margin-bottom:8px}.fishMeta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:10px}.fishMeta p,.fishFull{background:#f8fafc;border:1px solid #e3eaf1;border-radius:8px;padding:8px 10px;margin:0 0 10px;line-height:1.45;font-size:13px;overflow-wrap:anywhere}.fishboneSvg{width:100%;height:auto;display:block;max-width:100%;background:#fffdfa;border-radius:8px}.fishboneSvg .spine{stroke:#1f2a3d;stroke-width:5;stroke-linecap:round}.fishboneSvg .bone{stroke:#e6a33a;stroke-width:3;stroke-linecap:round}.fishboneSvg .head{fill:#1f2a3d}.fishboneSvg .headText{fill:#fff;font-weight:800}.fishboneSvg .headHint{fill:#c6d4e7;font-weight:800}.fishboneSvg .bigBox{fill:#fff7ed;stroke:#f2a72b;stroke-width:1.5}.fishboneSvg .smallBox{fill:#f8fbff;stroke:#bcd2ee;stroke-width:1.2}.fishboneSvg .cardBg{fill:#ffffff;stroke:#cbd5e1;stroke-width:1.2}.fishboneSvg .bigText{fill:#8a4b06;font-weight:800}.fishboneSvg .smallText{fill:#244b7a}.fishboneSvg .noteText{fill:#667085}.fishPreview{background:#fffdfa;border:1px solid #d8dee8;border-radius:8px;padding:10px;margin-bottom:12px;overflow:hidden}.fishPreview h3{font-size:15px;margin-bottom:6px}.fishPreview svg{width:100%;height:auto;display:block}.fishPreview p{font-size:12px;line-height:1.45;margin:6px 0 0;overflow-wrap:anywhere}.fishPreview .miniList{color:#667085}@media(max-width:760px){.fishMeta{grid-template-columns:1fr}.fishSvgWrap{padding:8px}.fishboneSvg text{font-size:12px}}