:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#263b5b;background:#f6f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #e5aa49;outline-offset:2px}a{color:inherit;text-decoration:none}.skip{position:absolute;z-index:100;left:12px;top:-60px;background:#fff;padding:10px}.skip:focus{top:8px}.page-width{width:min(1630px,100%);margin:auto;padding-inline:30px}.site-header{background:#ffffffd9;border-bottom:1px solid #e7edf6;height:76px}.header-inner{height:100%;display:flex;align-items:center;gap:32px}.brand{font-weight:750;letter-spacing:-.05em;font-size:22px;display:flex;align-items:center;gap:10px}.brand strong{color:#5576dd}.brand-symbol{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#5878df;color:#fff;letter-spacing:0;font-size:18px}.site-header nav{display:flex;gap:25px;margin-left:auto;font-size:12px;font-weight:700;color:#8190aa}.site-header nav a:hover{color:#3d61ce}.privacy-pill{font-size:10px;font-weight:800;background:#eef8f3;color:#418970;padding:9px 13px;border-radius:25px}.hero{padding:60px 14px 57px;display:flex;justify-content:space-between;align-items:center;gap:35px}.eyebrow,.small-heading{letter-spacing:.15em;font-weight:900;font-size:10px;color:#6580c5}.hero h1{font-size:clamp(38px,4vw,60px);line-height:1.12;letter-spacing:-.065em;margin:12px 0 17px;color:#253550}.hero h1 em{font-style:normal;color:#5475da}.hero p:not(.eyebrow){color:#7d8ba4;font-size:15px;max-width:645px;line-height:1.8;margin:0}.hero-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.hero-chips span{border:1px solid #e1e9f7;color:#7183a4;background:#fff;font-size:10px;font-weight:800;border-radius:100px;padding:10px 13px}.hero-art{display:flex;align-items:center;justify-content:center;flex:none;width:410px;height:145px;background:linear-gradient(160deg,#fff,#edf2fe);border:1px solid #e8eef9;border-radius:23px;box-shadow:0 18px 45px #29487b0a}.art-task{background:#fff;border:1.7px solid #8ca4cf;color:#48618a;font-weight:800;font-size:11px;border-radius:10px;padding:16px 17px;box-shadow:0 4px 13px #233f690b}.art-decision{transform:rotate(45deg);display:grid;place-items:center;width:48px;height:48px;border:2px solid #d7ac64;border-radius:4px;background:#fffdf7}.art-decision span{transform:rotate(-45deg);font-size:23px;color:#bc8c39}.art-line{height:2px;width:33px;background:#abb8d0}.studio{background:#fff;border:1px solid #e1e7f1;border-radius:21px;box-shadow:0 22px 80px #2d4a7410;overflow:hidden}.studio-top{padding:21px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #e5ebf4}.project-identity{min-width:0;flex:1}.title-line{display:flex;align-items:center;gap:10px;margin:7px 0}.title-line input{border:1px solid transparent;min-width:0;max-width:520px;width:100%;background:0 0;font-weight:850;letter-spacing:-.04em;color:#263957;font-size:23px;padding:2px 0}.title-line input:focus{border-bottom-color:#b7c9ed;outline:0}.local-chip{font-size:9px;color:#5d7dd5;background:#ecf2ff;border-radius:5px;padding:5px 7px;font-weight:900;letter-spacing:.08em}#save-status{color:#8492a9;font-size:10px}.top-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.btn{white-space:nowrap;border:1px solid transparent;border-radius:9px;min-height:37px;padding:10px 13px;font-weight:800;font-size:11px}.btn.primary{background:#5272db;color:#fff;box-shadow:0 5px 12px #4b6dd526}.btn.primary:hover{background:#415fcb}.btn.neutral{background:#fff;border-color:#dce5f3;color:#516a93}.btn.ghost{background:#f4f7fc;color:#60779d}.studio-layout{display:grid;grid-template-columns:252px minmax(0,1fr) 277px;min-height:680px}.left-panel{background:#fbfcff;border-right:1px solid #e7ecf4;min-width:0}.panel-section{padding:21px 18px;border-bottom:1px solid #e7edf6}.panel-section h2{font-size:12px;margin:0 0 14px;color:#3e5174}.section-title{display:flex;justify-content:space-between;align-items:center}.microtag{background:#eef3ff;border-radius:5px;padding:5px 7px;color:#5b78bd;font-weight:850;font-size:9px}.palette{display:grid;grid-template-columns:1fr 1fr;gap:8px}.palette button{display:flex;min-width:0;align-items:center;flex-direction:column;justify-content:center;gap:7px;border:1px solid #e5eaf4;border-radius:11px;background:#fff;min-height:81px;color:#4c6289}.palette button:hover{border-color:#92b0ea;background:#eef4ff}.palette .symbol{font-size:23px;color:#5276bf;line-height:1}.palette .symbol.gateway{color:#bd903e}.palette .symbol.event{color:#43917d}.palette .caption{font-size:10px;font-weight:780;text-align:center}.context-tip{font-size:10px;line-height:1.7;color:#8898b1;margin:12px 0 0}.small-plus{border:1px solid #dce6f3;background:#fff;width:26px;height:26px;border-radius:8px;font-weight:900;color:#476bd4}.lane-list{display:flex;flex-direction:column;gap:6px}.lane-button{display:flex;gap:7px;align-items:center;width:100%;padding:10px 9px;border:1px solid #e3eaf5;border-radius:9px;background:#fff;text-align:left;color:#526887;font-size:11px}.lane-button.active{border-color:#8ca8e9;background:#edf3ff;color:#365ac7}.lane-button span.name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.lane-button span.count{font-size:9px;color:#90a1ba}.template-list{display:flex;flex-direction:column;gap:6px}.template{width:100%;padding:10px;background:#fff;border:1px solid #e5ebf5;border-radius:8px;text-align:left;display:flex;justify-content:space-between;gap:3px;align-items:center;color:#465f89;font-size:11px;font-weight:800}.template span{font-size:9px;color:#95a3b8}.template:hover{background:#eef4ff}.document-section label,.right-content label{display:block;color:#647999;font-size:11px;font-weight:800;margin:14px 0 6px}input:not([type=file]),textarea{min-width:0;max-width:100%;border:1px solid #dfe7f2;background:#fff;border-radius:9px;color:#2e4467;padding:10px 11px;width:100%;font-size:12px}textarea{resize:vertical;line-height:1.5}.canvas-column{min-width:0;display:flex;flex-direction:column}.canvas-top{padding:18px 20px 15px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.canvas-top h2{font-size:16px;letter-spacing:-.025em;margin:6px 0}.stats{font-size:10px;color:#8999af}.canvas-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mini,.tool{min-height:34px;background:#fff;color:#597096;border:1px solid #dee6f2;border-radius:8px;font-size:11px;font-weight:800;padding:8px 10px}.tool.active{background:#edf2ff;color:#4766d5;border-color:#b9c9f2}.mini{min-width:32px;padding:6px 8px;font-size:15px}.mini.fit{font-size:11px}#zoom-level{width:42px;text-align:center;color:#6a7e9d;font-size:10px;font-weight:800}.canvas-host{position:relative;min-height:515px;flex:1;background:#f7f9fd;overflow:hidden;touch-action:none;border-block:1px solid #e9eef6}.diagram{width:100%;height:515px;overflow:hidden;touch-action:none;cursor:grab}.diagram svg{width:100%;height:100%;display:block;user-select:none;touch-action:none}.diagram svg .process-node{cursor:grab}.canvas-hint{position:absolute;bottom:13px;left:14px;right:14px;width:max-content;max-width:calc(100% - 28px);border:1px solid #e6ebf4;background:#fffffff2;border-radius:8px;padding:9px 12px;color:#7c8ba3;font-size:10px;pointer-events:none}.canvas-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:13px 15px;gap:12px}.legend{display:flex;gap:12px;flex-wrap:wrap;color:#8290a4;font-size:10px;font-weight:750}.legend span{display:flex;align-items:center;gap:5px}.legend i{display:inline-block;width:12px;height:12px}.lg-event{border:2px solid #46917b;border-radius:100%}.lg-task{border:2px solid #8499be;border-radius:3px}.lg-gateway{border:2px solid #ba8d43;transform:rotate(45deg)}.canvas-downloads{display:flex;gap:5px;flex-wrap:wrap}.canvas-downloads button{border:1px solid #e1e9f5;background:#fff;color:#516c9c;font-weight:800;border-radius:7px;padding:7px 9px;font-size:10px}.canvas-downloads button:hover{background:#edf3ff}.right-panel{border-left:1px solid #e7edf5;min-width:0}.right-tabs{display:flex;justify-content:space-around;border-bottom:1px solid #e7edf5;padding:9px 8px 0}.right-tabs .tab{flex:1;background:0 0;border:0;border-bottom:2px solid transparent;padding:12px 3px;color:#8b9ab0;font-size:11px;font-weight:850}.right-tabs .tab.chosen{border-bottom-color:#5272df;color:#4f6bd4}.right-tabs span{background:#eaf0ff;color:#5f75af;font-size:9px;border-radius:8px;padding:2px 5px}.right-content{padding:21px 17px;overflow-y:auto;max-height:690px}.right-content[hidden]{display:none}.right-content h3{font-size:16px;color:#2e4463;margin:0 0 7px}.help{color:#8596ac;font-size:11px;line-height:1.7;margin:0 0 15px}.empty-inspector{text-align:center;padding:45px 9px;color:#8997ad}.empty-icon{width:55px;height:55px;border-radius:16px;background:#edf3ff;color:#6b83d5;display:grid;place-items:center;font-size:25px;margin:0 auto 18px}.empty-inspector h3{margin-bottom:8px}.inspector-tag{font-size:10px;background:#edf3ff;color:#5774b4;border-radius:6px;padding:5px 7px;font-weight:800;display:inline-block;margin-bottom:14px}.inspector-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.inspector-actions button{border:1px solid #dfe7f2;background:#fff;padding:9px;border-radius:8px;font-weight:800;font-size:11px;color:#516d9b}.inspector-actions .danger{color:#b64f60;border-color:#f2ccd2}.inspector-hint{font-size:10px;color:#94a2b6;line-height:1.6;margin-top:13px}.issue{padding:12px 13px;border:1px solid #e2eaf4;border-radius:10px;margin-bottom:8px;background:#fff}.issue strong{font-size:9px;letter-spacing:.09em;color:#ac7b36}.issue.error strong{color:#c34f65}.issue.info strong{color:#6b86ad}.issue p{font-size:11px;color:#60718e;line-height:1.5;margin:5px 0 0}.issue button{background:0 0;border:0;color:#476dd5;font-size:10px;font-weight:850;padding:7px 0 0}.good-review{background:#eefaf4;border-radius:11px;color:#377e5c;padding:16px;line-height:1.6;font-size:12px}.studio-foot{border-top:1px solid #e9edf5;display:flex;justify-content:space-between;gap:10px;padding:12px 20px;color:#94a1b5;background:#fcfdff;font-size:10px}.guide{padding:81px 10px 68px}.guide-heading{max-width:740px}.guide h2{font-size:clamp(26px,3vw,40px);letter-spacing:-.05em;color:#283b57;margin:10px 0}.guide-heading>p{color:#8190a8;font-size:14px;line-height:1.7}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:29px}.guide-grid article{padding:26px;border:1px solid #e3eaf5;background:#fff;border-radius:15px}.guide-grid article span{color:#5475e1;font-weight:900;font-size:12px}.guide-grid h3{color:#2f4363;font-size:16px;margin:16px 0 8px}.guide-grid p{color:#788ba5;font-size:12px;line-height:1.8}.disclaimer{color:#8594aa;font-size:11px;line-height:1.7;margin-top:25px}.site-footer{background:#fff;border-top:1px solid #e6edf5}.footer-inner{padding-block:24px;display:flex;justify-content:space-between;gap:14px;color:#8d9bb2;font-size:11px}.modal{border-radius:17px;border:1px solid #dae4f2;background:#fff;max-width:min(440px,calc(100vw - 24px));padding:25px;box-shadow:0 30px 80px #1a325c3b;color:#314564}.modal::backdrop{background:#192a466e}.modal h2{margin:0;font-size:19px}.modal p{line-height:1.6;color:#8292aa;font-size:12px}.modal-actions{display:flex;justify-content:flex-end;gap:7px}.toast{position:fixed;z-index:99;bottom:22px;left:50%;transform:translateX(-50%);background:#2d4265;color:#fff;padding:12px 18px;border-radius:12px;font-size:12px;box-shadow:0 10px 30px #22395844;max-width:95vw}.toast[hidden]{display:none}@media(max-width:1300px){.studio-layout{grid-template-columns:210px minmax(0,1fr) 245px}.panel-section{padding:16px 12px}.right-content{padding:16px 12px}.canvas-top{padding:15px 12px}.hero-art{width:310px}}@media(max-width:1040px){.studio-layout{grid-template-columns:210px minmax(0,1fr)}.right-panel{grid-column:1/-1;border-left:0;border-top:1px solid #e5ebf5}.right-content{max-height:360px}.hero-art{width:280px}.studio-top{align-items:flex-start;flex-direction:column}}@media(max-width:700px){.page-width{padding-inline:13px}.site-header{height:61px}.header-inner{gap:8px}.brand{font-size:18px}.site-header nav{margin-left:auto;gap:10px;font-size:10px}.privacy-pill{display:none}.hero{padding:36px 6px 30px}.hero h1{font-size:37px}.hero p:not(.eyebrow){font-size:13px}.hero-art{display:none}.studio-top{padding:16px}.title-line input{font-size:19px}.top-actions{width:100%}.top-actions .btn{flex:1}.studio-layout{display:block}.left-panel{border-right:0;border-bottom:1px solid #e7ecf4}.panel-section{padding:13px}.palette{display:flex;overflow-x:auto}.palette button{min-width:90px;min-height:66px;padding:7px 6px}.palette .symbol{font-size:20px}.lane-list{flex-direction:row;overflow-x:auto}.lane-button{min-width:128px}.document-section{display:none}.canvas-top{padding:14px 12px}.canvas-actions{width:100%}.diagram{height:465px}.canvas-host{min-height:465px}.canvas-bottom{padding:12px}.right-panel{border-top:1px solid #e7ecf4}.studio-foot span:last-child{display:none}.guide{padding:55px 4px}.guide-grid{grid-template-columns:1fr;gap:10px}.guide-grid article{padding:19px}.footer-inner{flex-wrap:wrap}}@media(max-width:390px){.hero h1{font-size:32px}.top-actions .btn{font-size:10px;padding:8px 7px}.canvas-actions{gap:3px}.tool{padding:8px 7px}.legend{gap:6px;font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.step-finder{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-right:6px;min-width:0}.step-finder label{font-size:10px;font-weight:800;color:#687d9f}.step-finder input{width:175px;max-width:100%;font-size:11px;padding:8px 9px}.step-finder button{background:#f0f4ff;border:1px solid #cad7f0;color:#4260b7;border-radius:8px;font-size:10px;font-weight:800;min-height:33px;padding:6px 9px}.step-finder span{flex-basis:100%;font-size:9px;color:#8392a9}.default-flow-option{display:flex!important;align-items:flex-start;gap:8px;font-size:11px;line-height:1.5}.default-flow-option input{width:auto!important;min-width:16px!important;margin-top:2px;accent-color:#5374d9}.canvas-actions{min-width:0}@media(max-width:700px){.step-finder{width:100%;margin-bottom:6px}.step-finder input{flex:1;min-width:100px}.canvas-top{gap:7px}}.toast{pointer-events:none}