.connections{pointer-events:none;width:100%;height:100%}.connections path{vector-effect:non-scaling-stroke}.connections .flow-base{stroke:#c36c75;stroke-width:2px;stroke-dasharray:none;opacity:.58}.connections .flow-pulse{stroke:#ff2b34;stroke-width:3px;stroke-linecap:round;stroke-dasharray:2 17;filter:drop-shadow(0 0 3px #ef151d)drop-shadow(0 0 7px #ef151d);animation:.8s linear infinite flowTravel}.connections .flow-edge{pointer-events:stroke;cursor:pointer}.connections .flow-hitarea{stroke:#0000;stroke-width:18px;stroke-dasharray:none;pointer-events:stroke}.connections .flow-edge:hover .flow-base{stroke:#ef151d;opacity:1;stroke-width:3px}.connections .flow-edge:hover .flow-pulse{filter:drop-shadow(0 0 5px #ef151d)drop-shadow(0 0 10px #ef151d)}.connections .flow-draft{stroke:#ef151d;stroke-width:3px;stroke-dasharray:7 7;filter:drop-shadow(0 0 5px #ef151d)}@keyframes flowTravel{to{stroke-dashoffset:-38px}}.canvas-grid.pan-ready{cursor:grab}.canvas-grid.panning{cursor:grabbing}.node{cursor:grab;will-change:transform;top:0;left:0}.node:active{cursor:grabbing}.port{cursor:crosshair;z-index:5;transition:transform .16s,box-shadow .16s}.port:hover{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent),0 0 10px var(--accent);transform:scale(1.65)}.auth-screen{z-index:500;background:radial-gradient(circle at 50% 25%,#fff 0,#f5f5f7 65%);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dark .auth-screen{background:radial-gradient(circle at 50% 25%,#29292f 0,#111114 65%)}.auth-card{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:22px;width:min(430px,100%);padding:42px;box-shadow:0 28px 80px #0002}.auth-logo{color:#ef151d;letter-spacing:-1.5px;font-size:28px;font-weight:800}.auth-logo b{color:var(--ink);margin-left:6px;font-size:15px}.auth-card h1{letter-spacing:-1.5px;margin:28px 0 12px;font-size:28px;line-height:1.12}.auth-card p{color:var(--muted);font-size:12px;line-height:1.7}.auth-card a{color:#fff;background:#ef151d;border-radius:11px;margin:25px 0 13px;padding:13px;font-size:12px;font-weight:750;text-decoration:none;display:block}.auth-card small{color:var(--muted);font-size:9px}.side-head{position:relative}.block-cascade,.type-cascade{z-index:30;background:var(--panel);border:1px solid var(--line);border-radius:11px;flex-direction:column;gap:3px;padding:6px;display:flex;position:absolute;box-shadow:0 14px 35px #14141e29}.block-cascade{width:175px;top:34px;right:0}.block-cascade button,.type-cascade button{color:var(--ink);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:7px 8px;font-size:10px;display:flex}.block-cascade button:hover,.type-cascade button:hover{background:var(--soft)}.block-cascade i{color:#fff;border-radius:6px;place-items:center;width:23px;height:23px;font-style:normal;display:grid}.block-cascade .custom-block-trigger{border-top:1px solid var(--line);margin-top:3px;padding-top:9px}.block-cascade .custom-block-trigger i{color:#fff;background:#19191f}.custom-block-builder{background:var(--panel);border:1px solid var(--line);border-radius:13px;flex-direction:column;gap:7px;width:248px;padding:14px;display:flex;position:absolute;top:0;left:calc(100% + 8px);box-shadow:0 18px 45px #0003}.custom-block-builder strong{margin-bottom:4px;font-size:11px}.custom-block-builder label{letter-spacing:.09em;color:var(--muted);margin-top:4px;font-size:8px;font-weight:750}.custom-block-builder input:not(.custom-color){border:1px solid var(--line);background:var(--panel);width:100%;height:36px;color:var(--ink);border-radius:8px;outline:none;padding:0 10px;font-size:10px}.custom-block-builder input:not(.custom-color):focus{border-color:#ef3340}.custom-color{border:1px solid var(--line);background:var(--panel);border-radius:8px;width:100%;height:36px;padding:4px}.icon-picker{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.icon-picker button{border:1px solid var(--line)!important;background:var(--soft)!important;place-items:center!important;width:30px!important;min-width:30px!important;height:30px!important;padding:0!important;display:grid!important}.icon-picker button.selected{box-shadow:0 0 0 2px #ef33401f;color:#ef3340!important;border-color:#ef3340!important}.custom-builder-actions{justify-content:flex-end;gap:6px;margin-top:7px;display:flex}.custom-builder-actions button{border:1px solid var(--line)!important;width:auto!important;height:34px!important;padding:0 10px!important}.custom-builder-actions .create-custom{color:#fff!important;background:#ef151d!important;border-color:#ef151d!important}.type-menu-wrap{position:relative}.type-select{text-align:left;cursor:pointer;align-items:center;display:flex}.type-cascade{top:44px;left:0;right:0}.type-cascade i{text-align:center;width:22px;font-style:normal;font-weight:800}.zoom button{transition:background .16s,color .16s,transform .12s}.zoom button:hover{background:var(--soft);color:#ef151d}.zoom button:active{transform:scale(.9)}.zoom span{min-width:52px;font-weight:700}.draft-saved{color:#24a66b!important;background:#24a66b1a!important}@media (width>=1001px){.workspace{grid-template-columns:252px minmax(600px,1fr) 276px}.workspace.properties-closed{grid-template-columns:252px minmax(600px,1fr)}}.open-properties{z-index:12;border:1px solid var(--line);background:var(--panel);width:38px;height:38px;color:var(--ink);border-radius:10px;font-size:16px;position:absolute;top:94px;right:18px;box-shadow:0 6px 18px #0002}.open-properties:hover{color:#ef151d;border-color:#ef151d}.sidebar{padding-left:18px;padding-right:18px;overflow:visible}.side-head>button{width:30px;min-width:30px;height:30px}.block-cascade button{justify-content:flex-start;width:100%!important;min-width:0!important;height:38px!important}.block-cascade i{aspect-ratio:1;flex:none;min-width:26px;border-radius:8px!important;width:26px!important;height:26px!important}.node-more{z-index:8}.node-actions{z-index:12;background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:2px;width:112px;padding:5px;display:flex;position:absolute;top:34px;right:8px;box-shadow:0 12px 28px #0003}.node .node-actions button{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:7px;padding:8px;font-size:9px;position:static}.node .node-actions button:hover{background:var(--soft)}.node .node-actions .danger{color:#ef3340}.library-controls{align-items:center;display:flex}.library-controls input{border:1px solid var(--line);background:var(--panel);width:190px;height:36px;color:var(--ink);border-radius:9px;outline:none;padding:0 11px;font-size:10px}.library-controls input:focus{border-color:#ef3340;box-shadow:0 0 0 3px #ef33401f}.library-bar button.active{color:#ef3340;background:color-mix(in srgb,#ef3340 7%,var(--panel));border-color:#ef3340}.flow-card{cursor:pointer;position:relative}.flow-card:focus-visible{outline-offset:3px;outline:2px solid #ef3340}.flow-meta{align-items:flex-start;position:relative}.flow-more{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:3px 5px;line-height:1}.flow-more:hover{background:var(--soft);color:var(--ink)}.flow-actions{z-index:9;background:var(--panel);border:1px solid var(--line);border-radius:10px;width:130px;padding:5px;position:absolute;top:42px;right:12px;box-shadow:0 14px 34px #0003}.flow-actions button{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:7px;padding:9px;font-size:10px}.flow-actions button:hover{background:var(--soft)}.no-results{border:1px dashed var(--line);min-height:220px;color:var(--ink);border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.no-results b{font-size:11px}.no-results span{color:var(--muted);font-size:9px}.block-list{width:100%}.block-list button{grid-template-columns:32px minmax(0,1fr) 20px;align-items:center;column-gap:11px;width:100%;min-width:0;height:48px;padding:7px 9px;display:grid}.block-list i{width:32px;height:32px}.block-list button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.block-list b{justify-self:end;margin-left:0}.block-list i{aspect-ratio:1;flex:none;border-radius:10px!important;width:34px!important;height:34px!important}.canvas-toolbar button.active{background:var(--soft);color:#ef151d}.mini-map{cursor:pointer;z-index:6;transition:transform .18s,border-color .18s,box-shadow .18s;display:block}.mini-map:hover{border-color:#ef3340;transform:translateY(-2px);box-shadow:0 7px 18px #0002}.mini-map svg{width:100%;height:100%;display:block}.sketch-shell{position:relative}.sketch-board svg{z-index:2;touch-action:none;width:100%;height:100%;position:absolute}.sketch-board{transition:background-color .2s;background:var(--sketch-bg,#fafafa)!important;background-image:none!important}.sketch-board.has-grid{background-image:linear-gradient(#8888882e 1px,#0000 1px),linear-gradient(90deg,#8888882e 1px,#0000 1px)!important;background-size:24px 24px!important}.sketch-board svg path,.sketch-board svg rect,.sketch-board svg line{fill:none;stroke:var(--stroke-color,#ef3340);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sketch-board svg .neon-stroke{filter:drop-shadow(0 0 3px var(--stroke-color)) drop-shadow(0 0 8px var(--stroke-color));stroke-width:4.5px}.sketch-board svg .arrow-head{fill:#ef3340;stroke:none}.sketch-shell.expanded{width:calc(100vw - 32px);height:calc(100vh - 32px)}.sketch-shell.fullscreen{border-radius:0;width:100vw;max-width:none;height:100vh;max-height:none}.sketch-window-actions{align-items:center!important;gap:4px!important}.sketch-window-actions button{width:34px;height:34px;border-radius:8px!important;font-size:18px!important}.sketch-window-actions button:hover{background:var(--soft)!important;color:var(--ink)!important}.sketch-tools{scrollbar-width:thin;height:auto;min-height:51px;overflow-x:auto}.sketch-tools>button{white-space:nowrap}.color-control{border:1px solid var(--line);height:34px;color:var(--ink);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 7px;font-size:9px;font-weight:650;display:flex}.color-control input{background:0 0;border:0;border-radius:6px;width:23px;height:23px;padding:0;overflow:hidden}.neon-active{text-shadow:0 0 7px #ef151d;box-shadow:0 0 9px #ef151d80}.sketch-name{color:var(--ink);background:0 0;border:0;outline:none;width:230px;padding:3px 0;font-size:10px}.sketch-gallery{background:var(--panel);border:1px solid var(--line);z-index:8;border-radius:14px;width:300px;max-height:350px;padding:10px;position:absolute;top:132px;left:24px;overflow:auto;box-shadow:0 18px 50px #0003}.sketch-gallery>div{justify-content:space-between;align-items:center;padding:4px 7px 9px;display:flex}.sketch-gallery h3{margin:0;font-size:12px}.sketch-gallery>div button{color:var(--muted);background:0 0;border:0}.sketch-gallery>button{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:9px;display:flex}.sketch-gallery>button:hover{background:var(--soft)}.sketch-gallery>button>span{color:#ef151d;background:#fff0f0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.sketch-gallery>button div{flex-direction:column;gap:3px;display:flex}.sketch-gallery>button b{font-size:10px}.sketch-gallery>button small{color:var(--muted);font-size:8px}.sketch-gallery>button em{margin-left:auto;font-style:normal}.sketch-gallery>p{color:var(--muted);padding:14px;font-size:9px}