html{--tle-bg: #f4f5f7;--tle-panel: #ffffff;--tle-border: #e3e5ea;--tle-text: #111827;--tle-muted: #6b7280;--tle-canvas-bg: #f8fafc;--tle-canvas-grid: #dfe3e8;--tle-accent: #2563eb}body,.tasklist-app{background:var(--tle-bg);color:var(--tle-text)}.tasklist-header{background:var(--tle-panel);border-bottom:1px solid var(--tle-border);box-shadow:0 1px #00000005;flex-shrink:0}.tasklist-title{margin:0;font-size:var(--lumo-font-size-l);color:var(--tle-text)}.tasklist-subtitle{color:var(--tle-muted);font-size:var(--lumo-font-size-s)}.tasklist-body{display:flex;flex:1;min-height:0}.palette-panel,.properties-panel{background:var(--tle-panel);padding:var(--lumo-space-m);overflow-y:auto;border-right:1px solid var(--tle-border);box-sizing:border-box;flex-shrink:0;height:100%}.palette-panel{width:280px}.properties-panel{width:360px;border-right:0;border-left:1px solid var(--tle-border)}.panel-heading{margin:0 0 var(--lumo-space-xs);font-size:var(--lumo-font-size-m);color:var(--tle-text);font-weight:600}.panel-hint{margin:0 0 var(--lumo-space-m);color:var(--tle-muted);font-size:var(--lumo-font-size-s)}.palette-item{display:flex;align-items:center;gap:var(--lumo-space-s);padding:var(--lumo-space-s) var(--lumo-space-m);border:1px solid var(--tle-border);border-radius:10px;background:var(--tle-panel);margin-bottom:var(--lumo-space-s);cursor:grab;-webkit-user-select:none;user-select:none;transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.palette-item:hover{border-color:var(--block-color, var(--tle-accent));box-shadow:0 4px 14px #0f172a0f;transform:translateY(-1px)}.palette-item:active{cursor:grabbing}.palette-item-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.palette-item-icon vaadin-icon{width:18px;height:18px}.palette-item-text{display:flex;flex-direction:column;gap:2px}.palette-item-label{font-weight:600;color:var(--tle-text);font-size:var(--lumo-font-size-s)}.palette-item-desc{color:var(--tle-muted);font-size:var(--lumo-font-size-xs)}.node-editor-host{background:radial-gradient(circle,var(--tle-canvas-grid) 1px,transparent 1px) 0 0 / 24px 24px,var(--tle-canvas-bg);height:100%;overflow:hidden;position:relative}.task-list-editor,.task-list-editor-container,.task-list-editor .drawflow{width:100%;height:100%}.task-list-editor .drawflow{background:transparent}.task-list-editor .drawflow .drawflow-node{background:transparent;border:none;padding:0;box-shadow:none;min-width:250px;z-index:1}.task-list-editor .drawflow .connection{z-index:5;pointer-events:none;overflow:visible}.task-list-editor .drawflow .connection .main-path{pointer-events:stroke}.task-list-editor .drawflow .drawflow-node.selected .task-node{box-shadow:0 0 0 3px #2563eb59}.task-node{background:var(--tle-panel);border:1px solid var(--tle-border);border-radius:10px;overflow:hidden;box-shadow:0 4px 14px #0f172a14;min-width:250px;min-height:90px;display:flex;flex-direction:column}.task-node-header{height:6px;width:100%;flex-shrink:0}.task-node-body{padding:var(--lumo-space-m) var(--lumo-space-l);flex:1;display:flex;align-items:center;justify-content:center}.task-node-title{font-weight:600;color:var(--tle-text);font-size:var(--lumo-font-size-s);text-align:center;width:100%}.task-list-editor .drawflow .drawflow-node .inputs,.task-list-editor .drawflow .drawflow-node .outputs{position:absolute!important;left:0!important;right:0!important;width:100%!important;height:0!important;display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:16px;pointer-events:none;z-index:10}.task-list-editor .drawflow .drawflow-node .inputs{top:0!important;bottom:auto!important}.task-list-editor .drawflow .drawflow-node .outputs{top:auto!important;bottom:0!important}.task-list-editor .drawflow .input,.task-list-editor .drawflow .output{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:14px!important;height:14px!important;box-sizing:border-box!important;background:var(--tle-panel);border:2px solid #94a3b8;border-radius:50%;margin:0!important;flex:0 0 auto;pointer-events:auto}.task-list-editor .drawflow .input:hover,.task-list-editor .drawflow .output:hover{border-color:var(--tle-accent)}.task-list-editor .drawflow .connection .main-path{stroke:#94a3b8;stroke-width:2.5px}.task-list-editor .drawflow .connection .main-path:hover{stroke:var(--tle-accent);stroke-width:3px}.properties-content{display:flex;flex-direction:column;gap:var(--lumo-space-s)}.properties-empty{color:var(--tle-muted);font-size:var(--lumo-font-size-s)}.properties-title{margin-top:var(--lumo-space-xs);margin-bottom:0;gap:var(--lumo-space-s)}.properties-badge{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.properties-badge vaadin-icon{width:16px;height:16px}.properties-name{font-weight:600;font-size:var(--lumo-font-size-m)}.properties-desc{color:var(--tle-muted);font-size:var(--lumo-font-size-s);margin:0 0 var(--lumo-space-s)}