:root{--bb-font-sans: Vazirmatn, IRANSans, Tahoma, Arial, sans-serif;--bb-radius-sm: .5rem;--bb-radius-md: .875rem;--bb-radius-lg: 1.25rem;--bb-radius-xl: 1.75rem;--bb-space-1: .25rem;--bb-space-2: .5rem;--bb-space-3: .75rem;--bb-space-4: 1rem;--bb-space-5: 1.25rem;--bb-space-6: 1.5rem;--bb-space-8: 2rem;--bb-space-10: 2.5rem;--bb-space-12: 3rem;--bb-shadow-sm: 0 8px 24px rgb(15 23 42 / 8%);--bb-shadow-md: 0 18px 60px rgb(15 23 42 / 14%);--bb-primary: #2aabee;--bb-primary-strong: #168acd;--bb-accent: #ffcc66;--bb-danger: #ff6b6b;--bb-success: #7fd88f}:root,[data-theme=light]{color-scheme:light;--bb-bg: #f6f8fb;--bb-bg-soft: #eef4fb;--bb-surface: #ffffff;--bb-surface-raised: #ffffff;--bb-border: #d9e2ec;--bb-text: #182230;--bb-text-muted: #667085;--bb-text-soft: #8a98aa;--bb-focus: #2aabee}[data-theme=dark]{color-scheme:dark;--bb-bg: #0f141f;--bb-bg-soft: #151b29;--bb-surface: #1f2430;--bb-surface-raised: #252b38;--bb-border: #343d4f;--bb-text: #f4f7fb;--bb-text-muted: #b5c0d0;--bb-text-soft: #8792a4;--bb-focus: #2aabee}*{box-sizing:border-box}html{min-height:100%;background:var(--bb-bg);color:var(--bb-text);font-family:var(--bb-font-sans)}body{min-height:100%;margin:0;background:radial-gradient(circle at top right,color-mix(in srgb,var(--bb-primary) 18%,transparent),transparent 28rem),var(--bb-bg);color:var(--bb-text)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}::selection{background:color-mix(in srgb,var(--bb-primary) 28%,transparent)}:root{direction:rtl}[dir=rtl]{text-align:right}[dir=ltr]{text-align:left}h1,h2,h3,p{margin-block-start:0}h1,.bb-heading-xl{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.1;letter-spacing:-.04em}h2,.bb-heading-lg{font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.2}p,.bb-body{color:var(--bb-text-muted);font-size:1rem;line-height:1.9}.bb-kicker{color:var(--bb-primary);font-size:.9rem;font-weight:700}.bb-button{align-items:center;border:1px solid transparent;border-radius:var(--bb-radius-md);cursor:pointer;display:inline-flex;font-weight:700;gap:var(--bb-space-2);justify-content:center;min-height:2.75rem;padding:0 var(--bb-space-5);transition:background .16s ease,border-color .16s ease,color .16s ease}.bb-button:focus-visible,.bb-input:focus-visible{outline:3px solid color-mix(in srgb,var(--bb-focus) 35%,transparent);outline-offset:2px}.bb-button--primary{background:var(--bb-primary);color:var(--bb-surface)}.bb-button--secondary{background:var(--bb-surface);border-color:var(--bb-border);color:var(--bb-text)}.bb-input{background:var(--bb-surface);border:1px solid var(--bb-border);border-radius:var(--bb-radius-md);color:var(--bb-text);min-height:2.75rem;padding:0 var(--bb-space-4);width:100%}.bb-card,.bb-panel{background:var(--bb-surface);border:1px solid var(--bb-border);border-radius:var(--bb-radius-lg);box-shadow:var(--bb-shadow-sm)}.bb-card{padding:var(--bb-space-6)}.bb-panel{padding:var(--bb-space-8)}.bb-badge{align-items:center;background:color-mix(in srgb,var(--bb-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--bb-primary) 24%,transparent);border-radius:999px;color:var(--bb-primary);display:inline-flex;font-size:.85rem;font-weight:700;min-height:1.75rem;padding:0 var(--bb-space-3)}.react-flow{direction:ltr;--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: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--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: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--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: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--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 rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.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: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--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: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--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: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--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 rgba(0, 0, 0, .08);--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{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.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{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.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;-moz-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:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-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}.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:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;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%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;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{position:absolute;z-index:5;margin:15px}.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{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.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{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;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))}.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{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.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-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.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))}#root{min-height:100vh}body{overflow:hidden}button{font:inherit}.panel-content{scrollbar-color:color-mix(in srgb,var(--bb-text-soft) 38%,transparent) transparent;scrollbar-width:thin}.panel-content::-webkit-scrollbar{block-size:.3rem;inline-size:.3rem}.panel-content::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--bb-text-soft) 32%,transparent);border-radius:999px}.panel-content::-webkit-scrollbar-track{background:transparent}.panel-shell{background:radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--bb-primary) 10%,transparent),transparent 28rem),var(--bb-bg);color:var(--bb-text);direction:rtl;display:grid;height:100vh;grid-template-columns:17rem minmax(0,1fr);min-height:100vh;overflow:hidden}.panel-shell.is-sidebar-collapsed{grid-template-columns:5.25rem minmax(0,1fr)}.panel-sidebar{background:color-mix(in srgb,var(--bb-surface) 92%,transparent);border-inline-end:1px solid var(--bb-border);display:flex;flex-direction:column;gap:var(--bb-space-6);min-height:100vh;min-width:0;overflow:visible;padding:var(--bb-space-5);position:relative}.panel-brand{align-items:center;display:flex;gap:var(--bb-space-3);min-height:3rem;position:relative;padding-inline:var(--bb-space-3)}.panel-brand__mark,.panel-nav__icon{align-items:center;background:color-mix(in srgb,var(--bb-primary) 14%,var(--bb-surface));border:1px solid color-mix(in srgb,var(--bb-primary) 20%,var(--bb-border));border-radius:var(--bb-radius-md);color:var(--bb-primary);display:inline-flex;flex:0 0 auto;font-weight:900;justify-content:center}.panel-brand__mark{block-size:2.75rem;inline-size:2.75rem;padding:.25rem}.panel-brand strong,.panel-brand span{display:block}.panel-brand strong{letter-spacing:.08em}.panel-brand span{color:var(--bb-text-muted);font-size:.84rem}.panel-sidebar__toggle{align-items:center;background:var(--bb-surface);border:1px solid var(--bb-border);border-radius:999px;color:var(--bb-text);cursor:pointer;display:inline-flex;font-weight:900;block-size:2.25rem;inline-size:2.25rem;inset-block-end:var(--bb-space-8);inset-inline-end:-1.125rem;justify-content:center;position:absolute;z-index:10}.panel-nav{display:grid;gap:var(--bb-space-2)}.panel-nav__item{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--bb-radius-md);color:var(--bb-text-muted);cursor:pointer;display:flex;gap:var(--bb-space-3);min-height:2.75rem;padding:0 var(--bb-space-3);text-align:start;transition:background .16s ease,border-color .16s ease,color .16s ease}.panel-nav__item:hover:not(:disabled),.panel-nav__item[aria-current=page]{background:color-mix(in srgb,var(--bb-primary) 10%,var(--bb-surface));border-color:color-mix(in srgb,var(--bb-primary) 20%,var(--bb-border));color:var(--bb-text)}.panel-nav__item:disabled{cursor:not-allowed;opacity:.58}.panel-nav__icon{block-size:2rem;inline-size:2rem}.is-sidebar-collapsed .panel-sidebar{align-items:center;padding-inline:var(--bb-space-4)}.is-sidebar-collapsed .panel-brand{justify-content:center;padding-inline:0}.is-sidebar-collapsed .panel-nav__item{justify-content:center;padding-inline:var(--bb-space-2)}.panel-workspace{display:grid;grid-template-rows:auto minmax(0,1fr);height:100vh;min-width:0;min-height:0}.panel-topbar{align-items:center;background:color-mix(in srgb,var(--bb-bg) 80%,transparent);border-block-end:1px solid var(--bb-border);display:flex;gap:var(--bb-space-4);justify-content:space-between;padding:var(--bb-space-4) var(--bb-space-6)}.panel-shell.is-canvas-mode .panel-topbar{min-height:4.25rem;padding:var(--bb-space-3) var(--bb-space-5)}.panel-topbar__title{align-items:center;display:flex;gap:var(--bb-space-4);min-width:0}.panel-topbar h1,.dashboard-hero h2{font-size:clamp(1.35rem,2vw,2rem);margin:0}.panel-shell.is-canvas-mode .panel-topbar h1{font-size:1.2rem}.panel-topbar p,.dashboard-hero p{color:var(--bb-text-muted);margin:var(--bb-space-1) 0 0}.panel-icon-button,.panel-theme-toggle,.canvas-toolbar button{align-items:center;background:var(--bb-surface);border:1px solid var(--bb-border);border-radius:var(--bb-radius-md);color:var(--bb-text);cursor:pointer;display:inline-flex;font-weight:800;justify-content:center;transition:background .16s ease,border-color .16s ease,transform .16s ease}.panel-icon-button{block-size:2.5rem;inline-size:2.5rem}.panel-theme-toggle{gap:var(--bb-space-2);min-height:2.5rem;padding-inline:var(--bb-space-4)}.panel-theme-toggle--compact{block-size:2.35rem;inline-size:2.35rem;min-height:0;padding:0}.panel-icon-button:hover,.panel-theme-toggle:hover,.canvas-toolbar button:hover{background:var(--bb-surface-raised);border-color:color-mix(in srgb,var(--bb-primary) 28%,var(--bb-border))}.panel-content{height:100%;min-height:0;min-width:0;overflow:auto;padding:var(--bb-space-6)}.panel-shell.is-focus-mode{grid-template-columns:minmax(0,1fr)}.panel-shell.is-focus-mode .panel-sidebar,.panel-shell.is-focus-mode .panel-topbar{display:none}.panel-shell.is-focus-mode .panel-workspace{grid-template-rows:minmax(0,1fr)}.panel-shell.is-focus-mode .panel-content,.panel-shell.is-canvas-mode .panel-content{padding:var(--bb-space-3)}.dashboard-page,.workflow-page{display:grid;gap:var(--bb-space-6)}.workflow-page{gap:var(--bb-space-3);grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;position:relative}.workflow-page.is-workflow-focused{gap:var(--bb-space-4);grid-template-rows:minmax(0,1fr)}.dashboard-hero{align-items:center;display:flex;gap:var(--bb-space-4);justify-content:space-between}.dashboard-grid{display:grid;gap:var(--bb-space-4);grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{display:grid;gap:var(--bb-space-3)}.metric-card span,.dashboard-status-card span,.dashboard-tip-card span,.canvas-inspector__header span{color:var(--bb-text-muted);font-size:.9rem;font-weight:800}.metric-card strong{font-size:clamp(1.75rem,3vw,2.55rem)}.metric-card p,.dashboard-tip-card p,.canvas-inspector p{color:var(--bb-text-muted);margin:0}.dashboard-large-grid{display:grid;gap:var(--bb-space-4);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.dashboard-status-card,.dashboard-tip-card{display:grid;gap:var(--bb-space-5)}.dashboard-status-card strong{display:block;font-size:1.65rem;margin-block-start:var(--bb-space-2)}.dashboard-status-card dl,.canvas-inspector__list{display:grid;gap:var(--bb-space-3);margin:0}.dashboard-status-card dl{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-status-card div,.canvas-inspector__list div{display:grid;gap:var(--bb-space-1)}.dashboard-status-card dt,.canvas-inspector__list dt{color:var(--bb-text-soft);font-size:.84rem}.dashboard-status-card dd,.canvas-inspector__list dd{margin:0}.workflow-canvas-actionbar,.workflow-page__actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--bb-space-2)}.workflow-canvas-actionbar{background:color-mix(in srgb,var(--bb-surface) 90%,transparent);border:1px solid var(--bb-border);border-radius:var(--bb-radius-lg);box-shadow:var(--bb-shadow-sm);justify-content:flex-end;min-height:2.75rem;padding:var(--bb-space-2)}.panel-compact-button.bb-button{border-radius:var(--bb-radius-sm);font-size:.86rem;min-height:2rem;padding-inline:var(--bb-space-3)}.workflow-focus-bar{align-items:center;background:color-mix(in srgb,var(--bb-surface) 92%,transparent);border:1px solid var(--bb-border);border-radius:var(--bb-radius-lg);box-shadow:var(--bb-shadow-sm);display:flex;flex-wrap:wrap;gap:var(--bb-space-3);inset-block-start:var(--bb-space-4);inset-inline:var(--bb-space-4);justify-content:center;margin-inline:auto;max-inline-size:max-content;padding:var(--bb-space-3);position:absolute;z-index:20}.workflow-canvas-shell{display:grid;gap:var(--bb-space-4);grid-template-columns:minmax(0,1fr);min-height:0;height:100%;position:relative}.workflow-canvas-shell>*{min-height:0}.workflow-canvas-area{background:linear-gradient(color-mix(in srgb,var(--bb-border) 35%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--bb-border) 35%,transparent) 1px,transparent 1px),var(--bb-bg-soft);background-size:2rem 2rem;border:1px solid var(--bb-border);border-radius:var(--bb-radius-xl);box-shadow:var(--bb-shadow-sm);min-height:0;overflow:hidden}.workflow-canvas-area .react-flow{height:100%;min-height:0}.workflow-canvas-area .react-flow{font-family:var(--bb-font-sans)}.workflow-canvas-area .react-flow__controls,.workflow-canvas-area .react-flow__minimap{background:color-mix(in srgb,var(--bb-surface) 88%,transparent);border:1px solid var(--bb-border);border-radius:var(--bb-radius-md);box-shadow:var(--bb-shadow-sm);overflow:hidden}.workflow-canvas-area .react-flow__minimap{block-size:7rem;inline-size:10rem;opacity:.78}.workflow-canvas-area .react-flow__minimap-node{fill:var(--bb-text-soft);stroke:var(--bb-primary);stroke-width:2px}.workflow-canvas-area .react-flow__pane{cursor:default}.workflow-canvas-area .react-flow__controls-button{background:var(--bb-surface);border-color:var(--bb-border);color:var(--bb-text)}.workflow-canvas-area .react-flow__edge.selected .transition-edge{stroke:var(--bb-accent);stroke-width:3.25}.canvas-toolbar{background:color-mix(in srgb,var(--bb-surface) 92%,transparent);border:1px solid var(--bb-border);border-radius:var(--bb-radius-lg);box-shadow:var(--bb-shadow-sm);display:flex;gap:var(--bb-space-1);inset-block-start:var(--bb-space-4);inset-inline-start:var(--bb-space-4);padding:var(--bb-space-1);position:absolute;z-index:5}.canvas-toolbar button{block-size:2.25rem;border-radius:var(--bb-radius-sm);inline-size:2.25rem;padding:0}.canvas-toolbar button.is-active,.canvas-toolbar button[aria-pressed=true]{background:color-mix(in srgb,var(--bb-primary) 16%,var(--bb-surface));border-color:color-mix(in srgb,var(--bb-primary) 42%,var(--bb-border));color:var(--bb-primary)}.canvas-connect-hint{background:color-mix(in srgb,var(--bb-primary) 12%,var(--bb-surface));border:1px solid color-mix(in srgb,var(--bb-primary) 24%,var(--bb-border));border-radius:999px;box-shadow:var(--bb-shadow-sm);color:var(--bb-text);font-size:.86rem;font-weight:800;inset-block-start:var(--bb-space-4);inset-inline-start:14rem;padding:var(--bb-space-2) var(--bb-space-4);position:absolute;z-index:6}.workflow-canvas-shell.is-connect-mode .command-node__handle{opacity:1;box-shadow:0 0 0 6px color-mix(in srgb,var(--bb-primary) 22%,transparent);transform:scale(1.35)}.command-node{background:var(--bb-surface-raised);border:1px solid var(--bb-border);border-radius:var(--bb-radius-lg);box-shadow:var(--bb-shadow-sm);color:var(--bb-text);inline-size:20rem;padding:var(--bb-space-4);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;position:relative}.command-node:hover,.command-node.is-selected{border-color:color-mix(in srgb,var(--bb-primary) 42%,var(--bb-border));box-shadow:var(--bb-shadow-md)}.command-node--start{border-color:color-mix(in srgb,var(--bb-primary) 58%,var(--bb-border));box-shadow:0 18px 48px color-mix(in srgb,var(--bb-primary) 14%,transparent)}.command-node--input{border-color:color-mix(in srgb,var(--bb-accent) 48%,var(--bb-border))}.command-node--orphan{border-style:dashed}.command-node__top,.command-node__footer{align-items:start;display:flex;gap:var(--bb-space-3);justify-content:space-between}.command-node__delete{align-items:center;background:var(--bb-surface);border:1px solid var(--bb-border);border-radius:999px;color:var(--bb-text-muted);cursor:pointer;display:inline-flex;block-size:1.6rem;inline-size:1.6rem;inset-block-start:var(--bb-space-2);inset-inline-end:var(--bb-space-2);justify-content:center;opacity:.72;position:absolute;z-index:2}.command-node__delete:hover{border-color:color-mix(in srgb,var(--bb-danger) 50%,var(--bb-border));color:var(--bb-danger);opacity:1}.command-node__icon{align-items:center;background:color-mix(in srgb,var(--bb-primary) 10%,var(--bb-surface));border:1px solid color-mix(in srgb,var(--bb-primary) 18%,var(--bb-border));border-radius:var(--bb-radius-md);display:inline-flex;flex:0 0 auto;block-size:2.25rem;inline-size:2.25rem;justify-content:center}.command-node__title{flex:1;min-width:0;text-align:center}.command-node__template,.command-node__preview span{color:var(--bb-primary);display:block;font-size:.78rem;font-weight:900}.command-node h3{font-size:1.1rem;margin:var(--bb-space-1) 0 0}.command-node__title small{color:var(--bb-text-soft);display:block;font-size:.72rem;margin-block-start:var(--bb-space-1)}.command-node__description{color:var(--bb-text-muted);font-size:.9rem;margin:var(--bb-space-3) 0}.command-node__chips,.canvas-inspector__chips{display:flex;flex-wrap:wrap;gap:var(--bb-space-2)}.command-node__chips span,.transition-edge-label,.canvas-inspector__edges li{background:color-mix(in srgb,var(--bb-primary) 9%,var(--bb-surface));border:1px solid color-mix(in srgb,var(--bb-primary) 18%,var(--bb-border));border-radius:999px;color:var(--bb-text);font-size:.78rem;font-weight:800;padding:var(--bb-space-1) var(--bb-space-3)}.command-node__chips .command-node__warning{background:color-mix(in srgb,var(--bb-accent) 16%,var(--bb-surface));border-color:color-mix(in srgb,var(--bb-accent) 45%,var(--bb-border))}.command-node__preview{background:var(--bb-bg-soft);border:1px solid var(--bb-border);border-radius:var(--bb-radius-md);margin-block:var(--bb-space-3);padding:var(--bb-space-3)}.command-node__preview p{margin:var(--bb-space-2) 0 0}.command-node__footer{color:var(--bb-text-soft);font-size:.75rem}.command-node__handle{background:var(--bb-primary);border:2.5px solid var(--bb-surface);border-radius:50%;box-shadow:0 0 color-mix(in srgb,var(--bb-primary) 25%,transparent);height:11px;transition:box-shadow .15s ease;width:11px}.command-node__handle:hover{box-shadow:0 0 0 3px var(--bb-primary),0 0 0 5px color-mix(in srgb,var(--bb-primary) 28%,transparent)}.command-node__handle--left,.command-node__handle--source-left,.command-node__handle--right,.command-node__handle--source-right{inset-block-start:62%}.transition-edge{stroke:var(--bb-primary);stroke-width:2.5}.transition-edge-label{align-items:center;cursor:grab;display:inline-flex;gap:var(--bb-space-2);pointer-events:all;position:absolute;-webkit-user-select:none;user-select:none}.bend-handle{background:var(--bb-primary);border:2px solid var(--bb-surface);border-radius:50%;height:10px;left:50%;opacity:0;pointer-events:none;position:absolute;top:-14px;transform:translate(-50%);transition:opacity .12s ease;width:10px}.transition-edge-label.is-hovering .bend-handle{opacity:1}.transition-edge-label span,.transition-edge-label em{color:var(--bb-text-muted);font-style:normal}.toast-container{bottom:var(--bb-space-5);display:flex;flex-direction:column;gap:var(--bb-space-2);left:var(--bb-space-5);max-width:22rem;position:fixed;z-index:9999}.toast{align-items:flex-start;border:1px solid;border-radius:var(--bb-radius-md);box-shadow:var(--bb-shadow-sm);display:flex;font-size:.875rem;gap:var(--bb-space-3);padding:var(--bb-space-3) var(--bb-space-4)}.toast__message{flex:1;line-height:1.5}.toast__close{align-items:center;background:transparent;border:none;color:inherit;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:1.1rem;justify-content:center;line-height:1;margin-block-start:.05rem;opacity:.6;padding:0}.toast__close:hover{opacity:1}.toast--error{background:color-mix(in srgb,var(--bb-danger) 12%,var(--bb-surface));border-color:color-mix(in srgb,var(--bb-danger) 35%,var(--bb-border));color:var(--bb-danger)}.toast--warning{background:color-mix(in srgb,#f59e0b 12%,var(--bb-surface));border-color:color-mix(in srgb,#f59e0b 35%,var(--bb-border));color:#b45309}.toast--info{background:color-mix(in srgb,var(--bb-success) 12%,var(--bb-surface));border-color:color-mix(in srgb,var(--bb-success) 35%,var(--bb-border));color:color-mix(in srgb,var(--bb-success) 75%,var(--bb-text))}.canvas-inspector{background:color-mix(in srgb,var(--bb-surface) 94%,transparent);border:1px solid var(--bb-border);border-radius:var(--bb-radius-xl);box-shadow:var(--bb-shadow-sm);align-content:start;display:grid;gap:var(--bb-space-5);inline-size:min(22rem,calc(100vw - 2rem));inset-block-start:var(--bb-space-4);left:var(--bb-space-4);min-height:0;max-height:calc(100% - (var(--bb-space-4) * 2));overflow-y:auto;padding:var(--bb-space-5);position:absolute;scrollbar-color:color-mix(in srgb,var(--bb-text-soft) 38%,transparent) transparent;scrollbar-width:thin;z-index:10}.canvas-inspector--edge{border-color:color-mix(in srgb,var(--bb-primary) 30%,var(--bb-border))}.canvas-inspector__header{display:grid;gap:var(--bb-space-1);grid-template-columns:minmax(0,1fr) auto}.canvas-inspector__header h3{grid-column:1 / -1;margin:var(--bb-space-1) 0 0}.canvas-inspector__header button{align-items:center;background:var(--bb-surface);border:1px solid var(--bb-border);border-radius:999px;color:var(--bb-text-muted);cursor:pointer;display:inline-flex;block-size:1.8rem;inline-size:1.8rem;justify-content:center}.canvas-inspector section{display:grid;gap:var(--bb-space-2)}.canvas-inspector h4{margin:0}.inspector-field{display:grid;gap:var(--bb-space-2)}.inspector-field span{color:var(--bb-text-muted);font-size:.85rem;font-weight:800}.inspector-field input:not([type=checkbox]),.inspector-field select,.inspector-field textarea{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--bb-bg-soft);border:1px solid var(--bb-border);border-radius:var(--bb-radius-md);color:var(--bb-text);font:inherit;inline-size:100%;line-height:1.7;min-height:2.45rem;padding:var(--bb-space-2) var(--bb-space-3);direction:rtl}.inspector-field select{background-image:linear-gradient(45deg,transparent 50%,var(--bb-text-muted) 50%),linear-gradient(135deg,var(--bb-text-muted) 50%,transparent 50%);background-position:calc(var(--bb-space-3) + .15rem) 52%,var(--bb-space-3) 52%;background-repeat:no-repeat;background-size:.35rem .35rem,.35rem .35rem;padding-inline-start:var(--bb-space-8)}.inspector-field textarea{resize:vertical}.canvas-inspector__edges{display:grid;gap:var(--bb-space-2);list-style:none;margin:0;padding:0}.canvas-inspector__edges li{border-radius:var(--bb-radius-md);display:block;padding:0}.canvas-inspector__edges small{color:var(--bb-text-muted)}.canvas-inspector__edges button,.command-pill{background:transparent;border:0;color:inherit;cursor:pointer;display:grid;padding:0;text-align:start}.inspector-transition-row{gap:var(--bb-space-2);inline-size:100%;padding:var(--bb-space-2) var(--bb-space-3)}.inspector-transition-row em,.inspector-transition-row strong,.command-pill{border-radius:999px;font-style:normal}.inspector-transition-row em{color:var(--bb-text-muted)}.inspector-transition-row strong,.command-pill{background:color-mix(in srgb,var(--bb-primary) 10%,var(--bb-surface));border:1px solid color-mix(in srgb,var(--bb-primary) 18%,var(--bb-border));color:var(--bb-primary);display:inline-grid;font-weight:900;padding:var(--bb-space-1) var(--bb-space-2)}.command-pill small{color:var(--bb-text-soft);font-size:.72rem}.canvas-inspector__swap-row{display:flex;justify-content:flex-end}.canvas-inspector__swap-button{background:color-mix(in srgb,var(--bb-primary) 10%,var(--bb-surface));border:1px solid color-mix(in srgb,var(--bb-primary) 28%,var(--bb-border));border-radius:var(--bb-radius-md);color:var(--bb-primary);cursor:pointer;font-size:.84rem;font-weight:800;min-height:2.1rem;padding-inline:var(--bb-space-3)}.canvas-inspector__swap-button:hover{background:color-mix(in srgb,var(--bb-primary) 18%,var(--bb-surface))}.inspector-danger-button{background:color-mix(in srgb,var(--bb-danger) 10%,var(--bb-surface));border:1px solid color-mix(in srgb,var(--bb-danger) 30%,var(--bb-border));border-radius:var(--bb-radius-md);color:var(--bb-danger);cursor:pointer;font-weight:900;min-height:2.45rem}.empty-state{align-content:center;display:grid;gap:var(--bb-space-2);min-height:14rem;text-align:center}.empty-state strong{font-size:1.1rem}.empty-state p{color:var(--bb-text-muted);margin:0}@media(max-width:1180px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-inspector{max-height:calc(100% - (var(--bb-space-4) * 2))}}@media(max-width:860px){body{overflow:auto}.panel-shell,.panel-shell.is-sidebar-collapsed{grid-template-columns:1fr;min-height:auto;overflow:visible}.panel-sidebar{border-block-end:1px solid var(--bb-border);border-inline-end:0;min-height:auto}.panel-nav{display:flex;overflow-x:auto;padding-block-end:var(--bb-space-1)}.is-sidebar-collapsed .panel-sidebar{align-items:stretch}.panel-workspace{min-height:auto}.panel-content{overflow:visible;padding:var(--bb-space-4)}.panel-shell.is-canvas-mode .panel-content{padding:var(--bb-space-2)}.panel-topbar,.dashboard-hero{align-items:stretch;flex-direction:column}.workflow-canvas-actionbar,.workflow-page__actions{align-self:stretch}.workflow-canvas-actionbar .bb-button,.workflow-page__actions .bb-button{flex:1}.dashboard-large-grid,.dashboard-status-card dl{grid-template-columns:1fr}.workflow-canvas-area{min-height:34rem}.canvas-inspector{inset-block:auto var(--bb-space-2);left:var(--bb-space-2);right:var(--bb-space-2);inline-size:auto;max-height:min(28rem,72vh)}.canvas-connect-hint{inset-block-start:4.5rem;inset-inline:var(--bb-space-2);text-align:center}.workflow-canvas-area .react-flow__minimap{display:none}}@media(max-width:640px){.dashboard-grid{grid-template-columns:1fr}.panel-theme-toggle{align-self:flex-start}.command-node{inline-size:16rem}}@keyframes bb-spin{to{transform:rotate(360deg)}}.canvas-save-status{align-items:center;display:inline-flex;font-size:.8rem;font-weight:500;gap:.35rem;padding-inline:var(--bb-space-2)}.canvas-save-status--saved,.canvas-save-status--saving,.canvas-save-status--dirty{color:var(--bb-text-muted)}.canvas-save-status--error{color:var(--bb-danger)}.canvas-save-status--saving:before,.canvas-save-status--dirty:before{content:"";width:.7rem;height:.7rem;border:1.5px solid var(--bb-border);border-top-color:var(--bb-primary);border-radius:50%;animation:bb-spin .65s linear infinite;flex-shrink:0}.canvas-load-error{align-items:center;background:var(--bb-bg);display:flex;flex-direction:column;gap:var(--bb-space-4);height:100%;justify-content:center;color:var(--bb-text-muted)}.canvas-load-error button{background:var(--bb-surface);border:1px solid var(--bb-border);border-radius:var(--bb-radius-md);color:var(--bb-text);cursor:pointer;font-size:.9rem;padding:var(--bb-space-2) var(--bb-space-4)}@keyframes bb-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.command-node--skeleton{background:linear-gradient(90deg,var(--bb-surface) 25%,color-mix(in srgb,var(--bb-border) 60%,var(--bb-surface)) 50%,var(--bb-surface) 75%);background-size:200% 100%;animation:bb-shimmer 1.6s ease-in-out infinite;border:1px solid var(--bb-border);border-radius:var(--bb-radius-lg);box-shadow:var(--bb-shadow-sm);display:flex;flex-direction:column;gap:var(--bb-space-3);inline-size:20rem;min-block-size:15rem;padding:var(--bb-space-4);pointer-events:none}.skeleton-block{background:color-mix(in srgb,var(--bb-border) 70%,transparent);border-radius:var(--bb-radius-sm);flex-shrink:0;height:.72rem;width:100%}.skeleton-block--title{height:1rem;width:55%}.skeleton-block--short{width:35%}.skeleton-block--divider{height:1px;background:color-mix(in srgb,var(--bb-border) 50%,transparent);margin-block:var(--bb-space-1)}.app-loading{align-items:center;background:var(--bb-bg);display:flex;height:100dvh;justify-content:center;width:100%}.login-shell{align-items:center;background:var(--bb-bg);display:flex;justify-content:center;min-height:100dvh;padding:var(--bb-space-6)}.login-card{background:var(--bb-surface);border:1px solid var(--bb-border);border-radius:var(--bb-radius-xl);box-shadow:var(--bb-shadow-sm);display:flex;flex-direction:column;gap:var(--bb-space-5);padding:var(--bb-space-7);width:100%;max-width:380px}.login-card__header{text-align:center}.login-card__header strong{display:block;font-size:1.5rem;font-weight:700;color:var(--bb-primary);letter-spacing:-.02em}.login-card__header p{color:var(--bb-text-muted);font-size:.85rem;margin-top:var(--bb-space-1)}.login-tabs{display:flex;gap:var(--bb-space-1);justify-content:center}.login-tab{background:transparent;border:1px solid transparent;border-radius:var(--bb-radius-full, 999px);color:var(--bb-text-muted);cursor:pointer;font-size:.88rem;font-weight:500;padding:var(--bb-space-1) var(--bb-space-4);transition:background .15s ease,color .15s ease,border-color .15s ease}.login-tab:hover{color:var(--bb-text)}.login-tab.is-active{background:color-mix(in srgb,var(--bb-primary) 12%,var(--bb-surface));border-color:color-mix(in srgb,var(--bb-primary) 30%,var(--bb-border));color:var(--bb-primary);font-weight:600}.login-form{display:flex;flex-direction:column;gap:var(--bb-space-4)}.login-error{background:color-mix(in srgb,var(--bb-danger) 10%,var(--bb-surface));border:1px solid color-mix(in srgb,var(--bb-danger) 30%,var(--bb-border));border-radius:var(--bb-radius-md);color:var(--bb-danger);font-size:.85rem;padding:var(--bb-space-3);text-align:center}.login-actions{display:flex;justify-content:center;padding-top:var(--bb-space-1)}.login-submit-button{background:var(--bb-primary);border:none;border-radius:var(--bb-radius-md);color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;min-height:2.5rem;min-width:10rem;padding-inline:var(--bb-space-6);transition:opacity .15s ease}.login-submit-button:hover{opacity:.88}.login-submit-button:disabled{cursor:not-allowed;opacity:.5}.command-node--unknown{border-style:dashed;border-color:color-mix(in srgb,var(--bb-accent) 50%,var(--bb-border));background:color-mix(in srgb,var(--bb-accent) 6%,var(--bb-surface-raised))}.command-node__unknown-hint{color:var(--bb-text-muted);font-size:.88rem;margin:var(--bb-space-3) 0 0}.inspector-template-row{align-items:center;background:var(--bb-bg-soft);border:1px solid var(--bb-border);border-radius:var(--bb-radius-md);display:flex;gap:var(--bb-space-3);justify-content:space-between;padding:var(--bb-space-2) var(--bb-space-3)}.inspector-template-row__info{display:grid;gap:var(--bb-space-1);min-width:0}.inspector-template-row__info span{color:var(--bb-text-muted);font-size:.78rem;font-weight:800}.inspector-template-row__button{background:color-mix(in srgb,var(--bb-primary) 12%,var(--bb-surface));border:1px solid color-mix(in srgb,var(--bb-primary) 28%,var(--bb-border));border-radius:var(--bb-radius-md);color:var(--bb-primary);cursor:pointer;flex:0 0 auto;font-weight:800;min-height:2.1rem;padding-inline:var(--bb-space-3)}.inspector-template-row__button:disabled{cursor:not-allowed;opacity:.5}.inspector-hint{color:var(--bb-text-muted);font-size:.85rem;margin:0}.inspector-chip-row,.inspector-check-row{display:flex;flex-wrap:wrap;gap:var(--bb-space-2)}.inspector-chip{background:color-mix(in srgb,var(--bb-primary) 9%,var(--bb-surface));border:1px solid color-mix(in srgb,var(--bb-primary) 18%,var(--bb-border));border-radius:999px;font-size:.8rem;font-weight:800;padding:var(--bb-space-1) var(--bb-space-3)}.inspector-check{align-items:center;display:inline-flex;gap:var(--bb-space-2);font-size:.85rem}.inspector-check input{inline-size:auto;min-height:0}.template-modal-backdrop{align-items:center;background:color-mix(in srgb,#000 45%,transparent);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:var(--bb-space-4);position:fixed;z-index:50}.template-modal{background:var(--bb-surface);border:1px solid var(--bb-border);border-radius:var(--bb-radius-xl);box-shadow:var(--bb-shadow-md);display:grid;gap:var(--bb-space-4);grid-template-rows:auto 1fr;inline-size:min(40rem,100%);max-block-size:min(38rem,calc(100vh - 2rem));padding:var(--bb-space-5)}.template-modal__header{align-items:center;display:flex;justify-content:space-between}.template-modal__header h3{margin:0}.template-modal__header button{background:var(--bb-surface);border:1px solid var(--bb-border);border-radius:999px;block-size:1.9rem;inline-size:1.9rem;color:var(--bb-text-muted);cursor:pointer}.template-modal__hint{color:var(--bb-text-muted)}.template-modal__body{display:grid;gap:var(--bb-space-4);grid-template-columns:minmax(8rem,12rem) 1fr;min-height:0}.template-modal__groups{display:grid;align-content:start;gap:var(--bb-space-2);overflow-y:auto}.template-modal__group{background:var(--bb-bg-soft);border:1px solid var(--bb-border);border-radius:var(--bb-radius-md);color:var(--bb-text);cursor:pointer;font-weight:800;padding:var(--bb-space-2) var(--bb-space-3);text-align:start}.template-modal__group.is-active{background:color-mix(in srgb,var(--bb-primary) 14%,var(--bb-surface));border-color:color-mix(in srgb,var(--bb-primary) 30%,var(--bb-border));color:var(--bb-primary)}.template-modal__list{display:grid;align-content:start;gap:var(--bb-space-2);list-style:none;margin:0;overflow-y:auto;padding:0}.template-modal__item{background:var(--bb-bg-soft);border:1px solid var(--bb-border);border-radius:var(--bb-radius-md);cursor:pointer;display:grid;gap:var(--bb-space-1);inline-size:100%;padding:var(--bb-space-3);text-align:start}.template-modal__item:hover:not(:disabled){border-color:color-mix(in srgb,var(--bb-primary) 38%,var(--bb-border))}.template-modal__item:disabled{cursor:not-allowed;opacity:.55}.template-modal__item.is-current{border-color:color-mix(in srgb,var(--bb-primary) 45%,var(--bb-border));background:color-mix(in srgb,var(--bb-primary) 8%,var(--bb-surface))}.template-modal__item-title{font-weight:900}.template-modal__item-desc{color:var(--bb-text-muted);font-size:.85rem}.template-modal__item-tags{display:flex;flex-wrap:wrap;gap:var(--bb-space-2)}.template-modal__item-tags em{background:color-mix(in srgb,var(--bb-primary) 10%,var(--bb-surface));border-radius:999px;color:var(--bb-primary);font-size:.72rem;font-style:normal;font-weight:800;padding:.1rem var(--bb-space-2)}.template-modal__item-tags em.is-blocked{background:color-mix(in srgb,var(--bb-accent) 16%,var(--bb-surface));color:var(--bb-accent)}@media(max-width:640px){.template-modal__body{grid-template-columns:1fr}}.url-node{align-items:center;background:color-mix(in srgb,var(--bb-accent) 14%,var(--bb-surface-raised));border:1px solid color-mix(in srgb,var(--bb-accent) 45%,var(--bb-border));border-radius:999px;box-shadow:var(--bb-shadow-sm);color:var(--bb-text);cursor:grab;display:inline-flex;font-size:.82rem;font-weight:800;gap:var(--bb-space-1);justify-content:center;min-inline-size:4.5rem;padding:var(--bb-space-2) var(--bb-space-3);position:relative}.url-node:active{cursor:grabbing}.url-node:before{content:"🔗";font-size:.8rem}.url-node:hover{border-color:color-mix(in srgb,var(--bb-accent) 70%,var(--bb-border))}.url-node__handle{background:var(--bb-accent);border:2px solid var(--bb-surface);border-radius:50%;block-size:.6rem;inline-size:.6rem}.canvas-toolbar__connect{position:relative}.canvas-toolbar__menu{background:var(--bb-surface);border:1px solid var(--bb-border);border-radius:var(--bb-radius-md);box-shadow:var(--bb-shadow-md);display:grid;gap:var(--bb-space-1);top:calc(100% + var(--bb-space-1));left:0;right:auto;min-inline-size:8rem;padding:var(--bb-space-2);position:absolute;z-index:20}.canvas-toolbar__menu-title{color:var(--bb-text-muted);font-size:.74rem;font-weight:800;padding-inline:var(--bb-space-1)}.canvas-toolbar__menu button{background:var(--bb-bg-soft);border:1px solid var(--bb-border);border-radius:var(--bb-radius-sm);block-size:auto;color:var(--bb-text);cursor:pointer;font-weight:800;inline-size:100%;padding:var(--bb-space-2) var(--bb-space-3);text-align:start}.canvas-toolbar__menu button.is-active{background:color-mix(in srgb,var(--bb-primary) 16%,var(--bb-surface));border-color:color-mix(in srgb,var(--bb-primary) 42%,var(--bb-border));color:var(--bb-primary)}.workflow-canvas-shell.is-url-mode .command-node{cursor:copy}.workflow-canvas-shell.is-url-mode .command-node:hover{border-color:color-mix(in srgb,var(--bb-accent) 55%,var(--bb-border));box-shadow:0 0 0 4px color-mix(in srgb,var(--bb-accent) 20%,transparent)}.data-page{display:flex;flex-direction:column;gap:var(--bb-space-4);min-height:0}.data-page__tabs{display:flex;gap:var(--bb-space-2);border-block-end:1px solid var(--bb-border);padding-block-end:var(--bb-space-2)}.data-tab{background:transparent;border:1px solid transparent;border-radius:var(--bb-radius-md);color:var(--bb-text-muted);cursor:pointer;font-size:.9rem;padding:var(--bb-space-2) var(--bb-space-4);transition:background .16s ease,color .16s ease,border-color .16s ease}.data-tab.is-active,.data-tab:hover{background:color-mix(in srgb,var(--bb-primary) 10%,var(--bb-surface));border-color:color-mix(in srgb,var(--bb-primary) 22%,var(--bb-border));color:var(--bb-text)}.data-page__search{display:flex;gap:var(--bb-space-2)}.data-page__search-input{background:var(--bb-surface);border:1px solid var(--bb-border);border-radius:var(--bb-radius-md);color:var(--bb-text);flex:1;font:inherit;padding:var(--bb-space-2) var(--bb-space-3);min-width:0}.data-page__search-input:focus{border-color:var(--bb-primary);outline:none}.data-page__loading,.data-page__empty{color:var(--bb-text-muted);padding:var(--bb-space-6) 0;text-align:center}.data-page__error{align-items:center;background:color-mix(in srgb,var(--bb-danger, #e55) 10%,var(--bb-surface));border:1px solid color-mix(in srgb,var(--bb-danger, #e55) 28%,var(--bb-border));border-radius:var(--bb-radius-md);color:var(--bb-text);display:flex;gap:var(--bb-space-3);padding:var(--bb-space-3) var(--bb-space-4)}.data-page__error button{background:transparent;border:none;color:inherit;cursor:pointer;margin-inline-start:auto;opacity:.7}.data-table-wrap{border:1px solid var(--bb-border);border-radius:var(--bb-radius-md);overflow:auto}.data-table{border-collapse:collapse;min-width:100%;width:max-content}.data-table th{background:color-mix(in srgb,var(--bb-surface) 70%,var(--bb-bg));border-block-end:1px solid var(--bb-border);color:var(--bb-text-muted);font-size:.8rem;font-weight:700;padding:var(--bb-space-2) var(--bb-space-4);text-align:start;white-space:nowrap}.data-table td{border-block-end:1px solid color-mix(in srgb,var(--bb-border) 50%,transparent);font-size:.88rem;padding:var(--bb-space-3) var(--bb-space-4);vertical-align:middle}.data-table tbody tr:last-child td{border-block-end:none}.data-table tbody tr:hover td{background:color-mix(in srgb,var(--bb-primary) 4%,transparent)}.data-table__code{background:color-mix(in srgb,var(--bb-text-muted) 8%,transparent);border-radius:var(--bb-radius-sm);font-family:monospace;font-size:.82rem;padding:.1em .4em}.data-table__muted{color:var(--bb-text-muted)}.data-table__link{color:var(--bb-primary);font-size:.85rem;text-decoration:none}.data-table__link:hover{text-decoration:underline}.data-table__actions{display:flex;gap:var(--bb-space-2)}.btn{background:var(--bb-surface);border:1px solid var(--bb-border);border-radius:var(--bb-radius-md);color:var(--bb-text);cursor:pointer;font:inherit;font-size:.88rem;font-weight:600;padding:var(--bb-space-2) var(--bb-space-4);transition:background .14s ease,border-color .14s ease;white-space:nowrap}.btn:hover:not(:disabled){background:var(--bb-surface-raised);border-color:color-mix(in srgb,var(--bb-primary) 28%,var(--bb-border))}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--sm{font-size:.8rem;padding:var(--bb-space-1) var(--bb-space-3)}.btn--primary{background:color-mix(in srgb,var(--bb-primary) 14%,var(--bb-surface));border-color:color-mix(in srgb,var(--bb-primary) 40%,var(--bb-border));color:var(--bb-primary)}.btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--bb-primary) 22%,var(--bb-surface))}.btn--danger{background:color-mix(in srgb,var(--bb-danger, #e55) 10%,var(--bb-surface));border-color:color-mix(in srgb,var(--bb-danger, #e55) 35%,var(--bb-border));color:color-mix(in srgb,var(--bb-danger, #e55) 80%,var(--bb-text))}.btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--bb-danger, #e55) 18%,var(--bb-surface))}.status-badge{border-radius:999px;display:inline-block;font-size:.78rem;font-weight:700;padding:.15em .65em}.status-badge--pending{background:color-mix(in srgb,#f5a623 14%,var(--bb-surface));color:color-mix(in srgb,#f5a623 85%,var(--bb-text))}.status-badge--verified{background:color-mix(in srgb,#27ae60 12%,var(--bb-surface));color:color-mix(in srgb,#27ae60 80%,var(--bb-text))}.status-badge--rejected,.status-badge--canceled{background:color-mix(in srgb,var(--bb-danger, #e55) 10%,var(--bb-surface));color:color-mix(in srgb,var(--bb-danger, #e55) 75%,var(--bb-text))}.modal-backdrop{align-items:center;background:color-mix(in srgb,var(--bb-bg) 65%,transparent);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:500}.modal{background:var(--bb-surface);border:1px solid var(--bb-border);border-radius:var(--bb-radius-lg);box-shadow:var(--bb-shadow-md);display:flex;flex-direction:column;gap:var(--bb-space-4);max-height:90vh;overflow:auto;padding:var(--bb-space-6);width:min(500px,92vw)}.modal--wide{width:min(760px,96vw)}.modal-header{align-items:center;display:flex;gap:var(--bb-space-3)}.modal-header h3{flex:1;margin:0}.modal-header button{background:transparent;border:none;color:var(--bb-text-muted);cursor:pointer;font-size:1.4rem;line-height:1}.modal-actions{display:flex;gap:var(--bb-space-3);justify-content:flex-start}.inspector-field--checkbox{align-items:center;cursor:pointer;display:flex;flex-direction:row-reverse;gap:var(--bb-space-2);justify-content:flex-end}.inspector-field--checkbox input[type=checkbox]{accent-color:var(--bb-primary);-moz-appearance:auto;appearance:auto;-webkit-appearance:auto;cursor:pointer;flex-shrink:0;height:1.1em;inline-size:auto;min-height:auto;padding:0;width:1.1em}.inspector-list-field{display:flex;flex-direction:column;gap:var(--bb-space-2)}.inspector-list-field__label{color:var(--bb-text-muted);font-size:.82rem;font-weight:600}.inspector-list-item{background:color-mix(in srgb,var(--bb-surface) 50%,var(--bb-bg));border:1px solid var(--bb-border);border-radius:var(--bb-radius-md);display:flex;flex-direction:column;gap:var(--bb-space-2);padding:var(--bb-space-3);position:relative}.inspector-list-item__remove{align-self:flex-start;background:transparent;border:1px solid color-mix(in srgb,var(--bb-danger, #e55) 35%,var(--bb-border));border-radius:var(--bb-radius-sm);color:color-mix(in srgb,var(--bb-danger, #e55) 75%,var(--bb-text));cursor:pointer;font-size:.78rem;padding:.15em .6em}.inspector-add-button{background:transparent;border:1px dashed var(--bb-border);border-radius:var(--bb-radius-md);color:var(--bb-text-muted);cursor:pointer;font:inherit;font-size:.84rem;padding:var(--bb-space-2);text-align:center;transition:border-color .14s ease,color .14s ease}.inspector-add-button:hover{border-color:var(--bb-primary);color:var(--bb-primary)}.command-node__badges{display:flex;flex-wrap:wrap;gap:var(--bb-space-1);margin-block-end:var(--bb-space-1)}.node-badge{border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.01em;padding:.1em .5em}.node-badge--group-payments{background:color-mix(in srgb,#f5a623 15%,var(--bb-surface));color:color-mix(in srgb,#f5a623 85%,var(--bb-text))}.node-badge--group-wallet{background:color-mix(in srgb,#27ae60 12%,var(--bb-surface));color:color-mix(in srgb,#27ae60 80%,var(--bb-text))}.node-badge--group-profile{background:color-mix(in srgb,var(--bb-primary) 12%,var(--bb-surface));color:var(--bb-primary)}.node-badge--group[data-color=blue]{background:color-mix(in srgb,#3498db 12%,var(--bb-surface));color:color-mix(in srgb,#3498db 80%,var(--bb-text))}.node-badge--group[data-color=purple]{background:color-mix(in srgb,#9b59b6 12%,var(--bb-surface));color:color-mix(in srgb,#9b59b6 80%,var(--bb-text))}.node-badge--group[data-color=yellow]{background:color-mix(in srgb,#f5a623 15%,var(--bb-surface));color:color-mix(in srgb,#f5a623 85%,var(--bb-text))}.node-badge--group[data-color=green]{background:color-mix(in srgb,#27ae60 12%,var(--bb-surface));color:color-mix(in srgb,#27ae60 80%,var(--bb-text))}.node-badge--group[data-color=indigo]{background:color-mix(in srgb,#5c6bc0 12%,var(--bb-surface));color:color-mix(in srgb,#5c6bc0 80%,var(--bb-text))}.node-badge--group[data-color=violet]{background:color-mix(in srgb,#7c3aed 12%,var(--bb-surface));color:color-mix(in srgb,#7c3aed 80%,var(--bb-text))}.node-badge--group[data-color=gray]{background:color-mix(in srgb,var(--bb-text-muted) 12%,var(--bb-surface));color:var(--bb-text-muted)}.node-badge--catalog{background:color-mix(in srgb,#5c6bc0 12%,var(--bb-surface));color:color-mix(in srgb,#5c6bc0 80%,var(--bb-text))}.node-badge--owned{background:color-mix(in srgb,#27ae60 12%,var(--bb-surface));color:color-mix(in srgb,#27ae60 80%,var(--bb-text))}.node-badge--manual_payment{background:color-mix(in srgb,#f5a623 12%,var(--bb-surface));color:color-mix(in srgb,#f5a623 85%,var(--bb-text))}.node-badge--starts_conversation{background:color-mix(in srgb,var(--bb-primary) 12%,var(--bb-surface));color:var(--bb-primary)}.node-badge--admin{background:color-mix(in srgb,#9b59b6 12%,var(--bb-surface));color:color-mix(in srgb,#9b59b6 80%,var(--bb-text))}.node-badge--attachment{background:color-mix(in srgb,var(--bb-text-muted) 12%,var(--bb-surface));color:var(--bb-text-muted)}.media-picker__toolbar{align-items:center;display:flex;gap:var(--bb-space-3)}.media-picker__upload-error,.data-page__inline-error{color:color-mix(in srgb,var(--bb-danger, #e55) 80%,var(--bb-text));font-size:.85rem}.media-picker__grid{display:grid;gap:var(--bb-space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:55vh;overflow-y:auto;padding-block-end:var(--bb-space-2)}.media-picker__item{background:var(--bb-surface);border:2px solid var(--bb-border);border-radius:var(--bb-radius-md);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:border-color .14s ease,box-shadow .14s ease}.media-picker__item:hover,.media-picker__item:focus{border-color:var(--bb-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--bb-primary) 18%,transparent);outline:none}.media-picker__thumb{aspect-ratio:1;object-fit:cover;width:100%}.media-picker__thumb--file{align-items:center;background:color-mix(in srgb,var(--bb-text-muted) 8%,var(--bb-surface));display:flex;font-size:2rem;justify-content:center}.media-picker__info{display:flex;flex-direction:column;gap:.1em;padding:var(--bb-space-2)}.media-picker__name{font-size:.78rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-picker__meta{color:var(--bb-text-muted);font-size:.7rem}.media-picker__delete{background:color-mix(in srgb,var(--bb-bg) 70%,transparent);border:none;border-radius:50%;color:var(--bb-text);cursor:pointer;display:none;font-size:.85rem;inset-block-start:var(--bb-space-1);inset-inline-end:var(--bb-space-1);line-height:1;padding:.2em .4em;position:absolute}.media-picker__item:hover .media-picker__delete{display:block}.data-page__toolbar{align-items:center;display:flex;gap:var(--bb-space-3)}.media-thumb{border-radius:var(--bb-radius-sm);display:block;height:44px;object-fit:cover;width:44px}.media-thumb--file{align-items:center;background:color-mix(in srgb,var(--bb-text-muted) 10%,var(--bb-surface));display:flex;font-size:1.4rem;justify-content:center}.inspector-media-field{flex-direction:column;gap:var(--bb-space-2)}.inspector-media-row{align-items:center;display:flex;gap:var(--bb-space-2)}.inspector-media-id{color:var(--bb-text-muted);font-family:monospace;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-skeleton{background:color-mix(in srgb,var(--bb-text-muted) 14%,var(--bb-surface));border-radius:var(--bb-radius-sm);display:inline-block;height:1.2em;width:4em;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.andi-logo-mark{align-items:center;display:inline-flex;flex-shrink:0}[data-theme=dark] .logo-light,[data-theme=light] .logo-dark{display:none}.data-page__toolbar{align-items:center;display:flex;gap:var(--bb-space-2);margin-block-end:var(--bb-space-4)}.status-badge--draft{background:color-mix(in srgb,var(--bb-text-muted) 12%,var(--bb-surface));color:var(--bb-text-muted)}.status-badge--active{background:color-mix(in srgb,#27ae60 12%,var(--bb-surface));color:color-mix(in srgb,#27ae60 75%,var(--bb-text))}.status-badge--archived{background:color-mix(in srgb,var(--bb-text-muted) 10%,var(--bb-surface));color:var(--bb-text-muted)}.status-badge--disabled{background:color-mix(in srgb,#e74c3c 10%,var(--bb-surface));color:color-mix(in srgb,#e74c3c 75%,var(--bb-text))}.status-badge--provisioning{background:color-mix(in srgb,#f5a623 12%,var(--bb-surface));color:color-mix(in srgb,#f5a623 85%,var(--bb-text))}.status-badge--expired{background:color-mix(in srgb,var(--bb-text-muted) 10%,var(--bb-surface));color:var(--bb-text-muted)}.status-badge--suspended{background:color-mix(in srgb,#e74c3c 10%,var(--bb-surface));color:color-mix(in srgb,#e74c3c 75%,var(--bb-text))}.status-badge--failed{background:color-mix(in srgb,#e74c3c 14%,var(--bb-surface));color:color-mix(in srgb,#e74c3c 80%,var(--bb-text))}.status-badge--pending_payment{background:color-mix(in srgb,#f5a623 10%,var(--bb-surface));color:color-mix(in srgb,#f5a623 80%,var(--bb-text))}.status-badge--failed_needs_review{background:color-mix(in srgb,#e74c3c 14%,var(--bb-surface));color:color-mix(in srgb,#e74c3c 80%,var(--bb-text))}.status-badge--cancelled{background:color-mix(in srgb,var(--bb-text-muted) 10%,var(--bb-surface));color:var(--bb-text-muted)}.package-editor{display:flex;flex-direction:column;height:100%;overflow:hidden}.package-editor__topbar{align-items:center;border-block-end:1px solid var(--bb-border);display:flex;gap:var(--bb-space-3);padding:var(--bb-space-3) var(--bb-space-4);flex-wrap:wrap}.package-editor__title{font-size:1rem;font-weight:700;margin:0}.package-editor__template-row{align-items:center;display:flex;font-size:.875rem;gap:var(--bb-space-2)}.package-editor__tabs{border-block-end:1px solid var(--bb-border);flex-shrink:0;margin-block-end:0;padding-block-start:var(--bb-space-1)}.package-editor__body{flex:1;overflow-y:auto;padding:var(--bb-space-4)}.packages-tab{display:flex;flex-direction:column;gap:var(--bb-space-3);max-width:640px}.packages-tab__hint{color:var(--bb-text-muted);font-size:.8rem;margin:0}.packages-tab__header{align-items:center;display:flex;gap:var(--bb-space-2);justify-content:space-between}.packages-tab__section{display:flex;flex-direction:column;gap:var(--bb-space-2)}.packages-tab__actions{align-items:center;display:flex;gap:var(--bb-space-2);padding-block-start:var(--bb-space-2)}.packages-tab__divider{border:none;border-block-start:1px solid var(--bb-border);margin-block:var(--bb-space-4)}.packages-form{display:flex;flex-direction:column;gap:var(--bb-space-3)}.packages-form--bordered{border:1px solid var(--bb-border);border-radius:var(--bb-radius);padding:var(--bb-space-3)}.packages-form__error{color:#e74c3c;font-size:.75rem}.packages-form__fieldset{border:1px solid var(--bb-border);border-radius:var(--bb-radius);display:flex;flex-direction:column;gap:var(--bb-space-2);padding:var(--bb-space-2) var(--bb-space-3)}.packages-form__fieldset legend{color:var(--bb-text-muted);font-size:.8rem;padding-inline:var(--bb-space-1)}.packages-attachments{display:flex;flex-direction:column;gap:var(--bb-space-1);list-style:none;margin:0;padding:0}.packages-attachment-row{align-items:center;border:1px solid var(--bb-border);border-radius:var(--bb-radius);display:flex;gap:var(--bb-space-2);padding:var(--bb-space-2) var(--bb-space-3)}.packages-secrets{display:flex;flex-direction:column;gap:var(--bb-space-2)}.packages-secret-row{align-items:center;border:1px solid var(--bb-border);border-radius:var(--bb-radius);display:flex;flex-wrap:wrap;gap:var(--bb-space-2);padding:var(--bb-space-2) var(--bb-space-3)}.packages-secret-row__info{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:var(--bb-space-2)}.packages-secret-row__rotate-input{border:1px solid var(--bb-border);border-radius:var(--bb-radius);font-size:.875rem;padding:.25rem .5rem;width:180px}.packages-preview{display:flex;flex-direction:column;gap:var(--bb-space-4)}.packages-preview__section{display:flex;flex-direction:column;gap:var(--bb-space-1)}.packages-preview__label{color:var(--bb-text-muted);font-size:.8rem;font-weight:600}.packages-preview__redacted{color:#e74c3c}.packages-preview__text{background:var(--bb-surface-alt, var(--bb-surface));border:1px solid var(--bb-border);border-radius:var(--bb-radius);font-size:.875rem;padding:var(--bb-space-2);white-space:pre-wrap;word-break:break-all}.packages-preview__code{background:var(--bb-surface-alt, var(--bb-surface));border:1px solid var(--bb-border);border-radius:var(--bb-radius);font-size:.8rem;max-height:200px;overflow-y:auto;padding:var(--bb-space-2);white-space:pre-wrap;word-break:break-all}.packages-preview__url{font-family:monospace;font-size:.85rem;word-break:break-all}.packages-preview__dl{display:grid;font-size:.875rem;gap:var(--bb-space-1) var(--bb-space-3);grid-template-columns:auto 1fr;margin:0}.packages-preview__dl dt{color:var(--bb-text-muted);font-weight:600}input.is-error,textarea.is-error{border-color:#e74c3c;outline-color:#e74c3c}