.icon-button[data-v-c85fd601]{padding:6px 12px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:13px;transition:all .2s}.icon-button[data-v-c85fd601]:hover:not(.disabled){background:var(--color-bg-secondary)}.icon-button.primary[data-v-c85fd601]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.icon-button.primary[data-v-c85fd601]:hover:not(.disabled){background:var(--color-primary-hover)}.icon-button.disabled[data-v-c85fd601]{opacity:.5;cursor:not-allowed}.app-header[data-v-6f93bd8f]{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 16px;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.header-left[data-v-6f93bd8f]{display:flex;align-items:center}.logo[data-v-6f93bd8f]{font-size:18px;font-weight:700;color:var(--color-primary)}.header-center[data-v-6f93bd8f]{flex:1;display:flex;justify-content:center}.flow-name-input[data-v-6f93bd8f]{border:none;background:transparent;font-size:16px;text-align:center;outline:none;padding:4px 8px;border-radius:4px}.flow-name-input[data-v-6f93bd8f]:hover,.flow-name-input[data-v-6f93bd8f]:focus{background:var(--color-bg-secondary)}.header-right[data-v-6f93bd8f]{display:flex;gap:8px}.mobile-menu-btn[data-v-6f93bd8f]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;cursor:pointer;border-radius:4px;margin-right:8px}.mobile-menu-btn[data-v-6f93bd8f]:hover{background:var(--color-bg-secondary)}.menu-icon[data-v-6f93bd8f]{font-size:20px}@media (max-width: 768px){.header-right[data-v-6f93bd8f]{gap:4px}.flow-name-input[data-v-6f93bd8f]{max-width:120px;font-size:14px}}.node-palette[data-v-6c0b633a]{display:flex;flex-direction:column}.category-group[data-v-6c0b633a]{border-bottom:1px solid var(--color-border)}.category-group[data-v-6c0b633a]:last-child{border-bottom:none}.category-header[data-v-6c0b633a]{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;background:var(--color-bg);transition:background .2s}.category-header[data-v-6c0b633a]:hover{background:var(--color-bg-secondary)}.category-arrow[data-v-6c0b633a]{font-size:10px;color:var(--color-text-secondary);transition:transform .2s}.category-arrow.expanded[data-v-6c0b633a]{transform:rotate(90deg)}.category-label[data-v-6c0b633a]{font-size:13px}.category-nodes[data-v-6c0b633a]{display:flex;flex-direction:column;gap:4px;padding:4px 12px 12px}.node-item[data-v-6c0b633a]{display:flex;align-items:center;gap:0;cursor:grab;transition:all .2s}.node-item:hover .node-body[data-v-6c0b633a]{border-color:var(--color-primary);background:#fff}.node-item[data-v-6c0b633a]:active{cursor:grabbing}.node-handle[data-v-6c0b633a]{width:10px;height:10px;border-radius:50%;background:var(--color-border);flex-shrink:0;opacity:0}.node-handle.active[data-v-6c0b633a]{opacity:1;background:#999}.node-handle.input[data-v-6c0b633a]{margin-right:-5px;z-index:1}.node-handle.output[data-v-6c0b633a]{margin-left:-5px;z-index:1}.node-body[data-v-6c0b633a]{flex:1;padding:8px 12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-left:4px solid;border-radius:4px;transition:all .2s}.node-label[data-v-6c0b633a]{font-weight:500;font-size:13px}.flow-list[data-v-ed9405fd]{display:flex;flex-direction:column;gap:8px}.new-flow-btn[data-v-ed9405fd]{padding:10px;border:1px dashed var(--color-border);border-radius:6px;background:transparent;cursor:pointer;color:var(--color-primary);font-size:13px}.new-flow-btn[data-v-ed9405fd]:hover{background:var(--color-bg-secondary)}.list-title[data-v-ed9405fd]{font-size:12px;color:var(--color-text-secondary);margin-top:8px}.flow-item[data-v-ed9405fd]{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;cursor:pointer}.flow-item[data-v-ed9405fd]:hover,.flow-item.active[data-v-ed9405fd]{border-color:var(--color-primary)}.flow-item.editing[data-v-ed9405fd]{cursor:default}.flow-name[data-v-ed9405fd]{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-actions[data-v-ed9405fd]{display:none;gap:4px}.flow-item:hover .flow-actions[data-v-ed9405fd]{display:flex}.action-btn[data-v-ed9405fd]{padding:4px 8px;background:var(--color-bg);border:1px solid var(--color-border);cursor:pointer;font-size:11px;border-radius:4px;color:var(--color-text)}.action-btn[data-v-ed9405fd]:hover{background:var(--color-bg-tertiary, #e0e0e0)}.action-btn.delete[data-v-ed9405fd]{color:#e74c3c;border-color:#e74c3c}.action-btn.delete[data-v-ed9405fd]:hover{background:#e74c3c;color:#fff}.edit-mode[data-v-ed9405fd]{width:100%;display:flex;flex-direction:column;gap:8px}.rename-input[data-v-ed9405fd]{width:100%;padding:6px 8px;border:1px solid var(--color-primary);border-radius:4px;font-size:13px;background:var(--color-bg);color:var(--color-text)}.edit-actions[data-v-ed9405fd]{display:flex;gap:6px}.save-btn[data-v-ed9405fd],.cancel-btn[data-v-ed9405fd]{flex:1;padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px}.save-btn[data-v-ed9405fd]{background:var(--color-primary);color:#fff}.save-btn[data-v-ed9405fd]:hover{opacity:.9}.cancel-btn[data-v-ed9405fd]{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text)}.cancel-btn[data-v-ed9405fd]:hover{background:var(--color-bg-tertiary, #e0e0e0)}.empty-state[data-v-ed9405fd]{text-align:center;color:var(--color-text-secondary);padding:20px;font-size:13px}.sidebar[data-v-14d6f863]{width:var(--sidebar-width);background:var(--color-bg);border-right:1px solid var(--color-border);display:flex;flex-direction:column}.sidebar-tabs[data-v-14d6f863]{display:flex;border-bottom:1px solid var(--color-border)}.sidebar-tabs button[data-v-14d6f863]{flex:1;padding:10px;border:none;background:transparent;cursor:pointer;font-size:13px;color:var(--color-text-secondary)}.sidebar-tabs button.active[data-v-14d6f863]{color:var(--color-primary);border-bottom:2px solid var(--color-primary)}.sidebar-content[data-v-14d6f863]{flex:1;overflow-y:auto;padding:12px}.sidebar-header[data-v-14d6f863]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-border);font-weight:500}.close-btn[data-v-14d6f863]{border:none;background:transparent;font-size:24px;cursor:pointer;color:var(--color-text-secondary);padding:0;line-height:1}.custom-node[data-v-72f23241]{background:#fff;border:2px solid #ccc;border-radius:8px;min-width:140px;box-shadow:0 2px 4px #0000001a}.custom-node.selected[data-v-72f23241]{box-shadow:0 0 0 2px var(--color-primary)}.node-header[data-v-72f23241]{padding:6px 10px;font-size:10px;font-weight:600;color:#fff;border-radius:6px 6px 0 0}.node-body[data-v-72f23241]{padding:10px;font-size:13px}[data-v-72f23241] .vue-flow__handle{width:14px;height:14px;border-radius:50%;background:#555;border:2px solid white}[data-v-72f23241] .vue-flow__handle:hover{width:18px;height:18px;background:var(--color-primary, #4a90d9)}.flow-canvas[data-v-9cb89953]{flex:1;background:var(--color-bg-secondary)}.vue-flow{position:relative;width:100%;height:100%;overflow:hidden;z-index:0;direction:ltr}.vue-flow__container{position:absolute;height:100%;width:100%;left:0;top:0}.vue-flow__pane{z-index:1}.vue-flow__pane.draggable{cursor:grab}.vue-flow__pane.selection{cursor:pointer}.vue-flow__pane.dragging{cursor:grabbing}.vue-flow__transformationpane{transform-origin:0 0;z-index:2;pointer-events:none}.vue-flow__viewport{z-index:4;overflow:clip}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{pointer-events:none;overflow:visible}.vue-flow__edge-path,.vue-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.vue-flow__edge{pointer-events:visibleStroke;cursor:pointer}.vue-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__edge.animated path.vue-flow__edge-interaction{stroke-dasharray:none;animation:none}.vue-flow__edge.inactive{pointer-events:none}.vue-flow__edge.selected,.vue-flow__edge:focus,.vue-flow__edge:focus-visible{outline:none}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:#555}.vue-flow__edge-textwrapper{pointer-events:all}.vue-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__connection{pointer-events:none}.vue-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none;transform-origin:0 0}.vue-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.vue-flow__node.draggable{cursor:grab;pointer-events:all}.vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.vue-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px}.vue-flow__handle.connectable{pointer-events:all;cursor:crosshair}.vue-flow__handle-bottom{left:50%;bottom:0;transform:translate(-50%,50%)}.vue-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.vue-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.vue-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.vue-flow__edgeupdater{cursor:move;pointer-events:all}.vue-flow__panel{position:absolute;z-index:5;margin:15px}.vue-flow__panel.top{top:0}.vue-flow__panel.bottom{bottom:0}.vue-flow__panel.left{left:0}.vue-flow__panel.right{right:0}.vue-flow__panel.center{left:50%;transform:translate(-50%)}@keyframes dashdraw{0%{stroke-dashoffset:10}}:root{--vf-node-bg: #fff;--vf-node-text: #222;--vf-connection-path: #b1b1b7;--vf-handle: #555}.vue-flow__edge.updating .vue-flow__edge-path{stroke:#777}.vue-flow__edge-text{font-size:10px}.vue-flow__edge-textbg{fill:#fff}.vue-flow__connection-path{stroke:var(--vf-connection-path)}.vue-flow__node{cursor:grab}.vue-flow__node.selectable:focus,.vue-flow__node.selectable:focus-visible{outline:none}.vue-flow__node-default,.vue-flow__node-input,.vue-flow__node-output{padding:10px;border-radius:3px;width:150px;font-size:12px;text-align:center;border-width:1px;border-style:solid;color:var(--vf-node-text);background-color:var(--vf-node-bg);border-color:var(--vf-node-color)}.vue-flow__node-default.selected,.vue-flow__node-default.selected:hover,.vue-flow__node-input.selected,.vue-flow__node-input.selected:hover,.vue-flow__node-output.selected,.vue-flow__node-output.selected:hover{box-shadow:0 0 0 .5px var(--vf-box-shadow)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible,.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible,.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{outline:none;border:1px solid #555}.vue-flow__node-default .vue-flow__handle,.vue-flow__node-input .vue-flow__handle,.vue-flow__node-output .vue-flow__handle{background:var(--vf-handle)}.vue-flow__node-default.selectable:hover,.vue-flow__node-input.selectable:hover,.vue-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.vue-flow__node-input{--vf-node-color: var(--vf-node-color, #0041d0);--vf-handle: var(--vf-node-color, #0041d0);--vf-box-shadow: var(--vf-node-color, #0041d0);background:var(--vf-node-bg);border-color:var(--vf-node-color, #0041d0)}.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible{outline:none;border:1px solid var(--vf-node-color, #0041d0)}.vue-flow__node-default{--vf-handle: var(--vf-node-color, #1a192b);--vf-box-shadow: var(--vf-node-color, #1a192b);background:var(--vf-node-bg);border-color:var(--vf-node-color, #1a192b)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible{outline:none;border:1px solid var(--vf-node-color, #1a192b)}.vue-flow__node-output{--vf-handle: var(--vf-node-color, #ff0072);--vf-box-shadow: var(--vf-node-color, #ff0072);background:var(--vf-node-bg);border-color:var(--vf-node-color, #ff0072)}.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{outline:none;border:1px solid var(--vf-node-color, #ff0072)}.vue-flow__nodesselection-rect,.vue-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible,.vue-flow__selection:focus,.vue-flow__selection:focus-visible{outline:none}.vue-flow__handle{width:6px;height:6px;background:var(--vf-handle);border:1px solid #fff;border-radius:100%}.vue-flow__controls{box-shadow:0 0 2px 1px #00000014}.vue-flow__controls-button{background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:5px}.vue-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.vue-flow__controls-button:hover{background:#f4f4f4}.vue-flow__controls-button:disabled{pointer-events:none}.vue-flow__controls-button:disabled svg{fill-opacity:.4}.node-config[data-v-f98e0fa8]{display:flex;flex-direction:column;gap:12px}.form-group[data-v-f98e0fa8]{display:flex;flex-direction:column;gap:4px}.form-group label[data-v-f98e0fa8]{font-size:12px;color:var(--color-text-secondary)}.form-group input[data-v-f98e0fa8],.form-group select[data-v-f98e0fa8],.form-group textarea[data-v-f98e0fa8]{padding:8px;border:1px solid var(--color-border);border-radius:4px;font-size:13px}.form-group textarea[data-v-f98e0fa8]{font-family:monospace;resize:vertical}.node-config[data-v-11b7e31c]{display:flex;flex-direction:column;gap:12px}.form-group[data-v-11b7e31c]{display:flex;flex-direction:column;gap:4px}.form-group label[data-v-11b7e31c]{font-size:12px;color:var(--color-text-secondary)}.form-group input[data-v-11b7e31c],.form-group select[data-v-11b7e31c]{padding:8px;border:1px solid var(--color-border);border-radius:4px;font-size:13px}.node-config[data-v-5bef9236]{display:flex;flex-direction:column;gap:12px}.form-group[data-v-5bef9236]{display:flex;flex-direction:column;gap:4px}.form-group label[data-v-5bef9236]{font-size:12px;color:var(--color-text-secondary)}.form-group input[data-v-5bef9236],.form-group select[data-v-5bef9236],.form-group textarea[data-v-5bef9236]{padding:8px;border:1px solid var(--color-border);border-radius:4px;font-size:13px}.form-group textarea[data-v-5bef9236]{font-family:monospace;resize:vertical}.hint[data-v-5bef9236]{font-size:11px;color:var(--color-text-secondary)}.node-config[data-v-ae9e5fdd]{display:flex;flex-direction:column;gap:12px}.form-group[data-v-ae9e5fdd]{display:flex;flex-direction:column;gap:4px}.form-group label[data-v-ae9e5fdd]{font-size:12px;color:var(--color-text-secondary)}.form-group textarea[data-v-ae9e5fdd]{padding:8px;border:1px solid var(--color-border);border-radius:4px;font-size:12px;font-family:monospace;resize:vertical}.help-text[data-v-ae9e5fdd]{font-size:11px;color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:8px;border-radius:4px}.help-text code[data-v-ae9e5fdd]{background:#e0e0e0;padding:2px 4px;border-radius:2px}.node-config[data-v-16290b7b]{display:flex;flex-direction:column;gap:12px}.form-group[data-v-16290b7b]{display:flex;flex-direction:column;gap:4px}.form-group label[data-v-16290b7b]{font-size:12px;color:var(--color-text-secondary)}.form-group textarea[data-v-16290b7b]{padding:8px;border:1px solid var(--color-border);border-radius:4px;font-size:13px;font-family:monospace;resize:vertical}.hint[data-v-16290b7b]{font-size:11px;color:var(--color-text-secondary)}.node-config[data-v-50e0cc92]{display:flex;flex-direction:column;gap:12px}.form-group[data-v-50e0cc92]{display:flex;flex-direction:column;gap:4px}.form-group label[data-v-50e0cc92]{font-size:12px;color:var(--color-text-secondary)}.form-group input[data-v-50e0cc92],.form-group select[data-v-50e0cc92]{padding:8px;border:1px solid var(--color-border);border-radius:4px;font-size:13px}.hint[data-v-50e0cc92]{font-size:11px;color:var(--color-text-secondary)}.node-config[data-v-c262d749]{display:flex;flex-direction:column;gap:12px}.form-group[data-v-c262d749]{display:flex;flex-direction:column;gap:4px}.form-group label[data-v-c262d749]{font-size:12px;color:var(--color-text-secondary)}.form-group input[data-v-c262d749],.form-group select[data-v-c262d749]{padding:8px;border:1px solid var(--color-border);border-radius:4px;font-size:13px}.node-config[data-v-0c421f2e]{display:flex;flex-direction:column;gap:12px}.form-group[data-v-0c421f2e]{display:flex;flex-direction:column;gap:4px}.form-group label[data-v-0c421f2e]{font-size:12px;color:var(--color-text-secondary)}.form-group input[data-v-0c421f2e],.form-group select[data-v-0c421f2e]{padding:8px;border:1px solid var(--color-border);border-radius:4px;font-size:13px}.properties-panel[data-v-4b22cb34]{width:var(--panel-width);background:var(--color-bg);border-left:1px solid var(--color-border);display:flex;flex-direction:column}.panel-header[data-v-4b22cb34]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-border);font-weight:500}.close-btn[data-v-4b22cb34]{border:none;background:transparent;font-size:20px;cursor:pointer;color:var(--color-text-secondary)}.panel-content[data-v-4b22cb34]{flex:1;padding:16px;overflow-y:auto}.form-group[data-v-4b22cb34]{margin-bottom:16px}.form-group label[data-v-4b22cb34]{display:block;font-size:12px;color:var(--color-text-secondary);margin-bottom:4px}.form-group input[data-v-4b22cb34],.form-group select[data-v-4b22cb34],.form-group textarea[data-v-4b22cb34]{width:100%;padding:8px;border:1px solid var(--color-border);border-radius:4px;font-size:13px}.delete-btn[data-v-4b22cb34]{width:100%;padding:10px;background:var(--color-error);color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:20px}.log-panel[data-v-caee1b97]{height:200px;background:#1e1e1e;border-top:1px solid var(--color-border);display:flex;flex-direction:column}.panel-header[data-v-caee1b97]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#2d2d2d;color:#ccc;font-size:12px}.header-actions[data-v-caee1b97]{display:flex;gap:8px}.header-actions button[data-v-caee1b97]{background:transparent;border:none;color:#999;cursor:pointer;font-size:12px}.log-content[data-v-caee1b97]{flex:1;overflow-y:auto;padding:8px 12px;font-family:monospace;font-size:12px}.running-indicator[data-v-caee1b97]{color:#4a90d9;padding:4px 0}.log-item[data-v-caee1b97]{padding:2px 0;color:#ccc}.log-time[data-v-caee1b97]{color:#666;margin-right:8px}.log-node[data-v-caee1b97]{color:#888;margin-right:8px}.log-info .log-message[data-v-caee1b97]{color:#ccc}.log-warn .log-message[data-v-caee1b97]{color:#faad14}.log-error .log-message[data-v-caee1b97]{color:#f5222d}.empty-state[data-v-caee1b97]{color:#666;text-align:center;padding:20px}.app-container[data-v-876a80a5]{display:flex;flex-direction:column;height:100vh;overflow:hidden}.main-content[data-v-876a80a5]{display:flex;flex:1;overflow:hidden;position:relative}.canvas-area[data-v-876a80a5]{flex:1;display:flex;flex-direction:column;overflow:hidden}.debug-bar[data-v-876a80a5]{position:fixed;bottom:10px;left:10px;background:#333;color:#fff;padding:8px;font-size:12px;z-index:9999;border-radius:4px}.mobile-overlay[data-v-876a80a5]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:100}.mobile-sidebar[data-v-876a80a5]{position:fixed;top:var(--header-height);left:0;bottom:0;width:280px!important;z-index:101;transform:translate(-100%);transition:transform .3s ease}.mobile-sidebar.show[data-v-876a80a5]{transform:translate(0)}.mobile-panel[data-v-876a80a5]{position:fixed;bottom:0;left:0;right:0;max-height:50vh;z-index:101;border-top:1px solid var(--color-border);border-left:none}@media (max-width: 768px){.debug-bar[data-v-876a80a5]{bottom:auto;top:calc(var(--header-height) + 10px);left:50%;transform:translate(-50%);font-size:11px}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:14px;color:#333;background-color:#f5f5f5}#app{height:100%}:root{--color-primary: #4a90d9;--color-primary-hover: #357abd;--color-success: #52c41a;--color-warning: #faad14;--color-error: #f5222d;--color-bg: #ffffff;--color-bg-secondary: #f5f5f5;--color-border: #e0e0e0;--color-text: #333333;--color-text-secondary: #666666;--sidebar-width: 240px;--header-height: 48px;--panel-width: 280px}@media (max-width: 1024px){:root{--sidebar-width: 200px;--panel-width: 260px}}@media (max-width: 768px){:root{--sidebar-width: 100%;--panel-width: 100%}}