:root{font-family:"IBM Plex Sans",system-ui,sans-serif;color:#eadff2;background:#26202f;font-synthesis:none;--ink:#eadff2;--muted:#ab99ba;--line:#26202f;--green:#b9a6c8;--frame:#26202f;--surface:#fff}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a796ba;outline-offset:2px}h1,h2,h3,p{margin:0}h1{font-size:24px;letter-spacing:-.025em}h2{font-size:16px}p{line-height:1.5}small{font-size:12px}.boot{display:grid;place-items:center;height:100vh;color:var(--muted)}.mark{width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;gap:2px;transform:rotate(-35deg)}.mark i{display:block;width:4px;border-radius:3px;background:#b9a6c8}.mark i:nth-child(1){height:12px}.mark i:nth-child(2){height:21px}.mark i:nth-child(3){height:15px}.brand{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600;white-space:nowrap;letter-spacing:-.03em}.brand strong{font-weight:400;color:#ab99ba}.primary,.secondary{border-radius:7px;min-height:38px;padding:0 15px;font-weight:600;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:9px}.primary{background:#eadff2;color:white;border:1px solid #eadff2}.primary:hover{background:#b9a6c8}.primary:disabled{background:#a796ba;border-color:#a796ba}.secondary{background:#211c29;color:#eadff2;border:1px solid #44394f}.secondary:hover{background:#26202f}.wide{width:100%;min-height:44px}.wide span{margin-left:auto}.login-screen{min-height:100vh;background:#26202f}.login-header{height:76px;max-width:1320px;margin:auto;padding:0 42px;display:flex;align-items:center;justify-content:space-between;color:#ab99ba;font-size:13px}.login-header .brand{color:var(--ink)}.login-body{max-width:1200px;margin:0 auto;min-height:calc(100vh - 76px);display:grid;grid-template-columns:1fr 430px;align-items:center;gap:70px;padding:0 36px 9vh}.login-intro{max-width:520px}.flow-motif{display:flex;align-items:center;gap:11px;margin-bottom:38px}.flow-motif span{width:56px;height:10px;background:#a796ba;border-radius:20px}.flow-motif span:nth-child(2){width:94px;background:#ab99ba}.flow-motif span:nth-child(3){width:30px;background:#b9a6c8}.intro-kicker{font-size:13px;color:#b9a6c8;font-weight:600;margin-bottom:16px}.login-intro h1{font-size:clamp(36px,4vw,54px);line-height:1.12;letter-spacing:-.045em;max-width:500px}.login-intro>p:last-child{font-size:16px;color:#b9a6c8;margin-top:20px;max-width:390px}.login-panel{background:#211c29;border:1px solid #44394f;border-radius:16px;padding:36px}.login-panel h2{font-size:22px;letter-spacing:-.02em}.login-panel>p{color:var(--muted);font-size:14px;margin:8px 0 24px}.login-panel label,#node-form label{display:flex;flex-direction:column;gap:7px;font-weight:600;font-size:13px;margin-bottom:16px}.login-panel input,#node-form input,#node-form select,#node-form textarea{width:100%;border:1px solid #44394f;background:#211c29;border-radius:7px;color:var(--ink);padding:10px 11px;font-size:14px;outline-offset:0}.login-panel input{height:44px}.login-panel form .primary{margin-top:4px}.login-or{display:flex;align-items:center;gap:12px;color:#ab99ba;font-size:12px;margin:19px 0}.login-or:before,.login-or:after{content:"";flex:1;height:1px;background:var(--line)}.login-panel .fine{font-size:12px;color:#ab99ba;text-align:center;margin:13px 0 0}.error{color:#e4a3ac;background:#211c29;border:1px solid #44394f;border-radius:7px;padding:10px 12px;font-size:13px;margin-bottom:16px}.shell{min-height:100vh;display:grid;grid-template-columns:228px minmax(0,1fr)}.sidebar{padding:24px 15px 16px 18px;display:flex;flex-direction:column;min-height:100vh}.sidebar .brand{margin:0 0 35px 4px}.workspace{display:flex;align-items:center;gap:10px;padding:10px 8px;margin-bottom:27px}.workspace-mark,.avatar{width:32px;height:32px;border-radius:8px;background:#44394f;color:#b9a6c8;display:grid;place-items:center;font-size:13px;font-weight:700;flex:none}.workspace strong,.sidebar-bottom strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.workspace small,.sidebar-bottom small{display:block;color:#ab99ba;margin-top:3px;font-size:11px}.nav-label{font-size:11px;color:#ab99ba;padding:0 10px;margin-bottom:9px}.sidebar nav{display:grid;gap:3px}.nav-item{min-height:40px;border:0;background:transparent;border-radius:7px;text-align:left;color:#b9a6c8;display:flex;align-items:center;gap:12px;padding:0 10px;font-size:13px}.nav-item>span{width:18px;text-align:center;font-size:17px}.nav-item.active{background:#26202f;color:#eadff2;font-weight:600}.nav-item:disabled{opacity:.58}.nav-item small{margin-left:auto;color:#ab99ba;font-size:10px}.sidebar-bottom{margin-top:auto;padding:15px 5px 0;display:flex;align-items:center;gap:9px;border-top:1px solid #44394f}.sidebar-bottom .icon-button{margin-left:auto}.icon-button{border:0;background:transparent;border-radius:6px;color:#ab99ba;font-size:20px;width:34px;height:34px;display:inline-grid;place-items:center}.icon-button:hover{background:#26202f}.workspace-main{min-width:0;padding-right:8px;padding-bottom:8px}.topbar{height:48px;display:flex;align-items:center;justify-content:space-between;color:#ab99ba;font-size:12px;padding:0 23px}.sheet{background:#211c29;border:1px solid #44394f;border-radius:16px;min-height:calc(100vh - 56px);padding:34px 38px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:39px}.breadcrumb{font-size:12px;color:#ab99ba;margin-bottom:12px}.breadcrumb span{margin:0 7px;color:#a796ba}.page-heading p,.list-toolbar p{font-size:13px;color:var(--muted);margin-top:6px}.page-heading .primary{min-height:39px}.list-section{border:1px solid var(--line);border-radius:10px;overflow:hidden}.list-toolbar{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.search{display:flex;align-items:center;gap:8px;border:1px solid #44394f;border-radius:7px;padding:0 11px;height:36px;width:220px;color:#ab99ba}.search span{font-size:19px}.search input{border:0;outline:0;min-width:0;width:100%;font-size:13px}.table-head,.flow-row{display:grid;grid-template-columns:minmax(220px,1fr) 150px 160px 30px;align-items:center;gap:15px;text-align:left}.table-head{height:42px;padding:0 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;color:#ab99ba}.flow-row{width:100%;background:#211c29;border:0;border-bottom:1px solid #26202f;padding:14px 24px;color:var(--ink)}.flow-row:hover{background:#211c29}.flow-row:last-child{border-bottom:0}.flow-identity{display:flex;align-items:center;gap:12px;min-width:0}.flow-icon{height:38px;width:38px;border:1px solid #44394f;color:#ab99ba;border-radius:8px;display:grid;place-items:center;font-size:19px;flex:none}.flow-identity strong,.flow-identity small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flow-identity strong{font-size:13px}.flow-identity small{color:#ab99ba;margin-top:4px}.status{font-size:12px;color:#b9a6c8;display:inline-flex;align-items:center;gap:7px}.status i{width:7px;height:7px;background:#ab99ba;border-radius:50%}.muted{color:#ab99ba;font-size:12px}.row-arrow{color:#ab99ba;font-size:17px}.empty{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.empty-symbol{font-size:26px;color:#ab99ba;background:#26202f;width:52px;height:52px;display:grid;place-items:center;border-radius:12px;margin-bottom:16px}.empty h3{font-size:15px}.empty p{font-size:13px;color:#ab99ba;margin:7px 0 18px}.guide{display:flex;gap:15px;margin-top:25px;color:#b9a6c8;max-width:650px}.guide-line{width:3px;background:#ab99ba;border-radius:3px}.guide strong{font-size:13px}.guide p{font-size:12px;color:#ab99ba;margin-top:4px}.demo-bar,.alert{padding:11px 17px;background:#26202f;color:#b9a6c8;font-size:12px}.demo-bar button,.alert button{background:transparent;border:0;color:#b9a6c8;text-decoration:underline;margin-left:6px}.alert{display:flex;justify-content:space-between}.alert.error{margin:0;border-radius:0;background:#211c29}.builder{min-height:100vh;display:flex;flex-direction:column}.builder-top{height:64px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid #44394f}.builder-name strong,.builder-name small{display:block}.builder-name strong{font-size:14px}.builder-name small{font-size:11px;color:#ab99ba;margin-top:2px}.builder-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.save-indicator{color:#ab99ba;font-size:12px;margin-right:8px}.builder-layout{display:grid;grid-template-columns:250px minmax(300px,1fr) 300px;gap:10px;flex:1;min-height:calc(100vh - 75px);padding:10px}.palette,.inspector,.canvas{background:#211c29;border:1px solid #44394f;border-radius:12px;min-width:0}.palette,.inspector{padding:21px 17px}.palette>p,.inspector-head p,.canvas-head p{color:#ab99ba;font-size:12px;margin-top:5px}.palette-group{font-size:11px;color:#ab99ba;margin:27px 0 10px}.palette-item{width:100%;text-align:left;border:0;background:#211c29;border-radius:8px;display:flex;align-items:center;gap:10px;padding:10px 7px;color:#eadff2}.palette-item:hover{background:#26202f}.palette-symbol,.node-symbol{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;background:#26202f;color:#b9a6c8;font-size:18px;flex:none}.CONDITION{background:#26202f;color:#ab99ba}.DELAY{background:#26202f;color:#e4a3ac}.palette-item strong,.palette-item small{display:block}.palette-item strong{font-size:12px}.palette-item small{font-size:11px;color:#ab99ba;margin-top:4px;line-height:1.3}.add-icon{margin-left:auto;color:#ab99ba;font-size:17px}.palette-note{margin-top:32px;padding:15px;background:#211c29;border-radius:8px}.palette-note strong{font-size:12px}.palette-note p{font-size:11px;color:#ab99ba;margin-top:5px}.canvas{background:#211c29;display:flex;flex-direction:column;overflow:auto}.canvas-head{padding:23px 25px;display:flex;justify-content:space-between;align-items:center}.canvas-head h1{font-size:16px;letter-spacing:0}.node-count{font-size:11px;color:#ab99ba}.canvas-body{padding:20px 26px 40px;display:flex;align-items:center;flex-direction:column;min-height:450px}.start-card,.node-card,.canvas-empty{width:min(100%,340px);background:#211c29;border:1px solid #44394f;border-radius:10px;display:flex;align-items:center;gap:12px;padding:15px;text-align:left;color:var(--ink)}.start-card strong,.start-card small,.node-card strong,.node-card small{display:block}.start-card strong,.node-card strong{font-size:13px}.start-card small,.node-card small{font-size:12px;color:#ab99ba;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.start-icon{width:35px;height:35px;border-radius:50%;background:#26202f;color:#b9a6c8;display:grid;place-items:center;font-size:19px}.spine,.node-connector{height:34px;width:1px;background:#a796ba}.node-wrap{width:min(100%,340px)}.node-card{width:100%;cursor:pointer}.node-card:hover,.node-card.selected{border-color:#ab99ba}.node-card.selected{outline:2px solid #44394f}.node-copy{flex:1;min-width:0}.node-number{font-size:11px;color:#a796ba}.canvas-empty{display:block;text-align:center;border-style:dashed;background:transparent;padding:25px}.canvas-empty strong{font-size:13px}.canvas-empty p{font-size:12px;color:#ab99ba;margin-top:7px}.canvas-foot{margin:auto 20px 16px;text-align:center;font-size:11px;color:#ab99ba}.inspector-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:20px}.inspector-head h2{font-size:14px}#node-form textarea{resize:vertical;min-height:110px}#node-form label small{font-weight:400;color:#ab99ba;line-height:1.4}#node-form select{min-width:0}.section-title{font-size:13px;font-weight:600;margin:26px 0 4px}.field-description{font-size:12px;color:#ab99ba;margin-bottom:16px}.delete-link{background:none;color:#e4a3ac;border:0;padding:6px 0;font-size:12px}.detail-item{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #26202f;font-size:12px}.detail-item span{color:#ab99ba}.inspector-empty>p{font-size:12px;color:#ab99ba;line-height:1.5;margin-top:20px}
.spine,.node-connector{background:transparent;height:16px}.dialog-backdrop{position:fixed;inset:0;z-index:10;background:#162b2670;display:grid;place-items:center;padding:18px}.dialog{width:min(100%,420px);background:#211c29;border-radius:12px;padding:24px;box-shadow:0 12px 40px #10251f28}.dialog h2{font-size:17px}.dialog p{font-size:13px;color:#ab99ba;margin:8px 0 20px}.dialog label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.dialog input{width:100%;height:42px;border:1px solid #44394f;border-radius:7px;padding:0 12px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
@media(max-width:1100px){.shell{grid-template-columns:190px minmax(0,1fr)}.builder-layout{grid-template-columns:190px minmax(260px,1fr) 260px}.sheet{padding:28px}.sidebar{padding-left:10px}.nav-item small{display:none}}
@media(max-width:760px){.login-header{padding:0 20px;height:64px}.login-header>span{display:none}.login-body{display:block;padding:30px 18px 50px;min-height:auto}.login-intro{margin:0 0 28px}.login-intro h1{font-size:33px}.flow-motif{margin-bottom:20px}.login-panel{padding:25px}.shell{display:block}.sidebar{min-height:auto;padding:12px 16px;display:flex;flex-direction:row;align-items:center;gap:12px}.sidebar .brand{margin:0}.workspace,.nav-label,.sidebar nav,.sidebar-bottom small,.sidebar-bottom strong{display:none}.sidebar-bottom{margin:0 0 0 auto;padding:0;border:0}.workspace-main{padding:0}.topbar{display:none}.sheet{min-height:calc(100vh - 58px);border-radius:0;padding:24px 16px}.page-heading{align-items:flex-start;margin-bottom:28px}.page-heading h1{font-size:22px}.page-heading .primary{white-space:nowrap}.list-toolbar{padding:18px 15px;align-items:flex-start;flex-direction:column}.search{width:100%}.table-head{display:none}.flow-row{grid-template-columns:1fr 90px 22px;padding:14px}.flow-row>.muted{display:none}.guide{margin-top:20px}.builder-top{height:auto;min-height:64px;padding:10px 12px;flex-wrap:wrap}.builder-actions{gap:6px}.builder-actions .save-indicator{display:none}.builder-actions button{padding:0 8px;font-size:11px}.builder-layout{display:flex;flex-direction:column;min-height:auto}.palette{order:2}.palette-group{margin-top:15px}.palette-item{display:inline-flex;width:auto;max-width:100%}.palette-note{display:none}.canvas{order:1;min-height:430px}.canvas-head{padding:18px}.canvas-body{min-height:300px}.inspector{order:3}.builder .demo-bar{font-size:11px}}

.flow-tag-fields{border:0;padding:0;margin:0;min-width:0}.flow-tag-fields legend{font-size:12px;font-weight:600;margin-bottom:12px}.flow-tag-options{max-height:240px;overflow:auto;margin:10px 0}#node-form .flow-tag-option{display:flex;flex-direction:row;align-items:center;gap:10px;min-height:44px;margin:0;padding:8px;border-radius:6px;cursor:pointer}#node-form .flow-tag-option[hidden]{display:none}.flow-tag-option input[type=checkbox]{width:17px;height:17px;margin:0;flex-shrink:0;accent-color:var(--accent,#aa90fa)}.flow-tag-option span{overflow-wrap:anywhere}.flow-tag-fields small{display:block;margin:10px 0;font-size:12px;line-height:1.5;opacity:.75}[data-contact-tags]{display:inline-flex;gap:6px;flex-wrap:wrap}
