.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#555;--xy-background-pattern-lines-color-default:#333;--xy-background-pattern-cross-color-default:#333;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}
.flow-demo.demo-root{--flow-ink:var(--foreground,#0a0a0a);--flow-muted:var(--muted-foreground,#737373);--flow-line:var(--border,#e5e5e5);--flow-accent:var(--primary,#0a0a0a);--flow-accent-ink:var(--primary-foreground,#fff);--flow-surface:var(--card,#fff);--flow-hover:var(--muted,#f5f5f5);--flow-ring:var(--ring,#0a0a0a);--flow-radius:var(--radius,10px);--flow-dot:var(--border,#d4d4d4);background:var(--background,#fff);color:var(--flow-ink);padding:24px}.flow-demo *,.flow-demo :before,.flow-demo :after{box-sizing:border-box}.flow-demo h2,.flow-demo p{margin:0}.flow-demo button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}.flow-demo :focus-visible{outline:2px solid var(--flow-ring);outline-offset:2px}.flow-demo .flow-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.flow-demo .flow-eyebrow{color:var(--flow-muted);letter-spacing:1.4px;font-size:10px;font-weight:650}.flow-demo .flow-title{letter-spacing:-.7px;margin-top:5px;font-size:clamp(21px,3vw,26px);font-weight:600;line-height:1.25}.flow-demo .flow-hint{color:var(--flow-muted);max-width:560px;min-height:34px;margin-top:10px;font-size:12px;line-height:1.6}.flow-demo .flow-button{border:1px solid var(--flow-line);border-radius:calc(var(--flow-radius) * .7);background:var(--flow-surface);min-height:32px;color:var(--flow-ink);white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.flow-demo .flow-button:hover{background:var(--flow-hover)}.flow-demo .flow-button-destructive{border-color:color-mix(in srgb, #dc2626 45%, var(--flow-line));color:#dc2626}.flow-demo .flow-icon-button{width:26px;height:26px;color:var(--flow-muted);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.flow-demo .flow-icon-button:hover{background:var(--flow-hover);color:var(--flow-ink)}.flow-demo .flow-footnote{color:var(--flow-muted);margin-top:10px;font-size:10px}.flow-demo .flow-stage{grid-template-columns:1fr;gap:12px;display:grid}.flow-demo .flow-stage.has-inspector{grid-template-columns:minmax(0,1fr) 220px;align-items:start}.flow-demo .flow-canvas-wrap{border:1px solid var(--flow-line);border-radius:var(--flow-radius);background:var(--flow-surface);height:460px;position:relative;overflow:hidden}.flow-demo .react-flow{background:var(--flow-surface)}.flow-demo .react-flow__handle{border:2px solid var(--flow-surface);background:var(--flow-muted);width:8px;height:8px}.flow-demo .react-flow__handle:hover{background:var(--flow-accent)}.flow-demo .react-flow__edge-path{stroke:var(--flow-line);stroke-width:1.6px}.flow-demo .react-flow__edge.selected .react-flow__edge-path{stroke:var(--flow-accent)}.flow-demo .react-flow__edge-text{fill:var(--flow-muted);font-size:10px;font-weight:650}.flow-demo .react-flow__edge-textbg{fill:var(--flow-surface)}.flow-demo .react-flow__controls{box-shadow:none;border:1px solid var(--flow-line);border-radius:8px;overflow:hidden}.flow-demo .react-flow__controls-button{background:var(--flow-surface);border-bottom:1px solid var(--flow-line);fill:var(--flow-ink)}.flow-demo .react-flow__controls-button:hover{background:var(--flow-hover)}.flow-demo .react-flow__controls-button svg{fill:currentColor}.flow-demo .react-flow__minimap{border:1px solid var(--flow-line);background:var(--flow-surface);border-radius:8px}.flow-demo .react-flow__minimap-mask{fill:color-mix(in srgb, var(--flow-ink) 8%, transparent)}.flow-demo .react-flow__node{cursor:default}.flow-demo .react-flow__node-toolbar{gap:4px;display:flex}.flow-demo .flow-edge-running .react-flow__edge-path,.flow-demo .flow-edge-retrying .react-flow__edge-path{stroke:#2563eb}.flow-demo .flow-edge-failed .react-flow__edge-path{stroke:#dc2626}.flow-demo .flow-edge-success .react-flow__edge-path{stroke:#15803d}.flow-demo .flow-edge-skipped .react-flow__edge-path{stroke-dasharray:4 3;opacity:.6}.flow-demo .flow-node{border:1px solid var(--flow-line);border-radius:var(--flow-radius);background:var(--flow-surface);align-items:flex-start;gap:8px;width:220px;padding:10px 12px;display:flex;position:relative;box-shadow:0 1px 2px #00000008}.flow-demo .flow-node[data-selected]{border-color:var(--flow-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--flow-accent) 25%, transparent)}.flow-demo .flow-node[data-kind=trigger]{--flow-kind:#15803d}.flow-demo .flow-node[data-kind=condition]{--flow-kind:#d97706}.flow-demo .flow-node[data-kind=action]{--flow-kind:#2563eb}.flow-demo .flow-node-icon{background:color-mix(in srgb, var(--flow-kind,var(--flow-accent)) 16%, transparent);width:26px;height:26px;color:var(--flow-kind,var(--flow-accent));border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.flow-demo .flow-node-body{min-width:0}.flow-demo .flow-node-kind{color:var(--flow-kind,var(--flow-muted));letter-spacing:.6px;text-transform:uppercase;font-size:9.5px;font-weight:700;display:block}.flow-demo .flow-node-title{overflow-wrap:anywhere;margin-top:3px;font-size:12px;font-weight:600;line-height:1.4}.flow-demo .flow-node-detail{color:var(--flow-muted);margin-top:2px;font-size:10.5px}.flow-demo .flow-toolbar-button{border:1px solid var(--flow-line);background:var(--flow-surface);color:var(--flow-ink);white-space:nowrap;border-radius:7px;align-items:center;gap:5px;padding:5px 9px;font-size:10.5px;font-weight:650;display:inline-flex;box-shadow:0 4px 14px #00000018}.flow-demo .flow-toolbar-button:hover{background:var(--flow-hover)}.flow-demo .flow-toolbar-destructive:hover{border-color:color-mix(in srgb, #dc2626 45%, var(--flow-line));color:#dc2626;background:#dc262624}.flow-demo .flow-menu{z-index:5;border:1px solid var(--flow-line);background:var(--flow-surface);border-radius:9px;flex-direction:column;min-width:150px;padding:5px;display:flex;position:absolute;box-shadow:0 12px 32px #00000024}.flow-demo .flow-menu button{color:var(--flow-ink);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:7px 9px;font-size:11.5px;font-weight:600;display:flex}.flow-demo .flow-menu button:hover{background:var(--flow-hover)}.flow-demo .flow-menu-destructive:hover{color:#dc2626;background:#dc262624!important}.flow-demo .flow-inspector{border:1px solid var(--flow-line);border-radius:var(--flow-radius);background:var(--flow-surface);flex-direction:column;align-self:stretch;gap:10px;padding:14px;display:flex}.flow-demo .flow-inspector-head{justify-content:space-between;align-items:center;display:flex}.flow-demo .flow-inspector-kind{color:var(--flow-muted);letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700}.flow-demo .flow-field{color:var(--flow-muted);flex-direction:column;gap:5px;font-size:10.5px;font-weight:650;display:flex}.flow-demo .flow-field input{border:1px solid var(--flow-line);background:var(--background,#fff);min-height:32px;color:var(--flow-ink);border-radius:7px;padding:0 9px;font-size:12px;font-weight:500}.flow-demo .flow-field input:focus-visible{outline:2px solid var(--flow-ring);outline-offset:1px}.flow-demo .flow-legend{flex-wrap:wrap;gap:10px;margin:4px 0 0;padding:0;list-style:none;display:flex}.flow-demo .flow-legend li{color:var(--flow-muted);align-items:center;gap:5px;font-size:10.5px;font-weight:600;display:inline-flex}.flow-demo .flow-legend li>span{background:var(--flow-status);border-radius:50%;width:7px;height:7px}.flow-demo .flow-task{border:1px solid color-mix(in srgb, var(--flow-status) 45%, var(--flow-line));border-radius:var(--flow-radius);background:var(--flow-surface);align-items:flex-start;gap:8px;width:210px;padding:10px 12px;display:flex;position:relative}.flow-demo .flow-task-icon{background:color-mix(in srgb, var(--flow-status) 16%, transparent);width:24px;height:24px;color:var(--flow-status);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.flow-demo .flow-task-body{flex:1;min-width:0}.flow-demo .flow-task-title{font-size:11.5px;font-weight:600;line-height:1.4}.flow-demo .flow-task-detail{color:var(--flow-muted);margin-top:2px;font-size:10px}.flow-demo .flow-task-status{color:var(--flow-status);align-items:center;gap:5px;margin-top:6px;font-size:10px;font-weight:700;display:inline-flex}.flow-demo .flow-status-dot{background:var(--flow-status);border-radius:50%;width:6px;height:6px}.flow-demo .flow-task[data-status=running] .flow-status-dot,.flow-demo .flow-task[data-status=retrying] .flow-status-dot{animation:1.1s ease-in-out infinite flow-pulse}.flow-demo .flow-task[data-status=skipped]{opacity:.65}.flow-demo .flow-retry{border:1px solid color-mix(in srgb, #dc2626 45%, var(--flow-line));background:var(--flow-surface);color:#dc2626;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:-11px;right:8px;box-shadow:0 4px 12px #00000018}.flow-demo .flow-retry:hover{background:#dc26261f}@keyframes flow-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}@media (max-width:720px){.flow-demo .flow-stage.has-inspector{grid-template-columns:1fr}.flow-demo .flow-canvas-wrap{height:380px}}@media (max-width:480px){.flow-demo{padding:18px 12px}.flow-demo .flow-node,.flow-demo .flow-task{width:180px}}@media (prefers-reduced-motion:reduce){.flow-demo .flow-task[data-status=running] .flow-status-dot,.flow-demo .flow-task[data-status=retrying] .flow-status-dot{animation:none}}
html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}html[dir=rtl],[data-sonner-toaster][dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{width:var(--width);--gray1:#fcfcfc;--gray2:#f8f8f8;--gray3:#f3f3f3;--gray4:#ededed;--gray5:#e8e8e8;--gray6:#e2e2e2;--gray7:#dbdbdb;--gray8:#c7c7c7;--gray9:#8f8f8f;--gray10:#858585;--gray11:#6f6f6f;--gray12:#171717;--border-radius:8px;box-sizing:border-box;z-index:999999999;outline:none;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;list-style:none;transition:transform .4s;position:fixed}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translate(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);opacity:0;transform:var(--y);touch-action:none;box-sizing:border-box;overflow-wrap:anywhere;outline:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;position:absolute}[data-sonner-toast][data-styled=true]{background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);width:var(--width);align-items:center;gap:6px;padding:16px;font-size:13px;display:flex;box-shadow:0 4px 12px #0000001a}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-y-position=top]{--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap));top:0}[data-sonner-toast][data-y-position=bottom]{--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap));bottom:0}[data-sonner-toast][data-styled=true] [data-description]{color:#3f3f3f;font-weight:400;line-height:1.4}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{color:inherit;font-weight:500;line-height:1.5}[data-sonner-toast][data-styled=true] [data-icon]{width:16px;height:16px;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end);flex-shrink:0;justify-content:flex-start;align-items:center;display:flex;position:relative}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform-origin:50%;animation:.3s forwards sonner-fade-in;transform:scale(.8)}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}[data-sonner-toast][data-styled=true] [data-button]{height:24px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);cursor:pointer;border:none;border-radius:4px;outline:none;flex-shrink:0;align-items:center;padding-left:8px;padding-right:8px;font-size:12px;font-weight:500;transition:opacity .4s,box-shadow .2s;display:flex}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px #0006}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:#00000014}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:#ffffff4d}[data-sonner-toast][data-styled=true] [data-close-button]{left:var(--toast-close-button-start);right:var(--toast-close-button-end);width:20px;height:20px;color:var(--normal-text);background:var(--normal-bg);border:1px solid var(--normal-border);transform:var(--toast-close-button-transform);cursor:pointer;z-index:1;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .1s,background .2s,border-color .2s;display:flex;position:absolute;top:0}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]:before{content:"";z-index:-1;height:100%;position:absolute;left:-100%;right:-100%}[data-sonner-toast][data-y-position=top][data-swiping=true]:before{bottom:50%;transform:scaleY(3)translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]:before{top:50%;transform:scaleY(3)translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]:before{content:"";position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]:after{content:"";height:calc(var(--gap) + 1px);width:100%;position:absolute;bottom:100%;left:0}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * .05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]:before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0px)) translateX(var(--swipe-amount-x,0px));transition:none}[data-sonner-toast][data-swiped=true]{-webkit-user-select:none;user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%;position:fixed}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{width:calc(100% - var(--mobile-offset-left) * 2);left:0;right:0}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:#ecfdf3;--success-border:#bffcd9;--success-text:#008a2e;--info-bg:#f0f8ff;--info-border:#dde7fd;--info-text:#0973dc;--warning-bg:#fffcf0;--warning-border:#fbeeb1;--warning-text:#dc7609;--error-bg:#fff0f0;--error-border:#ffe0e1;--error-text:#e60000}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:#333;--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:#1f1f1f;--normal-border:#333;--normal-border-hover:#404040;--normal-text:var(--gray1);--success-bg:#001f0f;--success-border:#003d1c;--success-text:#59f3a6;--info-bg:#000d1f;--info-border:#19233e;--info-text:#5896f3;--warning-bg:#1d1f00;--warning-border:#2e2e00;--warning-text:#f3cf58;--error-bg:#2d0607;--error-border:#4d0408;--error-text:#ff9ea1}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);z-index:10;position:absolute;inset:0}.sonner-loading-wrapper[data-visible=false]{transform-origin:50%;animation:.2s forwards sonner-fade-out}.sonner-spinner{height:var(--size);width:var(--size);position:relative;top:50%;left:50%}.sonner-loading-bar{background:var(--gray11);border-radius:6px;width:24%;height:8%;animation:1.2s linear infinite sonner-spin;position:absolute;top:-3.9%;left:-10%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg)translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg)translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg)translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg)translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg)translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg)translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg)translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg)translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg)translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg)translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg)translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg)translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{transform-origin:50%;transition:opacity .2s,transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8)translate(-50%,-50%)}
.toast-demo.demo-root{--toast-ink:var(--foreground,#0a0a0a);--toast-muted:var(--muted-foreground,#737373);--toast-line:var(--border,#e5e5e5);--toast-accent:var(--primary,#0a0a0a);--toast-accent-ink:var(--primary-foreground,#fff);--toast-surface:var(--card,#fff);--toast-hover:var(--muted,#f5f5f5);--toast-ring:var(--ring,#0a0a0a);--toast-radius:var(--radius,10px);background:var(--background,#fff);color:var(--toast-ink);padding:24px}.toast-demo *,.toast-demo :before,.toast-demo :after{box-sizing:border-box}.toast-demo h2,.toast-demo p{margin:0}.toast-demo button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}.toast-demo :focus-visible{outline:2px solid var(--toast-ring);outline-offset:2px}.toast-demo .toast-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.toast-demo .toast-eyebrow{color:var(--toast-muted);letter-spacing:1.4px;font-size:10px;font-weight:650}.toast-demo .toast-title{letter-spacing:-.7px;margin-top:5px;font-size:clamp(21px,3vw,26px);font-weight:600;line-height:1.25}.toast-demo .toast-hint{color:var(--toast-muted);max-width:560px;margin-top:10px;font-size:12px;line-height:1.6}.toast-demo .toast-button{border:1px solid var(--toast-line);border-radius:calc(var(--toast-radius) * .7);background:var(--toast-surface);min-height:32px;color:var(--toast-ink);white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.toast-demo .toast-button:hover{background:var(--toast-hover)}.toast-demo .toast-footnote{color:var(--toast-muted);margin-top:16px;font-size:10px}.toast-demo .toast-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:20px;display:grid}.toast-demo .toast-trigger{border:1px solid var(--toast-line);border-radius:var(--toast-radius);background:var(--toast-surface);min-height:44px;color:var(--toast-ink);justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:600;display:inline-flex}.toast-demo .toast-trigger:hover{background:var(--toast-hover);border-color:color-mix(in srgb, var(--toast-kind,var(--toast-accent)) 55%, var(--toast-line))}.toast-demo .toast-trigger svg{color:var(--toast-kind,var(--toast-muted))}.toast-demo .toast-trigger-success{--toast-kind:#15803d}.toast-demo .toast-trigger-error{--toast-kind:#dc2626}.toast-demo .toast-trigger-warning{--toast-kind:#d97706}.toast-demo .toast-trigger-info{--toast-kind:#2563eb}.toast-demo .toast-trigger-action,.toast-demo .toast-trigger-progress{--toast-kind:var(--toast-accent)}.toast-demo [data-sonner-toaster]{--border-radius:var(--toast-radius);--normal-bg:var(--toast-surface);--normal-text:var(--toast-ink);--normal-border:var(--toast-line);--success-bg:color-mix(in srgb, #15803d 14%, var(--toast-surface));--success-text:var(--toast-ink);--success-border:color-mix(in srgb, #15803d 45%, var(--toast-line));--error-bg:color-mix(in srgb, #dc2626 14%, var(--toast-surface));--error-text:var(--toast-ink);--error-border:color-mix(in srgb, #dc2626 45%, var(--toast-line));--warning-bg:color-mix(in srgb, #d97706 14%, var(--toast-surface));--warning-text:var(--toast-ink);--warning-border:color-mix(in srgb, #d97706 45%, var(--toast-line));--info-bg:color-mix(in srgb, #2563eb 14%, var(--toast-surface));--info-text:var(--toast-ink);--info-border:color-mix(in srgb, #2563eb 45%, var(--toast-line))}.toast-demo [data-sonner-toast] [data-button]{background:var(--toast-accent);color:var(--toast-accent-ink);border-radius:calc(var(--toast-radius) * .6)}.toast-demo [data-sonner-toast] [data-title]{font-weight:650}.toast-demo .toast-progress-card{border:1px solid var(--toast-line);border-radius:var(--toast-radius);background:var(--toast-surface);width:100%;color:var(--toast-ink);padding:14px 16px;font-size:13px;box-shadow:0 4px 12px #00000018}.toast-demo .toast-progress-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.toast-demo .toast-progress-title{font-weight:650}.toast-demo .toast-progress-pct{color:var(--toast-muted);font-variant-numeric:tabular-nums;font-size:11px}.toast-demo .toast-progress-bar{background:var(--toast-hover);border-radius:999px;height:6px;margin-top:10px;overflow:hidden}.toast-demo .toast-progress-bar span{background:var(--toast-accent);border-radius:999px;height:100%;transition:width 90ms linear;display:block}@media (max-width:480px){.toast-demo{padding:18px 12px}.toast-demo .toast-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}
.panel-demo.demo-root{--panel-ink:var(--foreground,#0a0a0a);--panel-muted:var(--muted-foreground,#737373);--panel-line:var(--border,#e5e5e5);--panel-accent:var(--primary,#0a0a0a);--panel-accent-ink:var(--primary-foreground,#fff);--panel-surface:var(--card,#fff);--panel-hover:var(--muted,#f5f5f5);--panel-ring:var(--ring,#0a0a0a);--panel-radius:var(--radius,10px);background:var(--background,#fff);color:var(--panel-ink);padding:24px}.panel-demo *,.panel-demo :before,.panel-demo :after{box-sizing:border-box}.panel-demo h2,.panel-demo p,.panel-demo dl,.panel-demo ol,.panel-demo ul{margin:0}.panel-demo button,.panel-demo input{font:inherit;color:inherit}.panel-demo button{cursor:pointer;touch-action:manipulation}.panel-demo :focus-visible{outline:2px solid var(--panel-ring);outline-offset:2px}.panel-demo .panel-shell{border:1px solid var(--panel-line);border-radius:var(--panel-radius);background:var(--panel-surface);grid-template-columns:168px minmax(0,1fr);gap:14px;height:780px;display:grid;overflow:hidden}.panel-demo .panel-list{border-right:1px solid var(--panel-line);background:var(--background,#fff);flex-direction:column;min-height:0;display:flex}.panel-demo .panel-list-head{color:var(--panel-muted);letter-spacing:.8px;text-transform:uppercase;padding:14px 14px 8px;font-size:10px;font-weight:700}.panel-demo .panel-rows{flex-direction:column;gap:2px;min-height:0;padding:0 8px 12px;list-style:none;display:flex;overflow-y:auto}.panel-demo .panel-row{width:100%;min-height:34px;color:var(--panel-muted);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.panel-demo .panel-row:hover{background:var(--panel-hover);color:var(--panel-ink)}.panel-demo .panel-row[aria-current=true]{background:color-mix(in srgb, var(--panel-accent) 12%, transparent);color:var(--panel-ink);font-weight:650}.panel-demo .panel-row-dot{border:1.5px solid var(--panel-muted);border-radius:50%;flex-shrink:0;width:6px;height:6px}.panel-demo .panel-row[aria-current=true] .panel-row-dot{background:#15803d;border-color:#15803d}.panel-demo .panel-row-empty{color:var(--panel-muted);padding:10px 8px;font-size:11px}.panel-demo .panel-detail{flex-direction:column;min-width:0;min-height:0;display:flex}.panel-demo .panel-topbar{border-bottom:1px solid var(--panel-line);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.panel-demo .panel-avatars{display:flex}.panel-demo .panel-avatar-chip{border:2px solid var(--panel-surface);background:var(--panel-hover);width:24px;height:24px;color:var(--panel-ink);border-radius:50%;justify-content:center;align-items:center;margin-left:-6px;font-size:9px;font-weight:700;display:inline-flex}.panel-demo .panel-avatar-chip:first-child{margin-left:0}.panel-demo .panel-search{border:1px solid var(--panel-line);min-width:0;max-width:220px;color:var(--panel-muted);background:var(--background,#fff);border-radius:999px;flex:1;align-items:center;gap:7px;padding:6px 10px;display:flex}.panel-demo .panel-search input{min-width:0;color:var(--panel-ink);background:0 0;border:0;flex:1;font-size:12px}.panel-demo .panel-search input::placeholder{color:var(--panel-muted)}.panel-demo .panel-sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.panel-demo .panel-body{flex-direction:column;flex:1;gap:16px;min-height:0;padding:18px;display:flex;overflow-y:auto}.panel-demo .panel-name{letter-spacing:-.4px;font-size:19px;font-weight:650}.panel-demo .panel-email{color:var(--panel-muted);margin-top:3px;font-size:12px}.panel-demo .panel-owner{border:1px solid var(--panel-line);border-radius:var(--panel-radius);align-items:center;gap:10px;padding:10px 12px;display:flex}.panel-demo .panel-avatar{background:var(--panel-hover);width:30px;height:30px;color:var(--panel-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.panel-demo .panel-avatar[data-tone=sage]{color:#14532d;background:#dcefe2}.panel-demo .panel-avatar[data-tone=amber]{color:#78350f;background:#fde9c8}.panel-demo .panel-avatar[data-tone=rose]{color:#881337;background:#fbdce1}.panel-demo .panel-avatar[data-tone=stone]{color:#292524;background:#e7e5e4}.panel-demo .panel-owner-name{font-size:12px;font-weight:650}.panel-demo .panel-owner-role{color:var(--panel-muted);margin-top:2px;font-size:11px}.panel-demo .panel-ai{border:1px solid color-mix(in srgb, var(--panel-accent) 30%, var(--panel-line));border-radius:var(--panel-radius);background:color-mix(in srgb, var(--panel-accent) 6%, var(--panel-surface));padding:12px 14px}.panel-demo .panel-ai-title{color:var(--panel-accent);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.panel-demo .panel-ai-text{color:var(--panel-muted);margin-top:6px;font-size:12px;line-height:1.6}.panel-demo .panel-fields>div{border-top:1px solid var(--panel-line);grid-template-columns:100px minmax(0,1fr);gap:10px;padding:8px 0;font-size:12px;display:grid}.panel-demo .panel-fields>div:first-child{border-top:0}.panel-demo .panel-fields dt{color:var(--panel-muted)}.panel-demo .panel-fields dd{overflow-wrap:anywhere;margin:0}.panel-demo .panel-badge{text-transform:capitalize;border-radius:999px;align-items:center;padding:2px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.panel-demo .panel-badge-active{color:#15803d;background:#15803d2e}.panel-demo .panel-badge-new{color:#2563eb;background:#2563eb2e}.panel-demo .panel-badge-cold{background:color-mix(in srgb, var(--panel-muted) 22%, transparent);color:var(--panel-muted)}.panel-demo .panel-tabs{background:var(--panel-hover);border-radius:999px;gap:4px;width:fit-content;padding:3px;display:flex}.panel-demo .panel-tab{color:var(--panel-muted);background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:11.5px;font-weight:650}.panel-demo .panel-tab[aria-selected=true]{background:var(--panel-surface);color:var(--panel-ink);box-shadow:0 1px 2px #00000014}.panel-demo .panel-empty{color:var(--panel-muted);text-align:center;padding:18px 0;font-size:12px}.panel-demo .panel-timeline{flex-direction:column;padding:0;list-style:none;display:flex}.panel-demo .panel-timeline li{gap:12px;padding-bottom:18px;display:flex;position:relative}.panel-demo .panel-timeline li:last-child{padding-bottom:0}.panel-demo .panel-timeline li:not(:last-child):before{content:"";background:var(--panel-line);width:1px;position:absolute;top:26px;bottom:0;left:12.5px}.panel-demo .panel-timeline-icon{background:var(--panel-hover);width:26px;height:26px;color:var(--panel-ink);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.panel-demo .panel-timeline-title{font-size:12.5px;font-weight:650}.panel-demo .panel-timeline-desc{color:var(--panel-muted);margin-top:3px;font-size:11.5px;line-height:1.6}.panel-demo .panel-timeline-time{color:var(--panel-muted);margin-top:4px;font-size:10.5px}.panel-demo .panel-footer{border-top:1px solid var(--panel-line);padding:14px 18px}.panel-demo .panel-cta{border:1px solid var(--panel-line);border-radius:var(--panel-radius);background:var(--panel-accent);width:100%;min-height:42px;color:var(--panel-accent-ink);justify-content:center;align-items:center;gap:8px;font-size:12.5px;font-weight:650;display:flex}.panel-demo .panel-cta:hover:not(:disabled){filter:brightness(.94)}.panel-demo .panel-cta:disabled{opacity:.7;cursor:default}@media (max-width:640px){.panel-demo .panel-shell{grid-template-columns:1fr;height:auto}.panel-demo .panel-list{border-right:0;border-bottom:1px solid var(--panel-line);max-height:200px}.panel-demo .panel-detail{min-height:420px}}@media (max-width:480px){.panel-demo{padding:18px 12px}}
.ed-demo.demo-root{--ed-ink:var(--foreground,#0a0a0a);--ed-muted:var(--muted-foreground,#737373);--ed-line:var(--border,#e5e5e5);--ed-accent:var(--primary,#0a0a0a);--ed-accent-ink:var(--primary-foreground,#fff);--ed-surface:var(--card,#fff);--ed-hover:var(--muted,#f5f5f5);--ed-ring:var(--ring,#0a0a0a);--ed-radius:var(--radius,10px);background:var(--background,#fff);color:var(--ed-ink);padding:24px}.ed-demo *,.ed-demo :before,.ed-demo :after{box-sizing:border-box}.ed-demo h2,.ed-demo p{margin:0}.ed-demo button,.ed-demo select{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}.ed-demo :focus-visible{outline:2px solid var(--ed-ring);outline-offset:2px}.ed-demo .ed-heading{gap:10px;display:grid}.ed-demo .ed-eyebrow{color:var(--ed-muted);letter-spacing:1.4px;font-size:10px;font-weight:650}.ed-demo .ed-title{letter-spacing:-.7px;font-size:clamp(21px,3vw,26px);font-weight:600;line-height:1.25}.ed-demo .ed-hint{color:var(--ed-muted);max-width:640px;font-size:12px}.ed-demo .ed-status{min-height:18px;color:var(--ed-muted);margin-top:14px;font-size:11px}.ed-demo .ed-shell{border:1px solid var(--ed-line);border-radius:var(--ed-radius);background:var(--ed-surface);max-width:760px;margin-top:12px;overflow:hidden}.ed-demo .ed-toolbar{border-bottom:1px solid var(--ed-line);background:var(--ed-surface);flex-wrap:wrap;align-items:center;gap:2px;padding:6px 8px;display:flex}.ed-demo .ed-tb-group{display:inline-flex;position:relative}.ed-demo .ed-tb-button{border-radius:calc(var(--ed-radius) * .7);min-width:30px;height:30px;color:var(--ed-muted);background:0 0;border:0;justify-content:center;align-items:center;gap:2px;padding:0 6px;display:inline-flex}.ed-demo .ed-tb-button:hover{background:var(--ed-hover);color:var(--ed-ink)}.ed-demo .ed-tb-button[aria-pressed=true]{background:var(--ed-hover);color:var(--ed-accent)}.ed-demo .ed-tb-button:disabled{opacity:.45;cursor:default}.ed-demo .ed-tb-glyph{font-size:13px;font-weight:700;line-height:1}.ed-demo .ed-tb-glyph[data-mark=b]{font-weight:800}.ed-demo .ed-tb-glyph[data-mark=i]{font-family:Georgia,Times New Roman,serif;font-style:italic}.ed-demo .ed-tb-glyph[data-mark=u]{text-decoration:underline}.ed-demo .ed-tb-glyph[data-mark=s]{text-decoration:line-through}.ed-demo .ed-tb-select{border-radius:calc(var(--ed-radius) * .7);height:30px;color:var(--ed-ink);background:0 0;border:0;padding:0 8px;font-size:12px}.ed-demo .ed-tb-select:hover{background:var(--ed-hover)}.ed-demo .ed-tb-divider{background:var(--ed-line);width:1px;height:18px;margin:0 4px}.ed-demo .ed-tb-block{border-radius:calc(var(--ed-radius) * .7);background:var(--ed-hover);color:var(--ed-muted);letter-spacing:.2px;white-space:nowrap;margin-left:auto;padding:3px 9px;font-size:10px;font-weight:650}.ed-demo .ed-menu{z-index:20;border:1px solid var(--ed-line);border-radius:calc(var(--ed-radius) * .8);background:var(--popover,var(--ed-surface));min-width:150px;color:var(--popover-foreground,var(--ed-ink));padding:4px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 16px 44px #00000040}.ed-demo .ed-menu-item{border-radius:calc(var(--ed-radius) * .6);text-align:left;background:0 0;border:0;width:100%;padding:7px 10px;font-size:12px;display:block}.ed-demo .ed-menu-item:hover{background:var(--ed-hover)}.ed-demo .ed-content{min-height:180px;color:var(--ed-ink);outline:none;padding:18px 20px;font-size:14px;line-height:1.65}.ed-demo .ed-content[data-is-empty=true]:before{content:attr(data-placeholder);color:var(--ed-muted);pointer-events:none}.ed-demo .ed-content b,.ed-demo .ed-content strong{font-weight:700}.ed-demo .ed-content i,.ed-demo .ed-content em{font-style:italic}.ed-demo .ed-content u{text-decoration:underline}.ed-demo .ed-content s,.ed-demo .ed-content strike{text-decoration:line-through}.ed-demo .ed-content code{background:var(--ed-hover);color:var(--ed-ink);font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);border-radius:5px;padding:1px 6px;font-size:12.5px}.ed-demo .ed-content h1,.ed-demo .ed-content h2,.ed-demo .ed-content h3{margin:.6em 0 .3em;font-weight:700;line-height:1.3}.ed-demo .ed-content h1{font-size:1.5em}.ed-demo .ed-content h2{font-size:1.25em}.ed-demo .ed-content h3{font-size:1.1em}.ed-demo .ed-content blockquote{border-left:3px solid var(--ed-accent);color:var(--ed-muted);margin:.6em 0;padding:4px 14px}.ed-demo .ed-content pre{border-radius:calc(var(--ed-radius) * .8);background:var(--ed-hover);font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);margin:.6em 0;padding:12px 14px;font-size:12.5px;overflow-x:auto}.ed-demo .ed-content ul,.ed-demo .ed-content ol{margin:.4em 0;padding-left:22px}.ed-demo .ed-content li{margin:.15em 0}.ed-demo .ed-content p+p{margin-top:.5em}.ed-demo .ed-footnote{color:var(--ed-muted);margin-top:10px;font-size:10px}@media (max-width:640px){.ed-demo.demo-root{padding:18px 12px}.ed-demo .ed-tb-block{display:none}.ed-demo .ed-content{padding:14px}}
.ec-root{background:var(--background);color:var(--foreground);font-family:var(--font-family);border:var(--border-width) solid var(--border);border-radius:var(--radius);box-sizing:border-box;flex-direction:column;gap:10px;height:100%;min-height:0;padding:14px;display:flex;font-size:13px!important}.ec-root *{box-sizing:border-box}:is(.ec-root,.ec-popover) .ec-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}:is(.ec-root,.ec-popover) .ec-toolbar-nav{align-items:center;gap:6px;display:flex}:is(.ec-root,.ec-popover) .ec-toolbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}:is(.ec-root,.ec-popover) .ec-title{letter-spacing:-.2px;white-space:nowrap;align-items:center;gap:8px;margin:0 0 0 6px;font-size:14px;font-weight:600;display:flex}:is(.ec-root,.ec-popover) .ec-title svg{color:var(--muted-foreground)}:is(.ec-root,.ec-popover) .ec-btn-ghost,:is(.ec-root,.ec-popover) .ec-icon-btn,:is(.ec-root,.ec-popover) .ec-btn-primary,:is(.ec-root,.ec-popover) .ec-btn-danger{border:var(--border-width) solid var(--border);border-radius:min(var(--radius), .5rem);background:var(--card);color:var(--foreground);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:6px;height:30px;padding:6px 10px;font-size:12px;display:inline-flex}:is(.ec-root,.ec-popover) .ec-icon-btn{width:30px;padding:6px}:is(.ec-root,.ec-popover) .ec-btn-ghost:hover,:is(.ec-root,.ec-popover) .ec-icon-btn:hover{background:var(--muted)}:is(.ec-root,.ec-popover) .ec-icon-btn[aria-pressed=true]{background:var(--accent);color:var(--accent-foreground);border-color:var(--accent)}:is(.ec-root,.ec-popover) .ec-btn-primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary);font-weight:600}:is(.ec-root,.ec-popover) .ec-btn-primary:hover{filter:brightness(.94)}:is(.ec-root,.ec-popover) .ec-btn-danger{color:var(--destructive,#e5484d);border-color:var(--destructive,#e5484d);background:0 0}:is(.ec-root,.ec-popover) .ec-btn-danger:hover{background:var(--destructive,#e5484d);color:#fff}:is(.ec-root,.ec-popover) .ec-btn-new{padding:6px 12px}:is(.ec-root,.ec-popover) .ec-switcher{border:var(--border-width) solid var(--border);border-radius:min(var(--radius), .5rem);display:flex;overflow:hidden}:is(.ec-root,.ec-popover) .ec-switcher button{background:var(--card);color:var(--muted-foreground);font:inherit;cursor:pointer;border:0;border-left:var(--border-width) solid var(--border);padding:6px 10px;font-size:11.5px}:is(.ec-root,.ec-popover) .ec-switcher button:first-child{border-left:0}:is(.ec-root,.ec-popover) .ec-switcher button:hover{background:var(--muted);color:var(--foreground)}:is(.ec-root,.ec-popover) .ec-switcher button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground)}:is(.ec-root,.ec-popover) .ec-status{min-height:14px;color:var(--muted-foreground);margin:0;font-size:11px}:is(.ec-root,.ec-popover) .ec-body{border:var(--border-width) solid var(--border);border-radius:min(var(--radius), .5rem);background:var(--card);scrollbar-width:thin;scrollbar-color:var(--muted-foreground) transparent;flex:1;min-height:0;overflow:auto}:is(.ec-root,.ec-popover) .ec-chip{background:color-mix(in srgb, var(--ec-color) 16%, var(--card));width:100%;max-width:100%;color:var(--foreground);font:inherit;cursor:grab;text-align:left;border:0;border-radius:5px;align-items:center;gap:5px;padding:3px 6px;font-size:10.5px;line-height:1.3;display:flex;overflow:hidden}:is(.ec-root,.ec-popover) .ec-chip:hover{background:color-mix(in srgb, var(--ec-color) 26%, var(--card))}:is(.ec-root,.ec-popover) .ec-chip:active{cursor:grabbing}:is(.ec-root,.ec-popover) .ec-chip-dense{padding:2px 5px}:is(.ec-root,.ec-popover) .ec-chip-dot{background:var(--ec-color);border-radius:50%;flex:none;width:6px;height:6px}:is(.ec-root,.ec-popover) .ec-chip-time{color:var(--muted-foreground);font-variant-numeric:tabular-nums;flex:none}:is(.ec-root,.ec-popover) .ec-chip-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}:is(.ec-root,.ec-popover) .ec-month{flex-direction:column;height:100%;display:flex}:is(.ec-root,.ec-popover) .ec-month-weekdays{border-bottom:var(--border-width) solid var(--border);grid-template-columns:repeat(7,1fr);display:grid}:is(.ec-root,.ec-popover) .ec-month-weekdays span{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);padding:6px 8px;font-size:10px;font-weight:700}:is(.ec-root,.ec-popover) .ec-month-grid{flex-direction:column;flex:1;display:flex}:is(.ec-root,.ec-popover) .ec-month-row{border-bottom:var(--border-width) solid var(--border);flex:1;grid-template-columns:repeat(7,1fr);min-height:104px;display:grid;position:relative;overflow:hidden}:is(.ec-root,.ec-popover) .ec-month-row:last-child{border-bottom:0}:is(.ec-root,.ec-popover) .ec-month-cell{border:0;border-left:var(--border-width) solid var(--border);color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;flex-direction:column;align-items:flex-start;padding:4px;display:flex}:is(.ec-root,.ec-popover) .ec-month-cell:first-child{border-left:0}:is(.ec-root,.ec-popover) .ec-month-cell:hover{background:var(--muted)}:is(.ec-root,.ec-popover) .ec-month-cell[data-outside]{color:var(--muted-foreground);background:color-mix(in srgb, var(--muted) 45%, transparent)}:is(.ec-root,.ec-popover) .ec-month-cell[data-drop-active]{outline:2px dashed var(--ring);outline-offset:-2px}:is(.ec-root,.ec-popover) .ec-month-date{font-size:11px;font-weight:600}:is(.ec-root,.ec-popover) .ec-month-cell[data-today] .ec-month-date{background:var(--primary);width:18px;height:18px;color:var(--primary-foreground);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}:is(.ec-root,.ec-popover) .ec-month-bars{pointer-events:none;grid-template-columns:repeat(7,1fr);grid-auto-rows:20px;gap:1px 0;padding:0 3px;display:grid;position:absolute;inset:19px 0 0}:is(.ec-root,.ec-popover) .ec-month-bar-slot{pointer-events:auto;border-radius:4px;min-width:0;padding:0 2px}:is(.ec-root,.ec-popover) .ec-month-bar-slot[data-drop-active]{outline:2px dashed var(--ring);outline-offset:-1px}:is(.ec-root,.ec-popover) .ec-month-more{pointer-events:auto;color:var(--muted-foreground);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0 5px;font-size:10px}:is(.ec-root,.ec-popover) .ec-month-more:hover{color:var(--primary);text-decoration:underline}:is(.ec-root,.ec-popover) .ec-timegrid{--ec-gutter:52px;flex-direction:column;height:100%;display:flex}:is(.ec-root,.ec-popover) .ec-timegrid-head,:is(.ec-root,.ec-popover) .ec-timegrid-allday{grid-template-columns:var(--ec-gutter) repeat(var(--ec-cols), 1fr);border-bottom:var(--border-width) solid var(--border);display:grid}:is(.ec-root,.ec-popover) .ec-timegrid-gutter{color:var(--muted-foreground);justify-content:flex-end;align-items:center;padding:4px 6px;font-size:9px;display:flex}:is(.ec-root,.ec-popover) .ec-timegrid-day-head{text-align:center;border-left:var(--border-width) solid var(--border);padding:6px 4px}:is(.ec-root,.ec-popover) .ec-timegrid-day-head[data-today]{background:color-mix(in srgb, var(--primary) 10%, transparent)}:is(.ec-root,.ec-popover) .ec-timegrid-weekday{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);font-size:9px;font-weight:700;display:block}:is(.ec-root,.ec-popover) .ec-timegrid-daynum{font-size:13px;font-weight:600;display:block}:is(.ec-root,.ec-popover) .ec-timegrid-allday-cell{border-left:var(--border-width) solid var(--border);cursor:pointer;flex-direction:column;gap:2px;min-height:26px;padding:2px 3px;display:flex}:is(.ec-root,.ec-popover) .ec-timegrid-allday-cell:hover{background:var(--muted)}:is(.ec-root,.ec-popover) .ec-timegrid-scroll{flex:1;min-height:0;overflow:auto}:is(.ec-root,.ec-popover) .ec-timegrid-sticky{z-index:5;background:var(--card);position:sticky;top:0}:is(.ec-root,.ec-popover) .ec-timegrid-body{grid-template-columns:var(--ec-gutter) repeat(var(--ec-cols), 1fr);display:grid;position:relative}:is(.ec-root,.ec-popover) .ec-timegrid-hours{position:relative}:is(.ec-root,.ec-popover) .ec-timegrid-hour{color:var(--muted-foreground);text-align:right;border-top:var(--border-width) solid var(--border);padding:0 6px;font-size:9px}:is(.ec-root,.ec-popover) .ec-timegrid-col{border-left:var(--border-width) solid var(--border);cursor:pointer;position:relative}:is(.ec-root,.ec-popover) .ec-timegrid-col[data-today]{background:color-mix(in srgb, var(--primary) 5%, transparent)}:is(.ec-root,.ec-popover) .ec-timegrid-col[data-drop-active]{outline:2px dashed var(--ring);outline-offset:-2px}:is(.ec-root,.ec-popover) .ec-timegrid-gridline{border-top:var(--border-width) solid var(--border);pointer-events:none;position:absolute;left:0;right:0}:is(.ec-root,.ec-popover) .ec-timegrid-now{background:var(--destructive,#e5484d);pointer-events:none;height:2px;position:absolute;left:0;right:0}:is(.ec-root,.ec-popover) .ec-timegrid-now:before{content:"";background:var(--destructive,#e5484d);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:-3px}:is(.ec-root,.ec-popover) .ec-timegrid-event{background:color-mix(in srgb, var(--ec-color) 20%, var(--card));border:1px solid color-mix(in srgb, var(--ec-color) 55%, transparent);cursor:grab;border-radius:5px;flex-direction:column;gap:1px;padding:3px 6px;display:flex;position:absolute;overflow:hidden}:is(.ec-root,.ec-popover) .ec-timegrid-event:active{cursor:grabbing}:is(.ec-root,.ec-popover) .ec-timegrid-event.compact{justify-content:center}:is(.ec-root,.ec-popover) .ec-timegrid-event-line{align-items:center;gap:4px;min-height:0;font-size:10.5px;display:flex;overflow:hidden}:is(.ec-root,.ec-popover) .ec-timegrid-event-line .ec-timegrid-event-time{flex-shrink:0}:is(.ec-root,.ec-popover) .ec-timegrid-event-title{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;min-width:0;font-size:10.5px;font-weight:600;overflow:hidden}:is(.ec-root,.ec-popover) .ec-timegrid-event-line .ec-timegrid-event-title{flex-shrink:1}:is(.ec-root,.ec-popover) .ec-timegrid-event-time{color:var(--muted-foreground);flex-shrink:0;font-size:9px}:is(.ec-root,.ec-popover) .ec-timegrid-resize{cursor:ns-resize;height:6px;position:absolute;bottom:0;left:0;right:0}:is(.ec-root,.ec-popover) .ec-agenda{padding:8px 4px}:is(.ec-root,.ec-popover) .ec-agenda-empty{text-align:center;color:var(--muted-foreground);padding:32px 12px;font-size:12px}:is(.ec-root,.ec-popover) .ec-agenda-day{margin-bottom:10px}:is(.ec-root,.ec-popover) .ec-agenda-day-head{letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground);padding:4px 10px;font-size:10.5px;font-weight:700}:is(.ec-root,.ec-popover) .ec-agenda-day ul{margin:0;padding:0;list-style:none}:is(.ec-root,.ec-popover) .ec-agenda-day li button{width:100%;color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;display:flex}:is(.ec-root,.ec-popover) .ec-agenda-day li button:hover{background:var(--muted)}:is(.ec-root,.ec-popover) .ec-agenda-time{width:52px;color:var(--muted-foreground);font-variant-numeric:tabular-nums;flex:none;font-size:10.5px}:is(.ec-root,.ec-popover) .ec-agenda-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:500;overflow:hidden}:is(.ec-root,.ec-popover) .ec-agenda-resource{color:var(--muted-foreground);background:var(--muted);border-radius:4px;flex:none;padding:2px 6px;font-size:10px}:is(.ec-root,.ec-popover) .ec-resource{flex-direction:column;display:flex}:is(.ec-root,.ec-popover) .ec-resource-head,:is(.ec-root,.ec-popover) .ec-resource-row{grid-template-columns:120px repeat(var(--ec-cols), 1fr);display:grid}:is(.ec-root,.ec-popover) .ec-resource-head{border-bottom:var(--border-width) solid var(--border);background:var(--card);z-index:1;position:sticky;top:0}:is(.ec-root,.ec-popover) .ec-resource-gutter,:is(.ec-root,.ec-popover) .ec-resource-day-head{letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground);border-left:var(--border-width) solid var(--border);padding:6px 8px;font-size:10px;font-weight:700}:is(.ec-root,.ec-popover) .ec-resource-gutter{border-left:0}:is(.ec-root,.ec-popover) .ec-resource-row{border-bottom:var(--border-width) solid var(--border)}:is(.ec-root,.ec-popover) .ec-resource-name{align-items:center;padding:8px;font-size:11.5px;font-weight:600;display:flex}:is(.ec-root,.ec-popover) .ec-resource-cell{border-left:var(--border-width) solid var(--border);cursor:pointer;flex-direction:column;gap:2px;min-height:46px;padding:4px;display:flex}:is(.ec-root,.ec-popover) .ec-resource-cell:hover{background:var(--muted)}:is(.ec-root,.ec-popover) .ec-resource-cell[data-drop-active]{outline:2px dashed var(--ring);outline-offset:-2px}.ec-popover{width:min(320px,100vw - 32px);max-height:min(560px, var(--radix-popover-content-available-height,560px));background:var(--popover);color:var(--popover-foreground);border:var(--border-width) solid var(--border);border-radius:var(--radius);z-index:50;font-family:var(--font-family);scrollbar-width:thin;scrollbar-color:var(--muted-foreground) transparent;padding:14px;overflow:auto;box-shadow:0 16px 48px #0005;font-size:13px!important}:is(.ec-root,.ec-popover) .ec-form{flex-direction:column;gap:10px;display:flex}:is(.ec-root,.ec-popover) .ec-field{color:var(--muted-foreground);flex-direction:column;gap:4px;font-size:11px;display:flex}:is(.ec-root,.ec-popover) .ec-field input[type=text],:is(.ec-root,.ec-popover) .ec-field input:not([type]),:is(.ec-root,.ec-popover) .ec-field input[type=date],:is(.ec-root,.ec-popover) .ec-field input[type=time],:is(.ec-root,.ec-popover) .ec-field input[type=number],:is(.ec-root,.ec-popover) .ec-field select{font:inherit;color:var(--foreground);background:var(--card);border:var(--border-width) solid var(--input,var(--border));border-radius:min(var(--radius), .375rem);height:32px;padding:6px 8px;font-size:12.5px}:is(.ec-root,.ec-popover) .ec-field input:focus-visible,:is(.ec-root,.ec-popover) .ec-field select:focus-visible{outline:2px solid var(--ring);outline-offset:1px}:is(.ec-root,.ec-popover) .ec-field-inline{flex-direction:row;align-items:center;gap:6px}:is(.ec-root,.ec-popover) .ec-field-inline input[type=checkbox]{accent-color:var(--primary)}:is(.ec-root,.ec-popover) .ec-field-row{gap:8px;display:flex}:is(.ec-root,.ec-popover) .ec-field-row .ec-field{flex:1}:is(.ec-root,.ec-popover) .ec-field-narrow{flex:0 0 92px}:is(.ec-root,.ec-popover) .ec-swatches{gap:6px;display:flex}:is(.ec-root,.ec-popover) .ec-swatch{background:var(--ec-color);color:#fff;cursor:pointer;border:2px solid #0000;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;display:grid}:is(.ec-root,.ec-popover) .ec-swatch[aria-checked=true]{border-color:var(--ring)}:is(.ec-root,.ec-popover) .ec-scope{border:var(--border-width) solid var(--border);border-radius:min(var(--radius), .5rem);display:flex;overflow:hidden}:is(.ec-root,.ec-popover) .ec-scope button{border:0;border-left:var(--border-width) solid var(--border);background:var(--card);color:var(--muted-foreground);font:inherit;cursor:pointer;flex:1;padding:6px 4px;font-size:10px}:is(.ec-root,.ec-popover) .ec-scope button:first-child{border-left:0}:is(.ec-root,.ec-popover) .ec-scope button[aria-pressed=true]{background:var(--accent);color:var(--accent-foreground)}:is(.ec-root,.ec-popover) .ec-form-actions{align-items:center;gap:8px;margin-top:2px;display:flex}:is(.ec-root,.ec-popover) .ec-form-spacer{flex:1}@media (max-width:640px){:is(.ec-root,.ec-popover) .ec-toolbar{flex-direction:column;align-items:stretch}:is(.ec-root,.ec-popover) .ec-toolbar-nav,:is(.ec-root,.ec-popover) .ec-toolbar-actions{justify-content:space-between}:is(.ec-root,.ec-popover) .ec-timegrid{--ec-gutter:40px}:is(.ec-root,.ec-popover) .ec-resource-head,:is(.ec-root,.ec-popover) .ec-resource-row{grid-template-columns:84px repeat(var(--ec-cols), minmax(60px, 1fr))}}@media (prefers-reduced-motion:reduce){.ec-root *{transition:none!important}}