.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))}.sidebar-footer{margin-top:auto}.account-section{display:flex;justify-content:space-evenly;align-items:center;padding:10px 12px;border-top:1px solid rgba(255,255,255,.1);margin-top:auto;border-bottom-left-radius:0;border-bottom-right-radius:0}.account-section .material-icon-button{border-radius:50%}.account-section .material-icon-button svg{width:24px!important;height:24px!important}.account-section .material-icon-button:focus{outline:none!important;box-shadow:none!important}.sidebar.collapsed .account-section{flex-direction:column;gap:12px;padding:12px 4px}.notification-container{position:absolute;top:20px;left:0;width:100%;z-index:1050;pointer-events:none;display:flex;justify-content:center}.notification-pill{background-color:#232628e6;color:#ececec;padding:8px 16px;border-radius:20px;box-shadow:0 2px 8px #0000004d;font-size:14px;font-family:Poppins,sans-serif;text-align:center;pointer-events:auto;white-space:nowrap;max-width:80vw;overflow:hidden;text-overflow:ellipsis}.notification-pill--info{background-color:#3498db;color:#fff}.notification-pill--success{background:linear-gradient(to right,#2ecc71,#27ae60);color:#fff}.notification-pill--error{background-color:#e74c3c;color:#fff}.notification-pill--warning{background-color:#f39c12;color:#fff}.custom-node{position:relative;display:flex;align-items:center;padding:8px;border-radius:5px;background-color:#2c2c2c;transition:border-color .2s ease-in-out;border:2px solid;color:#fff;min-width:110px}.node-content{flex:1;text-align:center;width:100%;display:flex;flex-direction:column;gap:4px}.node-label{padding:8px 30px;font-weight:700;border-bottom:1px solid #eee;position:relative;width:100%;box-sizing:border-box;text-align:center}.node-title-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:16px;height:16px}.flow-section{display:flex;flex-direction:column;width:100%;margin-top:5px;padding-top:5px;border-top:1px solid var(--node-border-color-light);font-size:.8rem;color:var(--text-color-secondary)}.flow-section:first-of-type{margin-top:4px;padding-top:0;border-top:none}.section-title{font-weight:600;margin-bottom:2px;color:var(--text-color-primary);text-align:left}.flow-items{display:flex;flex-direction:column;gap:1px}.flow-item{display:flex;justify-content:space-between;align-items:center;padding:0}.item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px;flex-shrink:1;text-align:left}.item-value{font-weight:500;color:var(--text-color-primary);white-space:nowrap;flex-shrink:0}.base-amount{font-weight:500;color:var(--text-color-primary);text-align:center;font-size:.9rem}.node-values{display:flex;flex-direction:column;gap:2px}.node-value-row{display:flex;justify-content:space-between;font-size:.85rem;padding:2px 0}.value-label{color:#ababab;margin-right:8px}.value-number{font-weight:700}.react-flow__handle{width:10px;height:10px;background:#888}.react-flow__handle-left{left:-5px}.react-flow__handle-right{right:-5px}:root{--md-primary: #00ff95;--md-primary-light: rgba(0, 255, 149, .15);--md-primary-dark: #00cc7a;--md-error: #ff4d4d;--md-warning: #ffab40;--md-bg-dark: #17191A;--md-surface: #232628;--md-surface-light: #2a2a2a;--md-text-primary: #ececec;--md-text-secondary: #b0b0b0;--md-border: #444444;--md-elevation-1: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);--md-elevation-2: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);--md-transition: all .3s cubic-bezier(.25,.8,.25,1);--md-border-radius: 8px}.node-editor{display:flex;flex-direction:column;padding:16px;height:auto;min-height:auto;max-height:none;overflow-y:visible;color:var(--md-text-primary);background-color:var(--md-bg-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.node-editor::-webkit-scrollbar{display:none;width:0;height:0}.sidebar-content{overflow-y:auto;height:100%}.editor-section-header{display:flex;align-items:center;margin-bottom:12px;color:var(--md-text-secondary);font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.editor-section-header svg{margin-right:8px;font-size:16px;color:var(--md-primary)}.md-card{background-color:var(--md-surface);border-radius:var(--md-border-radius);padding:16px;box-shadow:var(--md-elevation-1);transition:var(--md-transition);box-sizing:border-box}.md-card:hover{box-shadow:var(--md-elevation-2)}.highlight-card{background-color:#00ff950d;border-left:none}.md-form-field{margin-bottom:16px;position:relative;box-sizing:border-box;width:100%}.md-label{display:flex;align-items:center;color:var(--md-text-secondary);font-size:14px;margin-bottom:8px}.md-label-icon{margin-right:8px;font-size:16px;color:var(--md-primary)}.md-input{width:100%;padding:10px 12px;background-color:var(--md-surface-light);border:1px solid var(--md-border);border-radius:4px;color:var(--md-text-primary);font-size:14px;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;max-width:100%}.md-input:focus{border-color:var(--md-primary);outline:none;box-shadow:0 0 0 2px #00ff9533}.md-input:disabled{opacity:.7;cursor:not-allowed}.md-input-small{width:70px;padding:6px 8px;text-align:center}.md-form-field.horizontal{display:flex;align-items:center;gap:12px}.md-form-field.horizontal label{margin-bottom:0;min-width:70px;color:var(--md-text-secondary)}.md-helper-text{display:flex;align-items:center;margin-top:6px;color:var(--md-text-secondary);font-size:12px}.md-helper-text svg{margin-right:6px;font-size:14px;color:var(--md-warning)}.md-alert{display:flex;align-items:center;gap:8px;padding:12px;background-color:#ff4d4d1a;color:var(--md-error);border-radius:4px;margin-bottom:16px;font-size:14px}.md-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;background-color:var(--md-surface);border-radius:var(--md-border-radius);text-align:center;border:1px dashed var(--md-border)}.md-empty-state .empty-icon{font-size:40px;color:var(--md-text-secondary);margin-bottom:16px;opacity:.7}.md-empty-state h3{margin:0 0 8px;font-weight:500;color:var(--md-text-primary)}.md-empty-state p{color:var(--md-text-secondary);margin:0 0 20px;font-size:14px}.md-empty-state.simplified{padding:16px}.md-empty-state.simplified h3{margin-bottom:0}.md-empty-state.simplified .empty-icon{margin-bottom:8px;font-size:32px}.md-connection-list{display:flex;flex-direction:column;gap:12px}.md-connection-item{background-color:var(--md-surface);border-radius:var(--md-border-radius);padding:12px;border-left:none;box-shadow:var(--md-elevation-1)}.connection-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.connection-title{font-weight:500;color:var(--md-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.disconnect-icon-button{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:4px;background-color:#ff4d4d26;color:#f66;border:1px solid rgba(255,77,77,.3);cursor:pointer;transition:all .15s ease;padding:0;margin:0;overflow:visible;outline:none!important}.disconnect-icon-button:hover,.disconnect-icon-button:focus,.disconnect-icon-button:active{outline:none!important;box-shadow:none!important}.disconnect-icon-button:focus-visible{box-shadow:0 0 0 2px #ff4d4d66!important;border-color:#ff4d4d99}.node-editor-header{display:flex;align-items:center;justify-content:space-between;padding:8px 0 16px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.header-left{display:flex;align-items:center;flex:1;min-width:0}.node-icon{font-size:20px;color:var(--md-primary);margin-right:12px}.header-left h2{font-size:18px;font-weight:500;margin:0;color:var(--md-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{display:flex;align-items:center;gap:12px;margin-left:10px}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:none;padding:0;color:var(--md-text-secondary);cursor:pointer;transition:color .2s ease}.header-icon-btn:hover{color:var(--md-text-primary)}.header-icon-btn.delete{color:var(--md-error)}.header-icon-btn.delete:hover{color:var(--md-error);opacity:.8}.header-icon-btn:disabled{opacity:.4;cursor:not-allowed}.color-picker-wrapper{display:flex;align-items:center;box-sizing:border-box;width:100%}.md-color-input{height:36px;width:60px;padding:2px;border:1px solid var(--md-border);border-radius:4px;background-color:transparent;cursor:pointer}.color-value{font-family:monospace;color:var(--md-text-secondary);margin-left:12px;font-size:14px}.horizontal-fields-container{display:flex;gap:16px;align-items:flex-end}.horizontal-fields-container .md-form-field{margin-bottom:0;flex:1}.horizontal-fields-container .md-form-field .md-label{margin-bottom:8px}.icon-picker-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--md-surface-light);border:1px solid var(--md-border);border-radius:4px;color:var(--md-text-secondary);cursor:pointer;transition:all .2s ease;padding:0}.icon-picker-btn:hover{background-color:var(--md-surface);border-color:var(--md-primary);color:var(--md-primary);box-shadow:0 0 0 2px #00ff9533}.icon-picker-btn:focus{outline:none;border-color:var(--md-primary);box-shadow:0 0 0 2px #00ff9533}.connection-details{display:flex;flex-direction:column;gap:0;width:100%;box-sizing:border-box;overflow:hidden;padding-top:0}.md-connection-item .connection-item-header{padding:8px 12px;background-color:#ffffff08;border-radius:4px 4px 0 0;margin:-12px -12px 10px}.md-form-field.horizontal.compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;padding:0;width:100%;box-sizing:border-box}.md-form-field.horizontal.compact label,.md-form-field.horizontal.compact .info-label{margin-bottom:0;margin-right:10px;color:var(--md-text-secondary);font-size:13px;white-space:nowrap;flex-shrink:0}.md-form-field.horizontal.compact .input-container{margin-left:auto}.md-form-field.horizontal.compact .md-input-small{margin-left:0;max-width:80px;min-width:40px;text-align:right;padding:6px 8px}.md-form-field.horizontal.compact.display-only{padding:6px 0}.md-form-field.horizontal.compact.display-only .info-value{color:var(--md-text-primary);font-weight:500;font-size:14px;text-align:right}.crafting-calculation-info.compact{padding:6px 0;font-size:12px;color:var(--md-text-secondary);background-color:transparent;border-top:1px solid var(--md-border);margin-top:8px;text-align:center}.crafting-calculation-info.compact .calculation-text{display:block;margin-bottom:2px}.crafting-calculation-info.compact .leftover-text{color:var(--md-warning)}.crafting-calculation-info.compact .leftover-text svg{vertical-align:middle;margin-right:4px}.leftover-items-section{margin-top:15px;padding:12px;background-color:#ffffff0d;border-radius:6px;border-left:3px solid var(--md-accent);box-shadow:0 2px 4px #0000001a}.leftover-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--md-accent);font-weight:600;font-size:14px}.leftover-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.leftover-item{background-color:#ffffff0f;padding:8px 10px;border-radius:5px;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.leftover-item:hover{background-color:#ffffff17}.leftover-label{color:var(--md-text-secondary);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65%}.leftover-value{color:var(--md-accent);font-weight:600;font-size:14px;text-shadow:0 0 10px rgba(var(--md-accent-rgb, 103, 232, 249),.3)}.md-connection-item .distribution-controls .input-container{display:inline-grid;grid-template-columns:20px auto;align-items:center;justify-items:start;column-gap:8px}.md-connection-item .distribution-controls .md-form-field.horizontal{justify-content:flex-start}.md-connection-item .distribution-controls .md-form-field.horizontal label{min-width:auto!important;flex:0 0 auto}.md-connection-item .distribution-controls .md-form-field.horizontal .input-container{margin-left:15px!important;flex:0 0 auto}.md-connection-item .distribution-controls .input-container .disconnect-icon-button,.md-connection-item .distribution-controls .input-container .reset-spacer{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.distribution-summary{display:flex;align-items:center;justify-content:space-between;background-color:#0003;border-radius:6px;padding:12px;margin-bottom:16px}.dist-summary-item{display:flex;flex-direction:column;align-items:center}.summary-value{font-size:18px;font-weight:500;color:var(--md-text-primary)}.summary-value.negative{color:var(--md-error)}.summary-value.reset-splits{cursor:pointer;position:relative}.summary-value.reset-splits:hover{color:var(--md-primary)}.summary-label{font-size:12px;color:var(--md-text-secondary);margin-top:2px}.summary-arrow{color:var(--md-primary)}.amount-field{display:flex;align-items:center;margin-top:8px}.amount-field label{margin-right:10px;min-width:60px}.amount-field .md-input-small{width:80px}.connection-tip{display:flex;align-items:center;gap:6px;padding:8px 12px;background-color:var(--md-primary-light);border-radius:4px;color:var(--md-primary);font-size:13px;font-weight:500}.negative-amount{color:#ff6b6b}.distribution-warning{color:#ff6b6b;font-size:.85rem;margin-top:8px;padding:8px;border-radius:4px;background:#ff6b6b1a}.disconnect-icon-button{outline:none;border:none;background:transparent;color:#ff4c4c;transition:all .2s ease;padding:5px;border-radius:4px;opacity:1}.disconnect-icon-button:hover,.disconnect-icon-button:focus{outline:none;box-shadow:none;color:#ff4c4c;background-color:#ff4c4c1a;transform:scale(1.1)}.disconnect-icon-button::-moz-focus-inner{border:0}.flow-visualization{display:none}.flow-node-name{font-size:14px;color:var(--md-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:48%;position:relative;cursor:default;transition:color .2s ease}.flow-node-name:hover{color:var(--md-primary)}.flow-arrow-icon{color:var(--md-text-secondary);opacity:.7;flex-shrink:0;font-size:14px;padding:0 2px}.connection-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 12px;background-color:#ffffff08;border-radius:4px}.flow-inline{display:flex;align-items:center;flex-grow:1;overflow:hidden;margin-right:10px}.flow-node-name.source{max-width:48%;margin-right:4px}.flow-node-name.target{max-width:48%;margin-left:4px}.input-with-status{position:relative;display:flex;align-items:center}.manual-badge{position:absolute;right:-24px;background:#555;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.md-input.manually-set{border-color:gold}.md-input.manually-set:focus{border-color:#e6c300;box-shadow:0 0 0 2px #ffd7004d}.leftover-items-section{margin-top:12px;border-top:1px solid var(--separator-color);padding-top:12px}.leftover-header{display:flex;align-items:center;margin-bottom:8px;color:var(--text-muted);font-size:.9rem}.leftover-header svg{margin-right:6px}.leftover-items-list{display:flex;flex-direction:column;gap:6px}.leftover-item{display:flex;justify-content:space-between;padding:4px 8px;border-radius:4px;background-color:var(--background-light);font-size:.85rem}.leftover-item-name{font-weight:500}.leftover-item-value{display:flex;align-items:center}.leftover-amount{font-weight:600;color:#8e6a4d;margin-right:4px}.leftover-details{color:var(--text-muted);font-size:.8rem}.leftover-items-compact{margin-top:8px;margin-bottom:12px;padding:6px 8px;background-color:#0000001a;border-radius:4px;font-size:.8rem}.leftover-items-compact .leftover-header{display:flex;align-items:center;color:var(--text-muted);margin-bottom:4px}.leftover-items-compact .leftover-header svg{margin-right:4px;color:#8e6a4d}.leftover-items-grid{display:flex;flex-wrap:wrap;gap:6px}.leftover-item-compact{background-color:#8e6a4d1a;padding:2px 6px;border-radius:3px;display:flex;align-items:center}.leftover-label{font-weight:500;margin-right:4px}.leftover-value{color:#8e6a4d;font-weight:600}.md-actions{margin-top:auto;padding-top:24px;display:flex;flex-direction:column;gap:12px}.md-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:4px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.md-button svg{font-size:16px}.md-button:disabled{opacity:.5;cursor:not-allowed}.md-button-outlined{background-color:transparent;border:1px solid var(--md-border);color:var(--md-text-primary)}.md-button-outlined:hover:not(:disabled){background-color:#ffffff0d;border-color:var(--md-text-secondary)}.md-button-danger{background-color:transparent;border:1px solid rgba(255,77,77,.3);color:var(--md-error)}.md-button-danger:hover:not(:disabled){background-color:#ff4d4d1a;border-color:var(--md-error)}.multiplier-explanation{font-size:.75rem;line-height:1.2;opacity:.65;margin-top:.5rem}.account-modal-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;padding:clamp(16px,4vh,40px) clamp(16px,6vw,48px);background:#060a14c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:0;transition:opacity .3s ease}.account-modal-overlay.show{opacity:1}.account-modal-content{position:relative;width:min(660px,100%);max-height:calc(100vh - 48px);background:#121420f0;border-radius:24px;padding:clamp(28px,5vw,44px) clamp(24px,5vw,40px);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 80px #00000073;color:#f3f4ff;transform:translateY(24px) scale(.96);opacity:0;transition:transform .35s ease,opacity .35s ease;overflow:hidden;display:flex;flex-direction:column}.account-modal-content.show{transform:translateY(0) scale(1);opacity:1}.account-modal-content::-webkit-scrollbar{width:6px}.account-modal-content::-webkit-scrollbar-track{background:#ffffff14}.account-modal-content::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:3px}.account-modal-background{position:absolute;inset:0;background:radial-gradient(ellipse at top left,rgba(123,31,162,.45),transparent 55%),radial-gradient(ellipse at bottom right,rgba(0,255,153,.32),transparent 50%),linear-gradient(135deg,#1c202ed9,#0e101ab3);mask-image:linear-gradient(to bottom,#000 0% 70%,#0000);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 70%,rgba(0,0,0,0) 100%);pointer-events:none;z-index:0}.account-modal-inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(24px,4vw,32px);flex:1;overflow-y:auto;padding-right:clamp(0px,1vw,6px)}.account-modal-inner::-webkit-scrollbar{width:6px}.account-modal-inner::-webkit-scrollbar-track{background:#ffffff14}.account-modal-inner::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:3px}.loading-container{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;min-height:220px;color:#e5e7ffcc}.spinner{width:32px;height:32px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:#0f9c;animation:account-spin .9s linear infinite}@keyframes account-spin{to{transform:rotate(360deg)}}.account-auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:clamp(22px,4vw,36px);align-items:stretch}.account-auth-panel{position:relative;border-radius:20px;border:1px solid rgba(255,255,255,.08);padding:clamp(22px,4vw,32px);background:#0a0e16a6;display:flex;flex-direction:column;gap:18px;box-shadow:0 16px 40px #00000059}.account-auth-panel.accent{background:linear-gradient(145deg,#7b1fa242,#00ff992e 70%,#0c101ccc);border:1px solid rgba(169,115,255,.35)}.account-brand-strip{display:flex;align-items:center;gap:16px}.account-logo-badge{width:56px;height:56px;border-radius:16px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 12px 28px #00000059}.account-logo-badge img{width:36px;height:36px}.account-brand-copy{display:flex;flex-direction:column;gap:4px}.account-app-name{font-size:15px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:#f8f8ff}.account-app-tagline{font-size:13px;color:#e2dfffbf}.account-auth-copy h3{margin:12px 0 6px;font-size:22px;letter-spacing:.3px;color:#fff}.account-auth-copy p{margin:0;font-size:14px;color:#e8e5ffd1;line-height:1.5}.account-feature-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.account-feature-item{display:flex;gap:12px;align-items:flex-start}.account-feature-icon{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#7b1fa26b,#00ff996b);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.account-feature-content strong{display:block;margin-bottom:4px;font-size:14px;font-weight:600}.account-feature-content p{margin:0;font-size:13px;color:#e5e2ffbf;line-height:1.5}.account-form-header{display:flex;flex-direction:column;gap:10px}.account-form-pill{align-self:flex-start;padding:6px 12px;border-radius:999px;background:#7b1fa238;border:1px solid rgba(123,31,162,.45);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#eeecffe6}.account-form-header h2{margin:0;font-size:26px;color:#fff}.account-form-header p{margin:0;font-size:14px;color:#e5e5ffc7;line-height:1.6}.auth-form{display:flex;flex-direction:column;gap:18px;margin-top:18px}.auth-field{display:flex;flex-direction:column;gap:8px}.auth-field label{font-size:12px;letter-spacing:.3px;text-transform:uppercase;color:#dbd8ffa6}.auth-input-field{position:relative;display:flex;align-items:center;padding:14px 18px;border-radius:14px;background:#0c0e16cc;border:1px solid rgba(123,31,162,.2);transition:border .2s ease,box-shadow .2s ease}.auth-input-field .auth-icon{position:absolute;left:18px;color:#ffffff8c;font-size:16px}.auth-input-field input{width:100%;padding:0 0 0 28px;background:transparent;border:none;color:#fff;font-size:16px;line-height:1.5;outline:none}.auth-input-field input::placeholder{color:#ffffff70}.auth-input-field:focus-within{border-color:#00ff997a;box-shadow:0 0 0 3px #00ff991f}.account-inline-notice{margin-top:-2px;padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.45;background:#ffffff0f;color:#e8e5ffd9;border:1px solid rgba(255,255,255,.08)}.account-inline-notice.success{background:#00ff991f;border-color:#00ff994d;color:#d1ffedf2}.account-inline-notice.error{background:#ff40811f;border-color:#ff528d52;color:#ffd6e0f2}.auth-submit-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 26px;border-radius:999px;border:none;background:linear-gradient(135deg,#7b1fa2,#0f9);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;text-transform:none}.auth-submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 32px #00ff993d}.auth-submit-button:disabled{opacity:.6;cursor:wait;box-shadow:none}.auth-submit-button.cancel-button{background:#ffffff14;color:#ecebffe0}.auth-submit-button.cancel-button:hover{box-shadow:none;transform:none;background:#ffffff24}.account-dashboard{display:flex;flex-direction:column;gap:24px}.account-dashboard-card{gap:24px}.account-header{display:flex;flex-direction:column;gap:10px;text-align:left}.account-title{margin:0;font-size:24px;color:#fff}.account-subtitle{margin:0;font-size:14px;color:#e2e0ffc2}.account-content{display:flex;flex-direction:column;gap:20px}.account-details{display:flex;flex-direction:column;gap:18px}.account-detail-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-radius:16px;background:#0c101c99;border:1px solid rgba(255,255,255,.08)}.detail-text-content{display:flex;flex-direction:column;gap:6px;min-width:0}.detail-label{font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:#d4d1ff99}.detail-value{margin:0;font-size:16px;font-weight:500;color:#f7f7ff;word-break:break-word}.detail-muted{display:inline-block;margin-left:8px;font-size:13px;font-weight:400;color:#d4d1ff8c}.account-text-button{background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;color:#ece9ffe0;cursor:pointer;transition:background .2s ease,color .2s ease}.account-text-button:hover{background:#00ff992e;color:#0c101c}.account-text-button.coming-soon{background:#ffffff0a;border-color:#ffffff14;color:#ffffff80;cursor:default}.account-text-button.coming-soon:hover{background:#ffffff0a;color:#ffffff80}.change-email-section{display:flex;flex-direction:column;gap:18px;margin-top:8px;padding:20px;border-radius:16px;background:#0a0c14a6;border:1px dashed rgba(123,31,162,.4)}.change-section-title{margin:0;font-size:18px;color:#fff}.change-email-buttons-container{display:flex;flex-wrap:wrap;gap:12px}.account-actions{display:flex;justify-content:flex-start;margin-top:8px}.sign-out-button{min-width:160px;background:#ffffff14;color:#ecebffe0}.sign-out-button:hover{background:#ffffff24;box-shadow:none;transform:none;color:#ecebfff0}.account-legal-links{margin-top:clamp(12px,2vw,24px);display:flex;justify-content:center;align-items:center;gap:14px;font-size:12px;color:#dfddff8c}.account-legal-links a{color:inherit;text-decoration:none}.account-legal-links a:hover,.account-legal-links a:focus{text-decoration:underline}.account-legal-separator{color:#ffffff4d}@media(max-width:920px){.account-auth-layout{grid-template-columns:1fr}.account-auth-panel.accent{order:2}}@media(max-width:720px){.account-modal-content{border-radius:20px;padding:28px 20px 24px}.account-auth-panel{border-radius:18px;padding:20px}.account-detail-item{flex-direction:column;align-items:stretch}.account-text-button{align-self:flex-start}.account-actions{justify-content:center}}@media(max-height:680px){.account-modal-overlay{align-items:flex-start}.account-modal-content{max-height:calc(100vh - 24px)}}@media(prefers-reduced-motion:reduce){.account-modal-overlay,.account-modal-content,.auth-submit-button{transition:none}.auth-submit-button:hover{transform:none;box-shadow:none}}.board-options-modal{position:absolute;background-color:#232628;border-radius:10px;box-shadow:0 4px 6px #00000080;color:#ececec;font-family:Poppins,sans-serif;padding:10px}.board-options-modal-content{position:relative;padding:10px;text-align:left}.board-options-modal ul{list-style:none;padding:0;margin:0}.board-options-modal ul li{padding:10px;cursor:pointer;transition:background-color .3s ease,color .3s ease;display:flex;align-items:center;gap:10px;font-size:14px}.board-options-modal ul li:hover{background:#2a2a2a;color:#ececec}.board-options-modal ul li:not(.delete-option):hover .modal-icon{color:#0f9}.board-options-modal ul li.delete-option{color:#ff5f5f}.board-options-modal ul li.delete-option:hover{color:#ff3b3b}.board-options-modal ul li.delete-option .modal-icon{color:#ff5f5f}.board-options-modal ul li.delete-option:hover .modal-icon{color:#ff3b3b}.search-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:flex-start;padding-top:100px;z-index:1000;opacity:0;transition:opacity .3s ease}.search-modal-overlay.show{opacity:1}.search-modal-content{background-color:#232628;padding:20px;border-radius:8px;width:500px;max-width:90%;position:relative;transform:translateY(-20px);opacity:0;transition:all .3s ease}.search-modal-content.show{transform:translateY(0);opacity:1}.search-modal-content input{width:100%;padding:10px;border:none;border-radius:4px;background-color:#333;color:#fff;font-size:16px}.search-modal-close-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#f5f5f55e;cursor:pointer;height:36px;width:36px;display:flex;justify-content:center;align-items:center;font-size:16px;transition:color .2s ease}.search-modal-close-button:hover,.search-modal-close-button:active{color:#ff5f5f}.splash-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;padding:clamp(16px,4vh,40px) clamp(12px,4vw,48px);box-sizing:border-box;background:#060a14c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:0;transition:opacity .3s ease;overflow:hidden}.splash-modal-overlay.splash-show{opacity:1}.splash-content{position:relative;width:min(960px,100%);max-height:100%;background:#171b29eb;border-radius:24px;padding:clamp(28px,5vw,44px) clamp(20px,5vw,40px) clamp(20px,4vw,32px);box-shadow:0 24px 80px #00000073;color:#f6f6f6;transform:translateY(24px) scale(.96);opacity:0;transition:transform .35s ease,opacity .35s ease;border:1px solid rgba(255,255,255,.08);overflow-y:auto;overflow-x:hidden}.splash-content:focus-visible,.splash-content:focus{outline:none;box-shadow:0 24px 80px #00000073}.splash-content.splash-show{transform:translateY(0) scale(1);opacity:1}.splash-content::-webkit-scrollbar{width:6px}.splash-content::-webkit-scrollbar-track{background:#ffffff14}.splash-content::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:3px}.splash-background-glow{position:absolute;inset:0;background:radial-gradient(ellipse at top left,rgba(123,31,162,.45),transparent 55%),radial-gradient(ellipse at bottom right,rgba(0,255,153,.32),transparent 50%),linear-gradient(135deg,#1c202ed9,#0e101ab3);mask-image:linear-gradient(to bottom,#000 0% 70%,#0000);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 70%,rgba(0,0,0,0) 100%);pointer-events:none;z-index:0}.splash-inner{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(20px,4vw,36px)}.splash-panel{display:flex;flex-direction:column;gap:clamp(16px,2vw,24px)}.splash-panel-left{padding-right:12px;display:flex;flex-direction:column;justify-content:space-between;min-height:520px}.splash-panel-right{background:#0c0e168c;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:clamp(18px,3vw,24px) clamp(16px,3vw,24px) clamp(20px,3vw,28px);display:flex;flex-direction:column;gap:18px;min-height:520px;max-height:520px;overflow:hidden;box-sizing:border-box}.splash-panel-right .splash-card{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden}.splash-panel-right .splash-tutorial-card{flex:1 1 auto;min-height:0}.splash-brand-strip{display:flex;align-items:center;gap:14px}.splash-logo-icon{width:56px;height:56px;border-radius:16px;background:#ffffff14;padding:10px}.splash-brand-info{display:flex;flex-direction:column;gap:4px}.splash-app-name{font-size:15px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:#f8f8f8}.splash-app-tagline{font-size:13px;color:#ebe7ffbf}.splash-welcome h2{font-size:30px;margin:20px 0 12px;letter-spacing:.4px}.splash-welcome p{font-size:15px;color:#ebebffc7;margin:0}.splash-feature-section h3{font-size:18px;font-weight:600;margin-bottom:12px;color:#f5f3ff}.splash-signedin-overview{display:flex;flex-direction:column;gap:20px}.splash-quick-links.inline{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.splash-quick-links.inline .splash-quick-link-description{display:none}.splash-quick-links.inline .splash-quick-link{align-items:center}.splash-quick-links.inline .splash-quick-link-label{font-size:15px}.splash-panel-right>.splash-quick-links.inline{grid-template-columns:repeat(2,minmax(0,1fr))}.splash-panel-right>.splash-quick-links.inline .splash-quick-link-description{display:block}.splash-panel-right>.splash-quick-links.inline .splash-quick-link-label{font-size:14px}.splash-feature-list{display:grid;gap:12px}.splash-feature-item{display:flex;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;transition:transform .2s ease,box-shadow .2s ease}.splash-feature-item:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00000040}.splash-feature-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#7b1fa261,#00ff9961);display:flex;align-items:center;justify-content:center;color:#fff}.splash-feature-content h4{margin:0 0 4px;font-size:15px;font-weight:600}.splash-feature-content p{margin:0;font-size:13px;color:#e6e4ffbf;line-height:1.45}.splash-button-group{display:flex;flex-wrap:wrap;gap:14px;margin-top:auto}.splash-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 26px;border-radius:24px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;background:linear-gradient(135deg,#7b1fa2,#0f9);color:#fff}.splash-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #00ff994d}.splash-button.secondary{background:transparent;border:1px solid rgba(123,31,162,.6);color:#e8fff5d9}.splash-button.secondary:hover{background:#00ff991f;box-shadow:none}.splash-discord-link{display:inline-flex;align-items:center;gap:6px;color:#bdb2fff2;text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap;transition:color .2s ease}.splash-discord-link.inline{margin-left:18px}.splash-discord-link:hover{color:#fff}.splash-discord-link.disabled{color:#bdb2ff59;cursor:not-allowed;pointer-events:none;opacity:.5}.splash-button.small{padding:10px 20px;font-size:14px}.splash-signin-callout{display:flex;gap:12px;padding:16px;border-radius:16px;border:1px dashed rgba(255,255,255,.16);background:#ffffff0f}.splash-signin-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#7b1fa252,#00ff9952);display:flex;align-items:center;justify-content:center;color:#fff}.splash-signin-content h4{margin:0 0 4px;font-size:14px}.splash-signin-content p{margin:0 0 10px;font-size:13px;color:#e8e5ffc7}.splash-signin-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.splash-text-link{background:none;border:none;color:#b7ffe5d9;font-size:13px;cursor:pointer;padding:0;text-decoration:underline}.splash-text-link:hover{color:#fff}.splash-quick-links{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.splash-quick-link{display:flex;align-items:flex-start;gap:12px;padding:16px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;cursor:pointer;text-align:left;transition:transform .2s ease,box-shadow .2s ease}.splash-quick-link:hover{transform:translateY(-2px);box-shadow:0 16px 30px #0000004d}.splash-quick-link.disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}.splash-quick-link-icon{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#7b1fa259,#00ff9959);display:flex;align-items:center;justify-content:center;color:#fff}.splash-quick-link-label{font-size:14px;font-weight:600;color:#f8f8ff}.splash-quick-link-description{display:block;font-size:12px;color:#e4e1ffb8;margin-top:2px}.splash-card{border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#0a0c148c;padding:20px;display:flex;flex-direction:column;gap:14px}.splash-tutorial-card{position:relative;gap:20px;background:linear-gradient(155deg,#7b1fa252,#0c0e16b8 55%,#050812e0);border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 50px #00000059;overflow-y:auto;overflow-x:hidden;max-height:100%}.splash-tutorial-card:before{content:"";position:absolute;inset:-120px 40% auto -60px;height:240px;background:radial-gradient(circle at center,rgba(0,255,153,.22) 0%,transparent 70%);pointer-events:none}.splash-tutorial-card>*{position:relative;z-index:1}.splash-tutorial-hero{display:flex;flex-direction:column;gap:10px}.splash-tutorial-hero h3{margin:0;font-size:20px;letter-spacing:.4px}.splash-tutorial-hero p{margin:0;font-size:14px;color:#e6e4ffd1}.splash-tutorial-divider{width:48px;height:2px;border-radius:999px;background:linear-gradient(135deg,#7b1fa299,#0f99)}.splash-tutorial-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.splash-tutorial-step{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#090b1294;box-shadow:0 10px 30px #00000047}.splash-tutorial-step-index{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(135deg,#7b1fa2b3,#00ff99b3);box-shadow:0 6px 14px #0f93}.splash-tutorial-step-icon{width:32px;height:32px;border-radius:10px;background:#ffffff1f;display:flex;align-items:center;justify-content:center;color:#fbfbfb}.splash-tutorial-step-content{display:flex;flex-direction:column;gap:6px}.splash-tutorial-step-title{font-size:14px;font-weight:600;color:#f5f3ff}.splash-tutorial-step-content p{margin:0;font-size:13px;color:#e2dfffbf;line-height:1.5}.splash-card-header{display:flex;align-items:center;justify-content:space-between}.splash-card-header h3{margin:0;font-size:18px}.splash-version-badge{font-size:12px;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,#7b1fa266,#0f96);color:#f5f5ff;font-weight:600}.splash-update-list{list-style:none;padding:0;margin:0;display:grid;gap:10px;flex:1;overflow-y:auto;overflow-x:hidden}.splash-update-list li{display:flex;align-items:center;gap:10px;font-size:13px;color:#ebe9ffd1}.splash-upcoming .splash-card-header h3{font-size:16px}.splash-upcoming .splash-update-list{gap:6px}.splash-upcoming .splash-update-list li{font-size:12px;gap:8px}.splash-upcoming .splash-update-list li svg{width:12px;height:12px;flex-shrink:0}.splash-link-button{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#dcd7ff;background:transparent;border:none;cursor:pointer;padding:0;text-decoration:none}.splash-link-button:hover{color:#fff}.splash-recent-updates h4{margin:0;font-size:16px}.splash-recent-updates p{margin:0;font-size:13px;color:#e4e1ffc7;line-height:1.5}@media(max-width:1024px){.splash-inner{grid-template-columns:1fr}.splash-panel-left{padding-right:0}.splash-panel-right{min-height:unset}}@media(max-width:860px){.splash-panel-right{flex-direction:column;padding:20px 18px 24px}.splash-panel-right .splash-card{flex:0 0 auto;min-height:unset}.splash-quick-links,.splash-panel-right>.splash-quick-links.inline{grid-template-columns:1fr}.splash-signedin-overview{gap:16px}}@media(max-width:720px){.splash-content{border-radius:16px}.splash-modal-overlay{padding:16px}.splash-brand-strip{flex-direction:column;align-items:flex-start}.splash-button-group{flex-direction:column;align-items:stretch}.splash-button.small{width:100%;justify-content:center}.splash-button-group .splash-discord-link.inline{margin-left:0;margin-top:8px;justify-content:center}.splash-signin-actions{flex-direction:column;align-items:stretch}}@media(max-width:560px){.splash-content{padding:24px 18px 20px}.splash-logo-icon{width:48px;height:48px}.splash-quick-link{padding:14px 12px}.splash-panel-right{padding:16px}.splash-tutorial-step{grid-template-columns:repeat(2,auto) 1fr;gap:12px}.splash-tutorial-step-index{width:26px;height:26px;font-size:12px}.splash-tutorial-step-icon{width:28px;height:28px}}@media(max-height:640px){.splash-content{max-height:calc(100vh - 24px)}.splash-modal-overlay{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.splash-modal-overlay,.splash-content{transition:none}}.table-options-modal{background-color:#232628;border-radius:10px;box-shadow:0 4px 6px #00000080;color:#ececec;font-family:Poppins,sans-serif;padding:10px}.table-options-modal-content{position:relative;padding:10px;text-align:left}.table-options-modal ul{list-style:none;padding:0;margin:0}.table-options-modal ul li{padding:10px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background-color .3s ease,color .3s ease;font-size:14px}.table-options-modal ul li:hover{background:#2a2a2a;color:#ececec}.table-options-modal ul li .modal-icon{transition:color .3s ease}.table-options-modal ul li .delete-icon,.table-options-modal ul li.delete-option .delete-icon{color:#f44336}.table-options-modal ul li.delete-option:hover .modal-icon{color:#f44336!important}.table-options-modal ul li.delete-option span{transition:color .3s ease}.table-options-modal ul li.delete-option:hover span{color:#f44336}.table-options-modal ul li:hover .modal-icon{color:#0f9}.table-options-modal .delete-option{color:#ff4d4d}.table-options-modal .delete-option:hover{background-color:#2a2a2a}.table-options-modal .delete-option .modal-icon{color:#ff4d4d}.table-options-modal .delete-option:hover span,.table-options-modal .delete-option:hover .modal-icon{color:#f33}.delete-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.delete-modal{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;width:90%;text-align:center}.warning-icon{color:#f44;font-size:48px;margin-bottom:16px}.delete-modal h2{margin:0 0 16px;color:#333}.delete-modal p{margin:0 0 24px;color:#666}.delete-modal-buttons{display:flex;justify-content:center;gap:16px}.delete-modal-buttons button{padding:8px 24px;border-radius:4px;border:none;cursor:pointer;font-weight:500;transition:background-color .2s}.cancel-button{background-color:#e0e0e0;color:#333}.cancel-button:hover{background-color:#d0d0d0}.delete-button{background-color:#f44;color:#fff}.delete-button:hover{background-color:red}.delete-confirmation-modal{background-color:#1e2124;padding:18px;border-radius:12px;box-shadow:0 6px 16px #0000004d;min-width:280px;max-width:320px;text-align:center;animation:modal-pop .2s ease-out forwards;border:1px solid rgba(255,255,255,.1)}@keyframes modal-pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.delete-confirmation-modal .modal-content{display:flex;flex-direction:column;align-items:center;gap:12px}.delete-confirmation-modal .warning-icon{color:#ff3030;font-size:40px;filter:drop-shadow(0 0 5px rgba(255,0,0,.5));text-shadow:0 0 10px rgba(255,0,0,.3)}.delete-confirmation-modal h3{color:#fff;margin:0;font-size:1.1em;font-weight:600;letter-spacing:.3px}.delete-confirmation-modal p{color:#b8b8b8;margin:0;text-align:center;max-width:280px;font-size:.9em;line-height:1.4}.delete-confirmation-modal .warning-details{font-size:.85em;color:#ff8a8a;margin-top:4px;line-height:1.3}.delete-confirmation-modal .modal-actions{display:flex;justify-content:center;gap:8px;margin-top:12px;width:100%}.delete-confirmation-modal .modal-actions button{padding:6px 16px;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .15s ease;min-width:80px;letter-spacing:.3px;text-transform:uppercase}.delete-confirmation-modal .cancel-btn{background-color:#ffffff14;color:#e0e0e0;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .25s cubic-bezier(.4,0,.2,1)}.delete-confirmation-modal .delete-btn{background:linear-gradient(45deg,#e02020,#ff3030,#ff4040);color:#fff;border:none;box-shadow:0 3px 6px #ff30304d,0 2px 4px #ff000059;position:relative;overflow:hidden;text-shadow:0 1px 1px rgba(0,0,0,.2);transition:all .25s cubic-bezier(.4,0,.2,1)}.delete-confirmation-modal .delete-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.delete-confirmation-modal .delete-btn:hover{background:linear-gradient(45deg,#e02020,#ff3030,#ff4040);transform:translateY(-1px);box-shadow:0 6px 12px #ff303059,0 4px 8px #f006}.delete-confirmation-modal .delete-btn:hover:before{left:100%}.delete-confirmation-modal .delete-btn:active{background:linear-gradient(45deg,#e02020,#ff3030,#ff4040);transform:translateY(0);box-shadow:0 2px 4px #ff303040,0 1px 3px #0003}.delete-confirmation-modal .cancel-btn:hover{background-color:#ffffff26;transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.delete-confirmation-modal .cancel-btn:active{transform:translateY(0);background-color:#ffffff0d}.delete-confirmation-modal .cancel-btn:active,.delete-confirmation-modal .delete-btn:active{transform:translateY(0)}.icon-picker-modal-content{background-color:#232628;color:#ececec;padding:12px;border-radius:10px;box-shadow:0 8px 24px #0006;width:80%;max-width:300px;max-height:unset;display:flex;flex-direction:column;align-items:center;position:relative}.icon-picker-modal-content h2{text-align:center;margin-top:0;margin-bottom:20px;color:#0f9}.icon-picker-search{margin-bottom:16px;display:flex;justify-content:center}.icon-picker-search input{width:100%;padding:10px 12px;border-radius:6px;border:1px solid #444;background-color:#2a2a2a;color:#fff;font-size:14px;outline:none}.icon-picker-search input:focus{border-color:#0f9;box-shadow:0 0 0 1px #0f93}.icon-picker-categories{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #444}.category-tab{padding:6px 12px;border:1px solid #555;background-color:transparent;color:#aaa;border-radius:16px;cursor:pointer;font-size:13px;transition:all .2s ease}.category-tab:hover{background-color:#333;color:#eee}.category-tab.active{background-color:#0f9;color:#222;border-color:#0f9;font-weight:500}.icon-picker-grid{flex:0 0 auto;height:135px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;padding:6px;background-color:#1e1e1e;border-radius:6px;width:100%}.icon-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px;border-radius:6px;cursor:pointer;transition:background-color .2s ease;text-align:center}.icon-item:hover{background-color:#3a3a3a}.icon-item svg{margin-bottom:6px;color:#ccc}.icon-item:hover svg{color:#0f9}.icon-name{font-size:11px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.icon-picker-grid p{grid-column:1 / -1;text-align:center;color:#888;margin-top:20px}.icon-picker-grid::-webkit-scrollbar{width:8px}.icon-picker-grid::-webkit-scrollbar-track{background:#2a2a2a;border-radius:4px}.icon-picker-grid::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px;border:2px solid #2a2a2a}.icon-picker-grid::-webkit-scrollbar-thumb:hover{background-color:#777}.recipe-card-menu-container{position:relative;z-index:1}.recipe-card:has(.recipe-card-menu-trigger--active){z-index:100;position:relative}.recipe-card-menu-trigger{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:8px;background:transparent;color:#d6f0e899;cursor:pointer;transition:all .15s ease}.recipe-card-menu-trigger:hover,.recipe-card-menu-trigger--active{background:#ffffff1a;color:#d6f0e8f2}.recipe-card-menu-trigger svg{width:18px;height:18px}.recipe-card-menu-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;padding:6px;border-radius:12px;background:linear-gradient(135deg,#181c2cfa,#10121cfa);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #0006,0 0 0 1px #0003;z-index:1000;animation:recipe-menu-appear .15s ease-out}@keyframes recipe-menu-appear{0%{opacity:0;transform:translateY(-4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.recipe-card-menu-group{display:flex;flex-direction:column}.recipe-card-menu-group+.recipe-card-menu-group{margin-top:4px;padding-top:4px;border-top:1px solid rgba(255,255,255,.08)}.recipe-card-menu-group--danger{margin-top:4px;padding-top:4px;border-top:1px solid rgba(255,77,77,.2)}.recipe-card-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:#d6f0e8e6;font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:all .12s ease}.recipe-card-menu-item:hover{background:#ffffff14}.recipe-card-menu-item svg{width:16px;height:16px;flex-shrink:0;opacity:.8}.recipe-card-menu-item:hover svg{opacity:1}.recipe-card-menu-item--warning{color:#ffb74df2}.recipe-card-menu-item--warning:hover{background:#ffb74d1f}.recipe-card-menu-item--danger{color:#ff6b6bf2}.recipe-card-menu-item--danger:hover{background:#ff4d4d1f}.recipe-card-menu-item--success{color:#00ff99f2}.recipe-card-menu-item--success:hover{background:#00ff991f}.recipe-card-menu-item--disabled,.recipe-card-menu-item--disabled:hover{color:#96969680;background:transparent;cursor:not-allowed;opacity:.6}.recipe-card-menu-item--disabled svg{opacity:.4}.report-modal-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:report-overlay-fade .15s ease-out}@keyframes report-overlay-fade{0%{opacity:0}to{opacity:1}}.report-modal{position:relative;width:min(440px,92vw);max-height:calc(100vh - 48px);overflow-y:auto;padding:24px 28px 28px;border-radius:20px;background:radial-gradient(ellipse at 15% 15%,rgba(255,183,77,.12),transparent 50%),linear-gradient(135deg,#121420fa,#0a0c16f5);border:1px solid rgba(255,183,77,.2);box-shadow:0 24px 64px #00000080;animation:report-modal-pop .2s ease-out}@keyframes report-modal-pop{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.report-modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.report-modal-title-row{display:flex;align-items:center;gap:10px}.report-modal-icon{font-size:22px;color:#ffb74d}.report-modal-title{margin:0;font-size:20px;font-weight:600;color:#fff}.report-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:8px;background:#ffffff0f;color:#d6f0e8b3;cursor:pointer;transition:all .15s ease}.report-modal-close:hover:not(:disabled){background:#ffffff1f;color:#fff}.report-modal-close:disabled{opacity:.5;cursor:not-allowed}.report-modal-close svg{width:18px;height:18px}.report-modal-template-info{display:flex;align-items:center;gap:8px;padding:12px 14px;margin-bottom:20px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.report-modal-template-label{font-size:13px;color:#d6f0e899}.report-modal-template-name{font-size:14px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-modal-form{display:flex;flex-direction:column;gap:18px}.report-modal-field{display:flex;flex-direction:column;gap:8px}.report-modal-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#d6f0e8d9}.report-modal-required{color:#ff6b6b}.report-modal-optional{font-weight:400;color:#d6f0e880;margin-left:4px}.report-modal-select{padding:12px 40px 12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fff;font-size:14px;cursor:pointer;transition:all .15s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(214,240,232,0.6)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.report-modal-select:hover:not(:disabled){border-color:#fff3;background-color:#ffffff0f}.report-modal-select:focus{outline:none;border-color:#ffb74d80;box-shadow:0 0 0 3px #ffb74d26}.report-modal-select:disabled{opacity:.5;cursor:not-allowed}.report-modal-select option{background:#1a1c28;color:#fff}.report-modal-textarea{padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fff;font-size:14px;font-family:inherit;line-height:1.5;resize:vertical;min-height:100px;transition:all .15s ease}.report-modal-textarea:hover:not(:disabled){border-color:#fff3;background-color:#ffffff0f}.report-modal-textarea:focus{outline:none;border-color:#ffb74d80;box-shadow:0 0 0 3px #ffb74d26}.report-modal-textarea:disabled{opacity:.5;cursor:not-allowed}.report-modal-textarea::placeholder{color:#d6f0e866}.report-modal-char-count{font-size:12px;color:#d6f0e880;text-align:right}.report-modal-error{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:10px;background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);color:#ff6b6b;font-size:13px;line-height:1.4}.report-modal-error svg{flex-shrink:0;margin-top:1px}.report-modal-actions{display:flex;gap:12px;margin-top:6px}.report-modal-btn{flex:1;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.report-modal-btn:disabled{opacity:.6;cursor:not-allowed}.report-modal-btn--cancel{background:#ffffff14;border-color:#ffffff26;color:#d6f0e8e6}.report-modal-btn--cancel:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff40}.report-modal-btn--submit{background:linear-gradient(135deg,#ffb74d40,#c88c324d);border-color:#ffb74d66;color:#ffb74d}.report-modal-btn--submit:hover:not(:disabled){background:linear-gradient(135deg,#ffb74d59,#c88c3266);border-color:#ffb74d99;transform:translateY(-1px)}.report-modal-loading{display:flex;align-items:center;justify-content:center;gap:8px}.report-modal-spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:report-spinner .8s linear infinite}@keyframes report-spinner{to{transform:rotate(360deg)}}.share-modal-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:share-overlay-fade .15s ease-out;border-radius:32px}@keyframes share-overlay-fade{0%{opacity:0}to{opacity:1}}.share-modal{position:relative;width:min(480px,92vw);max-height:calc(100vh - 48px);overflow:visible;padding:28px 30px 30px;border-radius:32px;color:#f1fbf7;background:radial-gradient(ellipse at 12% 18%,rgba(123,31,162,.28),transparent 60%),radial-gradient(ellipse at 85% 15%,rgba(0,255,153,.18),transparent 62%),linear-gradient(135deg,#121420f5,#0a0c16eb);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px #060912b8;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);animation:share-modal-pop .2s ease-out}.share-modal:before{content:"";position:absolute;inset:-32px;background:linear-gradient(140deg,#7b1fa238,#00ff992e);filter:blur(130px);opacity:.55;pointer-events:none;z-index:-1}@keyframes share-modal-pop{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.share-modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.share-modal-title-row{display:flex;align-items:center;gap:10px}.share-modal-icon{font-size:22px;color:#0f9}.share-modal-title{margin:0;font-size:20px;font-weight:600;color:#f1fbf7}.share-modal-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid rgba(123,31,162,.35);border-radius:999px;background:#121624d1;color:#f1fbf7;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.share-modal-close:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(135deg,#7b1fa28c,#00ff996b);border-color:#00ff9973;color:#fff}.share-modal-close:disabled{opacity:.5;cursor:not-allowed}.share-modal-close svg{width:18px;height:18px}.share-modal-recipe-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;margin-bottom:20px;border-radius:18px;background:#131828eb;border:1px solid rgba(123,31,162,.24);box-shadow:inset 0 0 0 1px #00ff991f}.share-modal-recipe-name{font-size:15px;font-weight:600;color:#f1fbf7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.share-modal-visibility-badge{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;flex-shrink:0}.share-modal-visibility-badge--listed{background:#00ff9926;color:#0f9}.share-modal-visibility-badge--unlisted{background:#fbbf2426;color:#fbbf24}.share-modal-visibility-badge svg{width:12px;height:12px}.share-modal-not-shareable{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:18px;background:#fbbf2414;border:1px solid rgba(251,191,36,.2)}.share-modal-warning-icon{flex-shrink:0;width:20px;height:20px;color:#fbbf24}.share-modal-not-shareable p{margin:0;font-size:14px;line-height:1.5;color:#d6f0e8d9}.share-modal-label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:#d6f0e8b3}.share-modal-code-section{margin-bottom:20px}.share-modal-code-row{display:flex;gap:8px}.share-modal-code-display{flex:1;display:flex;align-items:center;padding:12px 14px;border-radius:12px;background:#131828eb;border:1px solid rgba(123,31,162,.24);box-shadow:inset 0 0 0 1px #00ff9914;overflow:hidden}.share-modal-code{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:13px;font-weight:600;color:#0f9;letter-spacing:.3px;word-break:break-all;white-space:normal;line-height:1.4}.share-modal-copy-btn{display:flex;align-items:center;gap:6px;padding:12px 16px;border:1px solid rgba(0,255,153,.3);border-radius:12px;background:#00ff991f;color:#0f9;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.share-modal-copy-btn:hover{transform:translateY(-1px);background:#0f93;border-color:#00ff9973}.share-modal-copy-btn--copied{background:#22c55e33;border-color:#22c55e66;color:#22c55e}.share-modal-copy-btn svg{width:16px;height:16px}.share-modal-copy-url-btn{display:flex;align-items:center;gap:6px;margin-top:8px;padding:0;border:none;background:none;color:#d6f0e899;font-size:13px;cursor:pointer;transition:color .15s ease}.share-modal-copy-url-btn:hover{color:#d6f0e8e6}.share-modal-copy-url-btn svg{width:14px;height:14px}.share-modal-visibility-section{margin-bottom:20px}.share-modal-visibility-options{display:flex;flex-direction:column;gap:8px}.share-modal-visibility-option{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid rgba(123,31,162,.24);border-radius:18px;background:#13182899;color:#f1fbf7b3;text-align:left;cursor:pointer;transition:all .18s ease}.share-modal-visibility-option:hover{transform:translateY(-1px);background:#131828cc;border-color:#00ff994d}.share-modal-visibility-option--active{background:#00ff9914;border-color:#0f96;box-shadow:inset 0 0 0 1px #00ff991f;color:#f1fbf7}.share-modal-visibility-option--active:hover{background:#00ff991f}.share-modal-visibility-option svg{flex-shrink:0;width:18px;height:18px;margin-top:2px;color:#f1fbf780}.share-modal-visibility-option--active svg{color:#0f9}.share-modal-visibility-text{display:flex;flex-direction:column;gap:2px}.share-modal-visibility-name{font-size:14px;font-weight:500}.share-modal-visibility-desc{font-size:12px;color:#d6f0e880}.share-modal-visibility-option--active .share-modal-visibility-desc{color:#d6f0e899}.share-modal-regenerate-section{padding-top:16px;border-top:1px solid rgba(123,31,162,.24)}.share-modal-regenerate-btn{display:flex;align-items:center;gap:8px;padding:0;border:none;background:none;color:#f1fbf780;font-size:13px;cursor:pointer;transition:color .15s ease}.share-modal-regenerate-btn:hover:not(:disabled){color:#f1fbf7cc}.share-modal-regenerate-btn:disabled{opacity:.5;cursor:not-allowed}.share-modal-regenerate-btn svg{width:14px;height:14px}.share-modal-regenerate-confirm{padding:14px;border-radius:18px;background:#ef444414;border:1px solid rgba(239,68,68,.2)}.share-modal-regenerate-warning{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}.share-modal-regenerate-warning svg{flex-shrink:0;width:18px;height:18px;color:#ef4444}.share-modal-regenerate-warning p{margin:0;font-size:13px;line-height:1.5;color:#d6f0e8d9}.share-modal-regenerate-actions{display:flex;justify-content:flex-end;gap:8px}.share-modal-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:1px solid rgba(123,31,162,.35);border-radius:12px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.share-modal-btn--cancel{background:#121624d1;color:#f1fbf7cc}.share-modal-btn--cancel:hover:not(:disabled){transform:translateY(-1px);background:#ffffff1a;border-color:#00ff994d}.share-modal-btn--danger{background:#ef444433;border-color:#ef444466;color:#ef4444}.share-modal-btn--danger:hover:not(:disabled){transform:translateY(-1px);background:#ef44444d}.share-modal-btn:disabled{opacity:.6;cursor:not-allowed}.share-modal-spinner{animation:share-modal-spin 1s linear infinite}@keyframes share-modal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.share-modal-privacy-warning{display:flex;align-items:flex-start;gap:10px;margin-top:20px;padding:14px 16px;border-radius:18px;background:#fbbf240f;border:1px solid rgba(251,191,36,.15)}.share-modal-privacy-warning svg{flex-shrink:0;width:16px;height:16px;color:#fbbf24;margin-top:1px}.share-modal-privacy-warning p{margin:0;font-size:12px;line-height:1.5;color:#f1fbf7a6}.share-modal-privacy-warning a{color:#0f9;text-decoration:none;transition:color .15s ease}.share-modal-privacy-warning a:hover{color:#99f6e4;text-decoration:underline}.share-modal-error{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px 14px;border-radius:18px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;font-size:13px}.share-modal-error svg{flex-shrink:0;width:16px;height:16px}.recipe-details-modal-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:details-overlay-fade .15s ease-out;border-radius:32px}@keyframes details-overlay-fade{0%{opacity:0}to{opacity:1}}.recipe-details-modal{position:relative;width:min(500px,92vw);border-radius:32px;color:#f1fbf7;background:radial-gradient(ellipse at 12% 18%,rgba(123,31,162,.12),transparent 60%),radial-gradient(ellipse at 85% 15%,rgba(0,255,153,.08),transparent 62%),linear-gradient(135deg,#121420fa,#0c0e18f5);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px #060912b8;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);animation:details-modal-pop .2s ease-out}.recipe-details-modal:before{content:"";position:absolute;inset:-32px;background:linear-gradient(140deg,#7b1fa21f,#00ff9914);filter:blur(130px);opacity:.45;pointer-events:none;z-index:-1}@keyframes details-modal-pop{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.recipe-details-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 28px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.recipe-details-title-section{flex:1;min-width:0}.recipe-details-title{margin:0 0 6px;font-size:20px;font-weight:600;color:#fff;line-height:1.3}.recipe-details-creator{display:flex;align-items:center;gap:6px;font-size:13px;color:#baeadeb3}.recipe-details-creator svg{width:14px;height:14px}.recipe-details-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid rgba(123,31,162,.35);border-radius:999px;background:#121624d1;color:#f1fbf7;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease;flex-shrink:0;margin-left:12px}.recipe-details-close:hover{transform:translateY(-1px);background:linear-gradient(135deg,#7b1fa28c,#00ff996b);border-color:#00ff9973;color:#fff}.recipe-details-close svg{width:18px;height:18px;display:block}.recipe-details-description-section{padding:20px 28px}.recipe-details-description{margin:0;font-size:14px;line-height:1.6;color:#e9fff7d9;white-space:pre-wrap}.recipe-details-description--empty{color:#baeade80;font-style:italic}.recipe-details-section{padding:0 28px 20px}.recipe-details-section-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#baeade99;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.recipe-details-section-header svg{width:14px;height:14px}.recipe-details-tags{display:flex;flex-wrap:wrap;gap:8px}.recipe-details-tag{padding:6px 12px;border-radius:20px;background:#7b1fa240;border:1px solid rgba(123,31,162,.35);color:#dcc8f0e6;font-size:12px;font-weight:500}.recipe-details-metadata{display:flex;flex-wrap:wrap;gap:16px;padding:0 28px 20px}.recipe-details-meta-item{display:flex;align-items:center;gap:6px;font-size:13px}.recipe-details-meta-item svg{width:14px;height:14px;color:#0f99}.recipe-details-meta-label{color:#baeade99}.recipe-details-meta-value{color:#e9fff7e6;font-weight:500}.recipe-details-stats{display:flex;gap:20px;padding:16px 28px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.recipe-details-stat{display:flex;align-items:center;gap:6px;font-size:13px;color:#baeadecc}.recipe-details-stat svg{width:14px;height:14px;color:#ff7f9acc}.recipe-details-actions{display:flex;gap:12px;padding:24px 28px}.recipe-details-btn{flex:1;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.recipe-details-btn--primary{background:#00ff991f;border:1px solid rgba(0,255,153,.3);color:#0f9}.recipe-details-btn--primary:hover{background:#00ff992e;border-color:#00ff9973}.recipe-details-btn--secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#e9fff7e6}.recipe-details-btn--secondary:hover{background:#ffffff1a;border-color:#ffffff40}.confirmation-dialog-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:confirmation-overlay-fade .15s ease-out}@keyframes confirmation-overlay-fade{0%{opacity:0}to{opacity:1}}.confirmation-dialog{position:relative;width:min(400px,90vw);padding:24px 28px;border-radius:20px;background:radial-gradient(ellipse at 20% 20%,rgba(123,31,162,.2),transparent 50%),linear-gradient(135deg,#121420fa,#0a0c16f5);border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 64px #00000080;animation:confirmation-dialog-pop .2s ease-out}@keyframes confirmation-dialog-pop{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirmation-dialog-content{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.confirmation-dialog-icon{font-size:48px;filter:drop-shadow(0 0 12px currentColor)}.confirmation-dialog-icon--danger{color:#ff4d4d}.confirmation-dialog-icon--warning{color:#ffb74d}.confirmation-dialog-icon--info{color:#4db8ff}.confirmation-dialog-title{margin:0;font-size:20px;font-weight:600;color:#fff;letter-spacing:-.01em}.confirmation-dialog-message{color:#d6f0e8d1;font-size:14px;line-height:1.6}.confirmation-dialog-message p{margin:0 0 8px}.confirmation-dialog-message p:last-child{margin-bottom:0}.confirmation-dialog-message strong{color:#fff;font-weight:600}.confirmation-dialog-actions{display:flex;gap:12px;margin-top:8px;width:100%}.confirmation-dialog-btn{flex:1;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.confirmation-dialog-btn:disabled{opacity:.6;cursor:not-allowed}.confirmation-dialog-btn--cancel{background:#ffffff14;border-color:#ffffff26;color:#d6f0e8e6}.confirmation-dialog-btn--cancel:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff40}.confirmation-dialog-btn--confirm{background:linear-gradient(135deg,#00ff9940,#00c8784d);border-color:#0f96;color:#0f9}.confirmation-dialog-btn--confirm:hover:not(:disabled){background:linear-gradient(135deg,#00ff9959,#00c87866);border-color:#0f99;transform:translateY(-1px)}.confirmation-dialog-btn--danger{background:linear-gradient(135deg,#ff4d4d40,#c832324d);border-color:#ff4d4d66;color:#ff6b6b}.confirmation-dialog-btn--danger:hover:not(:disabled){background:linear-gradient(135deg,#ff4d4d59,#c8323266);border-color:#ff4d4d99;transform:translateY(-1px)}.confirmation-dialog-btn--warning{background:linear-gradient(135deg,#ffb74d40,#c88c324d);border-color:#ffb74d66;color:#ffb74d}.confirmation-dialog-btn--warning:hover:not(:disabled){background:linear-gradient(135deg,#ffb74d59,#c88c3266);border-color:#ffb74d99;transform:translateY(-1px)}.confirmation-dialog-btn--info{background:linear-gradient(135deg,#4db8ff40,#328cc84d);border-color:#4db8ff66;color:#4db8ff}.confirmation-dialog-btn--info:hover:not(:disabled){background:linear-gradient(135deg,#4db8ff59,#328cc866);border-color:#4db8ff99;transform:translateY(-1px)}.confirmation-dialog-loading{display:flex;align-items:center;justify-content:center;gap:8px}.confirmation-dialog-spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:confirmation-spinner .8s linear infinite}@keyframes confirmation-spinner{to{transform:rotate(360deg)}}.template-modal-shell{position:relative;display:flex;flex-direction:column;gap:0;width:min(760px,94vw);min-height:min(620px,calc(100vh - 96px));max-height:calc(100vh - 48px);padding:28px 30px 30px;border-radius:32px;color:#f1fbf7;background:radial-gradient(ellipse at 12% 18%,rgba(123,31,162,.28),transparent 60%),radial-gradient(ellipse at 85% 15%,rgba(0,255,153,.18),transparent 62%),linear-gradient(135deg,#121420f5,#0a0c16eb);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px #060912b8;overflow:visible;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.template-modal-content{display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding-right:8px;margin-right:-8px;flex:1 1 auto;min-height:0;max-height:calc(100vh - 150px);scrollbar-gutter:stable both-edges}.template-modal-content::-webkit-scrollbar{width:6px}.template-modal-content::-webkit-scrollbar-thumb{background:#7ed1c059;border-radius:999px}.template-modal-glow{position:absolute;inset:-32px;background:linear-gradient(140deg,#7b1fa238,#00ff992e);filter:blur(130px);opacity:.55;pointer-events:none}.template-close{position:absolute;top:20px;right:32px;width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(123,31,162,.35);background:#121624d1;color:#f1fbf7;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease;z-index:10}.template-close:hover{transform:translateY(-1px);background:linear-gradient(135deg,#7b1fa28c,#00ff996b);border-color:#00ff9973;color:#fff}.template-header h2{margin:0;font-size:34px;font-weight:600;letter-spacing:-.01em;color:#fff}.template-header p{margin:0;color:#d6f0e8d1;line-height:1.6;font-size:16px}.template-stats{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:14px;padding:14px;border-radius:18px;background:#121624d1;border:1px solid rgba(123,31,162,.24);box-shadow:inset 0 0 0 1px #00ff991a}.template-stat{display:flex;flex-direction:column;gap:6px}.template-stat-label{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#bfe3d9b8}.template-stat-value{font-size:20px;font-weight:600;color:#ebfff7f0}.template-stat-warning{font-size:12px;font-weight:500;color:#ffb74d;opacity:.9}.template-header{display:flex;flex-direction:column;gap:14px}.template-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.template-eyebrow-tab{color:#caece373;transition:color .2s ease}.template-eyebrow-tab--active{color:#00ff99f2;font-weight:600}.template-eyebrow-separator{color:#caece34d;font-weight:400}.template-toolbar{position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;z-index:1}.template-save-toolbar{display:grid;flex:2 1 360px;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.template-toolbar-field{display:flex;flex-direction:column;gap:8px}.template-toolbar-field label{font-size:13px;color:#ccefe5d9}.template-toolbar .template-submit-button{align-self:end;padding:12px 20px;white-space:nowrap;height:auto}.template-search{flex:1 1 220px;min-width:200px;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:16px;background:#111522e0;border:1px solid rgba(123,31,162,.28);box-shadow:inset 0 0 0 1px #00ff991f}.template-search-icon{color:#ade7d7b8;font-size:18px}.template-search input{flex:1;border:none;background:transparent;color:#f8fffd;font-size:15px;outline:none}.template-search input::placeholder{color:#a9dfd480}.template-body{position:relative;z-index:1}.template-library{display:flex;flex-direction:column;gap:18px;padding:22px;border-radius:22px;background:#111522e0;border:1px solid rgba(123,31,162,.26);box-shadow:inset 0 0 0 1px #00ff991a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.template-library-header{display:flex;flex-direction:column;gap:14px}.template-current-context{display:inline-flex;align-items:center;gap:10px;padding:6px 14px;border-radius:999px;background:#161c2aeb;border:1px solid rgba(0,255,153,.28);color:#cdf4e9e6;font-size:13px;letter-spacing:.02em}.template-library-heading{display:flex;align-items:center;gap:12px}.template-library-heading-actions{margin-left:auto;display:flex;align-items:center}.template-hub-button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:14px;border:1px solid rgba(123,31,162,.4);background:#0f1420b8;color:#e9fff7eb;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease}.template-hub-button:hover{border-color:#00ff9973;color:#fff}.template-hub-button:disabled,.template-hub-button[aria-disabled=true]{cursor:not-allowed;border-color:#7b1fa24d;background:#0f142061;color:#e9fff773;opacity:.6}.template-hub-button[aria-disabled=true]{position:relative}.template-hub-button[aria-disabled=true]:after{content:attr(data-preview);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:6px 10px;border-radius:8px;font-size:12px;color:#fff;background:#0c0f1aeb;border:1px solid rgba(123,31,162,.5);box-shadow:0 6px 18px #06081073;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease}.template-hub-button[aria-disabled=true]:hover:after{opacity:1}.template-library-heading svg{font-size:22px;color:#baeaded6}.template-library-heading h3{margin:0;font-size:20px;font-weight:600;color:#e9fef7f0}.template-library-heading p{margin:2px 0 0;font-size:13px;color:#caece3a6}.template-library-tools{display:flex;align-items:center;gap:12px}.template-search-count{font-size:13px;color:#cceee4b3}.template-inline-notice-region{min-height:16px;display:flex;align-items:center}.template-inline-notice{font-size:12px;color:#ff7f9a}.template-inline-notice--success,.template-inline-notice--error{color:#ff7f9a}.template-hub-preview{margin-top:12px;padding:24px;border-radius:22px;background:#0c0f1ad6;border:1px solid rgba(123,31,162,.26);box-shadow:inset 0 0 0 1px #00ff991a;display:flex;flex-direction:column;gap:16px}.template-hub-preview-header h4{margin:0 0 8px;font-size:20px;color:#e9fef7f0}.template-hub-preview-header p{margin:0;color:#caece3bf}.template-hub-preview-actions{display:flex;flex-direction:column;gap:10px}.template-hub-link{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:14px;border:1px solid rgba(0,255,153,.45);color:#fff;text-decoration:none;font-weight:600;background:linear-gradient(135deg,#7b1fa266,#00ff994d)}.template-hub-link svg{width:16px;height:16px}.template-hub-preview-note{margin:0;font-size:13px;color:#cceee4cc}.template-list-container{padding-top:12px;padding-bottom:10px}.template-card-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.template-card-grid>*{display:flex;min-height:0}.template-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(123,31,162,.18)}.template-pagination-status{font-size:14px;color:#cdefe4cc}.template-pagination-button{padding:8px 16px;border-radius:14px;border:1px solid rgba(123,31,162,.4);background:#121624d9;color:#e9fff7eb;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease}.template-pagination-button:hover:not(:disabled){border-color:#00ff9973;color:#fff}.template-pagination-button:disabled{opacity:.4;cursor:not-allowed}.template-card{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:18px;background:#131828eb;border:1px solid rgba(123,31,162,.24);box-shadow:inset 0 0 0 1px #00ff991f;cursor:default;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;flex:1;min-height:0}.template-card:hover{transform:translateY(-1px);border-color:#00ff9973;box-shadow:0 16px 28px #0a101e47}.template-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.template-card-name{flex:1;font-size:16px;font-weight:600;color:#e9fef7f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-delete-button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:12px;border:none;background:#ff7d9129;color:#ff96a7eb;cursor:pointer;transition:background .18s ease,transform .18s ease;line-height:0}.template-delete-button:hover{background:#ff7d9147;transform:translateY(-1px)}.template-delete-button svg{width:16px;height:16px}.template-close-icon,.template-delete-icon{flex-shrink:0;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.template-close-icon{width:20px;height:20px;stroke-width:2.4}.template-delete-icon{width:16px;height:16px;stroke-width:2.2}.template-card-action{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#cef3e8c7}.template-load-icon{width:22px;height:22px;flex-shrink:0;--template-icon-stop1: rgba(186, 234, 222, .82);--template-icon-stop2: rgba(186, 234, 222, .82);transition:opacity .2s ease}.template-card-action:hover .template-load-icon,.template-card-action:focus-within .template-load-icon{--template-icon-stop1: #7b1fa2;--template-icon-stop2: #00ff99}.template-load-text{letter-spacing:.02em}.template-empty-state{padding:36px 0;text-align:center;display:flex;flex-direction:column;gap:10px;color:#c9efe4b8}.template-load-button{padding:10px 18px;margin:0;border-radius:14px;border:1px solid rgba(123,31,162,.4);background:#0f1420b8;font:inherit;font-weight:600;color:#e9fff7eb;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;width:auto;min-height:38px;transition:color .2s ease,border-color .2s ease,background .2s ease}.template-load-button:hover{color:#fff;border-color:#00ff9973;background:#111c2ee6}.template-load-button:focus-visible{outline:2px solid rgba(0,255,153,.65);outline-offset:4px;border-radius:14px}.template-field{display:flex;flex-direction:column;gap:10px}.template-field label{font-size:14px;font-weight:500;color:#ccefe5c7}.template-input-wrapper{position:relative;display:flex;align-items:center}.template-icon{position:absolute;left:16px;color:#a2e1d3b3;font-size:18px}.template-input-wrapper input{width:100%;border-radius:16px;padding:14px 16px 14px 50px;font-size:15px;color:#f9fffe;border:1px solid rgba(123,31,162,.3);background:#0e121edb;box-shadow:inset 0 0 0 1px #00ff9926;transition:border-color .2s ease,box-shadow .2s ease;outline:none}.template-input-wrapper input::placeholder{color:#a9dfd480}.template-input-wrapper input:focus{border-color:#0f99;box-shadow:0 0 0 3px #00ff9938}.template-error-message{margin:0;font-size:12px;color:#ff7f9a;min-height:1em}.template-toolbar-error{margin:-4px 0 8px}.template-toolbar-notice-region{min-height:18px;display:flex;align-items:center}.template-submit-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:16px;border:none;font-size:16px;font-weight:600;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,#7b1fa2,#0f9);box-shadow:0 14px 32px #00ff9940;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.template-submit-button:hover{transform:translateY(-1px);box-shadow:0 18px 36px #00ff9952}.template-submit-button:active{transform:translateY(1px);box-shadow:0 10px 24px #0f93}.template-submit-button:focus-visible{outline:2px solid rgba(0,255,153,.75);outline-offset:4px}@media(max-width:1024px){.template-modal-shell{width:min(92vw,720px);padding:28px 26px 32px}}@media(max-width:768px){.template-modal-shell{width:min(96vw,640px);padding:24px 22px 28px;border-radius:26px;max-height:calc(100vh - 36px);min-height:min(520px,calc(100vh - 72px))}.template-modal-content{max-height:calc(100vh - 120px)}}@media(max-height:720px){.template-modal-shell{padding:22px 20px 26px;max-height:calc(100vh - 28px)}.template-modal-content{max-height:calc(100vh - 110px)}}@media(max-width:640px){.template-modal-shell{width:100%;padding:20px 18px 26px;border-radius:24px;max-height:calc(100vh - 24px);min-height:min(480px,calc(100vh - 60px))}.template-header{gap:10px}.template-header h2{font-size:28px}.template-stats{grid-template-columns:1fr;gap:10px;padding:12px}.template-toolbar{flex-direction:column;align-items:stretch;gap:10px}.template-save-toolbar{width:100%;grid-template-columns:minmax(0,1fr);gap:10px}.template-toolbar .template-submit-button{width:100%;margin-top:4px}.template-library{padding:18px;gap:14px}.template-card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.template-card{padding:14px}.template-list-container{padding-bottom:6px}.template-pagination{flex-direction:column;gap:8px;align-items:stretch}.template-pagination-button{width:100%;justify-content:center}.template-pagination-status{text-align:center}.template-modal-content{max-height:calc(100vh - 90px)}}@media(max-width:480px){.template-modal-shell{padding:18px 14px 22px;border-radius:22px;max-height:calc(100vh - 18px);min-height:min(420px,calc(100vh - 48px))}.template-search{min-width:0;width:100%;padding:9px 12px}.template-library-heading{flex-direction:column;align-items:flex-start;gap:6px}.template-library-heading h3{font-size:17px}.template-card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.template-card{padding:12px}.template-modal-content{max-height:calc(100vh - 80px)}}.template-tabs{display:flex;gap:4px;padding:6px;border-radius:18px;background:#111522e0;border:1px solid rgba(123,31,162,.26)}.template-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:14px;border:1px solid transparent;background:transparent;color:#e9fff7b3;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.template-tab:hover{color:#e9fff7e6;background:#7b1fa226}.template-tab--active{color:#fff;background:linear-gradient(135deg,#7b1fa266,#00ff9940);border-color:#00ff9959;box-shadow:0 4px 12px #00ff9926}.template-tab svg{width:16px;height:16px}.template-tab--disabled{opacity:.5;cursor:not-allowed}.template-tab--disabled:hover{color:#e9fff7b3;background:transparent}.template-panel{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.save-template-section{display:flex;flex-direction:column;gap:6px;padding:6px 16px 16px;border-radius:22px;background:#111522e0;border:1px solid rgba(123,31,162,.26);box-shadow:inset 0 0 0 1px #00ff991a}.save-template-context{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:12px;background:#161c2aeb;border:1px solid rgba(0,255,153,.28);font-size:13px}.save-template-context-label{color:#caece3b3}.save-template-context-value{color:#e9fef7f0;font-weight:600}.save-template-form{display:flex;flex-direction:column;gap:10px}.save-template-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.save-template-field{display:flex;flex-direction:column;gap:8px}.save-template-field label{font-size:13px;font-weight:500;color:#ccefe5d9}.save-template-required{color:#ff7f9ae6}.save-template-optional{color:#caece380;font-weight:400}.save-template-input-wrapper{position:relative;display:flex;align-items:center}.save-template-input-wrapper--textarea{align-items:flex-start}.save-template-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#a2e1d3b3;font-size:16px;pointer-events:none}.save-template-input-wrapper--textarea .save-template-icon{top:14px;transform:none}.save-template-input-wrapper input,.save-template-input-wrapper textarea{width:100%;border-radius:14px;padding:12px 14px 12px 44px;font-size:14px;color:#f9fffe;border:1px solid rgba(123,31,162,.3);background:#0e121edb;box-shadow:inset 0 0 0 1px #00ff991f;transition:border-color .2s ease,box-shadow .2s ease;outline:none;font-family:inherit}.save-template-input-wrapper textarea{resize:vertical;min-height:80px}.save-template-input-wrapper input::placeholder,.save-template-input-wrapper textarea::placeholder{color:#a9dfd480}.save-template-input-wrapper input:focus,.save-template-input-wrapper textarea:focus{border-color:#00ff9980;box-shadow:0 0 0 3px #00ff9926}.save-template-select-wrapper{position:relative;display:flex;align-items:center}.save-template-select-wrapper .save-template-icon{z-index:1}.save-template-select-wrapper select{width:100%;border-radius:14px;padding:12px 14px 12px 44px;font-size:14px;color:#f9fffe;border:1px solid rgba(123,31,162,.3);background:#0e121edb;box-shadow:inset 0 0 0 1px #00ff991f;transition:border-color .2s ease,box-shadow .2s ease;outline:none;cursor:pointer;appearance:none}.save-template-select-wrapper select:focus{border-color:#00ff9980;box-shadow:0 0 0 3px #00ff9926}.save-template-hint{font-size:11px;color:#caece380}.save-template-notice-region{min-height:0}.save-template-notice-region:empty{display:none}.save-template-error{margin:0;font-size:13px;color:#ff7f9a}.save-template-notice{font-size:13px}.save-template-notice--success{color:#00ff99e6}.save-template-notice--error{color:#ff7f9a}.save-template-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:5px;padding:8px 20px;border-radius:14px;border:none;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg,#7b1fa2,#0f9);box-shadow:0 6px 16px #00ff9926;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;align-self:flex-start}.save-template-submit:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0f93}.save-template-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.recipe-library-section{display:flex;flex-direction:column;gap:16px;padding:22px;border-radius:22px;background:#111522e0;border:1px solid rgba(123,31,162,.26);box-shadow:inset 0 0 0 1px #00ff991a}.recipe-library-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.recipe-library-search{flex:1;min-width:200px;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;background:#0e121edb;border:1px solid rgba(123,31,162,.28);box-shadow:inset 0 0 0 1px #00ff991f}.recipe-library-search-icon{color:#ade7d7b8;font-size:16px;flex-shrink:0}.recipe-library-search input{flex:1;border:none;background:transparent;color:#f8fffd;font-size:14px;outline:none}.recipe-library-search input::placeholder{color:#a9dfd480}.recipe-library-search-count{font-size:13px;color:#cceee4b3}.recipe-library-notice-region{min-height:20px}.recipe-library-notice{font-size:13px}.recipe-library-notice--success{color:#00ff99e6}.recipe-library-notice--error{color:#ff7f9a}.recipe-library-container{padding-top:8px}.recipe-library-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(123,31,162,.18)}.recipe-library-pagination-btn{padding:8px 16px;border-radius:12px;border:1px solid rgba(123,31,162,.4);background:#121624d9;color:#e9fff7eb;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .18s ease,color .18s ease}.recipe-library-pagination-btn:hover:not(:disabled){border-color:#00ff9973;color:#fff}.recipe-library-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.recipe-library-pagination-status{font-size:13px;color:#cdefe4cc}.recipe-library-empty{padding:36px 0;text-align:center;display:flex;flex-direction:column;gap:8px;color:#c9efe4b8}.recipe-library-empty h4{margin:0;font-size:16px;color:#e9fef7e6}.recipe-library-empty p{margin:0;font-size:14px}.recipe-hub-section{display:flex;flex-direction:column;gap:16px;padding:22px;border-radius:22px;background:#111522e0;border:1px solid rgba(123,31,162,.26);box-shadow:inset 0 0 0 1px #00ff991a}.recipe-hub-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.recipe-hub-search{flex:1;min-width:200px;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;background:#0e121edb;border:1px solid rgba(123,31,162,.28);box-shadow:inset 0 0 0 1px #00ff991f}.recipe-hub-sort{display:flex;align-items:center;gap:4px;padding:4px;border-radius:12px;background:#0e121eb3;border:1px solid rgba(123,31,162,.22)}.recipe-hub-sort-btn{display:flex;align-items:center;gap:5px;padding:6px 10px;border:none;border-radius:8px;background:transparent;color:#a9dfd4a6;font-size:12px;font-weight:500;cursor:pointer;transition:all .18s ease}.recipe-hub-sort-btn:hover{background:#00ff9914;color:#baeadee6}.recipe-hub-sort-btn--active{background:#00ff9924;color:#0f9;box-shadow:0 0 8px #0f93}.recipe-hub-sort-btn--active:hover{background:#00ff992e}.recipe-hub-sort-btn svg{width:13px;height:13px}.recipe-hub-search-icon{color:#ade7d7b8;font-size:16px;flex-shrink:0}.recipe-hub-search input{flex:1;border:none;background:transparent;color:#f8fffd;font-size:14px;outline:none}.recipe-hub-search input::placeholder{color:#a9dfd480}.recipe-hub-search--loading{opacity:.7}.recipe-hub-search--loading input{pointer-events:none}.recipe-hub-search-icon--spin{animation:recipe-hub-spin 1s linear infinite}@keyframes recipe-hub-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.recipe-hub-code-error{display:block;margin-top:6px;font-size:13px;color:#ef4444}.recipe-hub-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.recipe-hub-tags-header{display:flex;align-items:center;gap:6px;color:#baeaded6;font-size:13px;font-weight:500}.recipe-hub-tags-header svg{width:14px;height:14px}.recipe-hub-tags-list{display:flex;gap:6px;flex-wrap:wrap}.recipe-hub-tag{padding:6px 12px;border-radius:20px;border:1px solid rgba(123,31,162,.35);background:#161c2acc;color:#e9fff7d9;font-size:12px;font-weight:500;cursor:pointer;transition:all .18s ease}.recipe-hub-tag:hover{border-color:#0f96;color:#fff}.recipe-hub-tag--active{background:linear-gradient(135deg,#7b1fa266,#00ff9940);border-color:#00ff9980;color:#fff}.recipe-hub-clear-filters{padding:6px 12px;border-radius:12px;border:none;background:#ff7f9a26;color:#ff96a7e6;font-size:12px;cursor:pointer;transition:background .18s ease}.recipe-hub-clear-filters:hover{background:#ff7f9a40}.recipe-hub-filter-status{font-size:13px;color:#cceee4b3}.recipe-hub-filter-tag{color:#00ff99e6}.recipe-hub-notice-region{min-height:20px}.recipe-hub-notice{font-size:13px}.recipe-hub-notice--success{color:#00ff99e6}.recipe-hub-notice--error{color:#ff7f9a}.recipe-hub-container{padding-top:8px}.recipe-hub-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(123,31,162,.18)}.recipe-hub-pagination-btn{padding:8px 16px;border-radius:12px;border:1px solid rgba(123,31,162,.4);background:#121624d9;color:#e9fff7eb;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .18s ease,color .18s ease}.recipe-hub-pagination-btn:hover:not(:disabled){border-color:#00ff9973;color:#fff}.recipe-hub-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.recipe-hub-pagination-status{font-size:13px;color:#cdefe4cc}.recipe-hub-empty{padding:36px 0;text-align:center;display:flex;flex-direction:column;gap:10px;color:#c9efe4b8}.recipe-hub-empty h4{margin:0;font-size:16px;color:#e9fef7e6}.recipe-hub-empty p{margin:0;font-size:14px}.recipe-hub-empty-clear{padding:10px 18px;border-radius:12px;border:1px solid rgba(123,31,162,.4);background:#121624d9;color:#e9fff7eb;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .18s ease;align-self:center}.recipe-hub-empty-clear:hover{border-color:#00ff9973}.recipe-hub-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 0;gap:16px;color:#c9efe4b8}.recipe-hub-loading-spinner{width:32px;height:32px;border:3px solid rgba(123,31,162,.3);border-top-color:#0f9c;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.recipe-card-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}.recipe-card-grid>*{display:flex;min-height:0}.recipe-card{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:16px;background:#131828eb;border:1px solid rgba(123,31,162,.24);box-shadow:inset 0 0 0 1px #00ff991a;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;flex:1;min-height:0}.recipe-card:hover{transform:translateY(-2px);border-color:#0f96;box-shadow:0 12px 24px #0a101e4d}.recipe-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.recipe-card-header-left{flex:1;min-width:0;display:flex;align-items:center}.recipe-card-header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.recipe-card-name{flex:1;font-size:15px;font-weight:600;color:#e9fef7f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-card-visibility{display:flex;align-items:center;margin-top:4px}.recipe-card-visibility-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:999px;font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap}.recipe-card-visibility-badge svg{width:8px;height:8px;flex-shrink:0}.recipe-card-visibility-badge--hidden{background:#ff64782e;border:1px solid rgba(255,100,120,.35);color:#ffa0aff2}.recipe-card-visibility-badge--hidden svg{stroke:#ffa0afe6}.recipe-card-visibility-badge--listed{background:#00ff9929;border:1px solid rgba(0,255,153,.35);color:#78ffc8f2}.recipe-card-visibility-badge--listed svg{stroke:#78ffc8e6}.recipe-card-visibility-badge--unlisted{background:#ffc1072e;border:1px solid rgba(255,193,7,.35);color:#ffd564f2}.recipe-card-visibility-badge--unlisted svg{stroke:#ffd564e6}.recipe-card-visibility-badge--limited{background:#8c8c8c2e;border:1px solid rgba(140,140,140,.35);color:#b4b4b4e6}.recipe-card-visibility-badge--limited svg{stroke:#b4b4b4d9}.recipe-card-visibility-badge--delisted{background:#8c8c8c2e;border:1px solid rgba(140,140,140,.35);color:#b4b4b4e6}.recipe-card-visibility-badge--delisted svg{stroke:#b4b4b4d9}.recipe-card-creator{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#caece38c;margin-top:4px}.recipe-card-creator-left{display:flex;align-items:center;gap:5px;min-width:0}.recipe-card-creator-icon{width:11px;height:11px;opacity:.6;flex-shrink:0}.recipe-card-creator-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-card-meta{display:flex;align-items:center;gap:10px;font-size:11px;color:#caece38c;flex-shrink:0}.recipe-card-context{display:flex;align-items:center;gap:4px;font-size:11px;color:#caece373;margin-top:0}.recipe-card-separator{opacity:.5}.recipe-card-game,.recipe-card-server{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-card-header-actions{display:flex;gap:4px}.recipe-card-public-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:#00ff9929;border:1px solid rgba(0,255,153,.35);color:#00ff99e6}.recipe-card-public-badge svg{width:12px;height:12px}.recipe-card-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;min-height:28px;min-width:28px;border-radius:10px;border:none;cursor:pointer;transition:background .18s ease,transform .18s ease;line-height:1.2;font-size:12px;font-weight:600;color:#e9fef7f5}.recipe-card-action-btn svg{width:14px;height:14px;flex-shrink:0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.recipe-card-action-btn--edit{background:#6496ff33;color:#8cb4fff2}.recipe-card-action-btn--edit:hover{background:#6496ff59;transform:translateY(-1px)}.recipe-card-action-btn--delete{background:#ff7d9129}.recipe-card-action-btn--delete svg{stroke:#ff96a7eb}.recipe-card-action-btn--delete:hover{background:#ff7d9147;transform:translateY(-1px)}.recipe-card-action-btn--publish{background:#00ff991f}.recipe-card-action-btn--publish svg{stroke:#00ff99e6}.recipe-card-action-btn--publish:hover{background:#00ff9938;transform:translateY(-1px)}.recipe-card-action-btn--share{background:#a064dc33;color:#c8a0fff2}.recipe-card-action-btn--share:hover{background:#a064dc59;transform:translateY(-1px)}.recipe-card-action-btn--disabled,.recipe-card-action-btn--disabled:hover{opacity:.4;cursor:not-allowed;transform:none;background:#64646433}.recipe-card-meta-item{display:inline-flex;align-items:center;gap:4px}.recipe-card-meta-item svg{width:12px;height:12px;opacity:.7}.recipe-card-tags{display:flex;flex-wrap:wrap;gap:4px}.recipe-card-tag{padding:3px 8px;border-radius:6px;background:#7b1fa233;color:#dcc8f0d9;font-size:11px}.recipe-card-tag--more{background:#00ff9926;color:#00ff99d9}.recipe-card-actions{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:6px;flex-wrap:nowrap;overflow-x:auto}.recipe-card-primary-actions{display:flex;align-items:center;gap:4px;margin-left:auto;flex-wrap:nowrap}.recipe-card-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 10px;border-radius:10px;border:1px solid rgba(123,31,162,.4);background:#0f1420b8;color:#e9fff7eb;font-size:12px;font-weight:600;cursor:pointer;transition:all .18s ease}.recipe-card-btn:hover{border-color:#00ff9973;color:#fff}.recipe-card-btn svg{width:14px;height:14px}.recipe-card-btn--save{background:#00ff991a;border-color:#00ff9959}.recipe-card-btn--save:hover{background:#0f93}.recipe-card-btn--like{padding:8px 10px;background:#ff648226;border-color:#ff648266;color:#ff8ca0f2}.recipe-card-btn--like:hover{background:#ff648240;border-color:#ff648299;color:#ffa0b4}.recipe-card-btn--liked{background:#ff648226;border-color:#ff648266;color:#ff8ca0f2}.recipe-card-btn--liked:hover{background:#ff648240;border-color:#ff648299}.recipe-card-btn--liked svg{fill:#ff6482e6}.recipe-card-btn--hub-share{padding:8px 10px;background:#508cff26;border-color:#508cff66;color:#8cb4fff2}.recipe-card-btn--hub-share:hover{background:#508cff40;border-color:#508cff99;color:#a0c8ff}.recipe-card-btn--share{background:#508cff26;border-color:#508cff66;color:#8cb4fff2}.recipe-card-btn--share:hover{background:#508cff40;border-color:#508cff99}.recipe-card-btn--share-public{background:#508cff26;border-color:#508cff66;color:#8cb4fff2}.recipe-card-btn--share-public:hover{background:#508cff40;border-color:#508cff99}.recipe-card-btn--disabled,.recipe-card-btn--disabled:hover{background:#64646426;border-color:#6464644d;color:#96969680;cursor:not-allowed;opacity:.6}.recipe-card-load-action{display:flex;align-items:center;gap:6px;margin-left:0}.recipe-card-btn--load{background:#00c88233;border:none;color:#64ffbef2;white-space:nowrap}.recipe-card-btn--load:hover{background:#00c88259}@media(max-width:768px){.template-tabs{flex-direction:column;gap:4px}.template-tab{justify-content:flex-start;padding:10px 14px}.save-template-row{grid-template-columns:1fr}.recipe-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.recipe-card-grid{grid-template-columns:1fr}.recipe-card-actions{flex-wrap:nowrap;overflow-x:auto}.recipe-card-primary-actions{width:auto;justify-content:flex-end;flex-wrap:nowrap;gap:8px}.recipe-card-load-action{width:100%;margin-left:0;margin-top:4px}.recipe-card-btn--load{flex:1}.recipe-hub-tags{flex-direction:column;align-items:flex-start}.recipe-hub-tags-list{width:100%}}.recipe-card-highlight{animation:recipe-card-highlight-pulse 2s ease-out;border-radius:12px}@keyframes recipe-card-highlight-pulse{0%{box-shadow:0 0 #508cffb3}30%{box-shadow:0 0 0 8px #508cff66}to{box-shadow:0 0 #508cff00}}.change-background{padding:24px;background-color:#232628;color:#ececec;font-family:Poppins,sans-serif;border-radius:8px;width:480px;box-shadow:0 4px 12px #0003}.reset-button{padding:8px 16px;background-color:transparent;color:#444;border:1px solid #444;border-radius:4px;cursor:pointer;transition:background-color .2s;margin-left:8px}.reset-button:hover{background-color:#2a2a2a;color:#fff}.opacity-section{margin:16px 0;padding:8px 0}.opacity-control{display:flex;align-items:center;gap:12px;margin-top:8px}.opacity-slider{flex:1;height:4px;-webkit-appearance:none;background:#444;border-radius:2px}.opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#0f9;border-radius:50%;cursor:pointer}.opacity-value{min-width:48px;text-align:right}.background-options{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0;align-items:center}.background-options>.option-group:first-of-type{width:100%;justify-content:center}.option-group,.color-picker-section{display:flex;align-items:center;gap:8px}.upload-button{padding:8px 16px;background-color:#444;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background-color .2s}.action-buttons{display:flex!important;flex-direction:row!important;justify-content:center;gap:24px;margin-top:24px}.action-buttons button{width:120px;height:36px;padding:0 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;background-color:#444;color:#fff;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.cancel-button:hover{background-color:#2a2a2a!important}.confirm-button:hover{background-color:#0f9;color:#000}.upload-button{height:36px;padding:0 16px;background-color:#444;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background-color .2s;display:inline-flex;align-items:center;justify-content:center}.upload-button:hover{background-color:#0f9;color:#000}.reset-button{height:36px;padding:0 16px;background-color:#444;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background-color .2s;display:inline-flex;align-items:center;justify-content:center}.preview-container{outline:1px solid #ccc;outline-offset:2px}.delete-confirmation-modal{background-color:#232628;padding:24px;border-radius:8px;box-shadow:0 4px 12px #0003;min-width:300px}.delete-confirmation-modal .modal-content{display:flex;flex-direction:column;align-items:center;gap:16px}.delete-confirmation-modal .warning-icon{color:#ff4d4d;font-size:24px}.delete-confirmation-modal h3{color:#ececec;margin:0}.delete-confirmation-modal p{color:#ccc;margin:0;text-align:center}.modal-actions{display:flex;gap:12px;margin-top:16px}.modal-actions button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.modal-actions .cancel-btn{background-color:#444;color:#fff}.modal-actions .delete-btn{background-color:#ff4d4d;color:#fff}.modal-actions .cancel-btn:hover{background-color:#555}.modal-actions .delete-btn:hover{background-color:#f33}.modal-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999}.modal-container>*{pointer-events:auto}.modal-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background-color:#0006;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:9999}.modal-overlay.show{opacity:1;pointer-events:auto}button{background:#ccc;color:#333;border-radius:5px;padding:10px 15px;cursor:pointer;transition:background-color .3s ease,color .3s ease}button:hover{background-color:#2a2a2a}.modal-content-wrapper[style*="position: absolute"]{transform:none!important}.node-type-selector{position:relative;width:100%}.selector-button{width:100%;background:#232628;border:2px solid transparent;border-radius:4px;padding:6px 8px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:14px;color:#ececec}.selector-button:hover{background:#2a2a2a;border:2px solid #9C27B0;box-shadow:0 0 8px #9c27b066}.selector-button:focus{outline:none}.selector-button.open{background:#2a2a2a;border:2px solid #9C27B0;box-shadow:0 0 8px #9c27b080}.button-content{display:flex;align-items:center;gap:6px;width:100%}.node-type-icon{color:#00ff95;font-size:14px;min-width:14px;display:flex;align-items:center;justify-content:center}.node-type-name{flex:1;text-align:left;font-weight:400}.dropdown-arrow{color:#ad7de8;font-size:14px;transition:transform .2s ease,color .2s ease;min-width:14px}.dropdown-arrow.rotated{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#232628;border:1px solid #444444;border-radius:6px;box-shadow:0 4px 12px #00000040;z-index:1000;margin-top:2px;max-height:300px;overflow-y:auto;overflow-x:hidden}.dropdown-item{width:100%;background:none;border:none;padding:12px;cursor:pointer;transition:background-color .2s ease;text-align:left;display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid rgba(255,255,255,.1);color:#ececec}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#2a2a2a}.dropdown-item.selected{background:#00ff951a;color:#00ff95}.dropdown-item.selected .item-icon{color:#00ff95}.item-icon{color:#00ff95;font-size:14px;min-width:14px;margin-top:2px;display:flex;align-items:center;justify-content:center}.item-content{flex:1;display:flex;flex-direction:column;gap:2px}.item-name{font-weight:500;font-size:13px;color:inherit}.item-description{font-size:11px;color:#b0b0b0;line-height:1.3}.dropdown-item.selected .item-description{color:#00ff95cc}@media(max-width:768px){.selector-button{padding:8px 10px}.dropdown-item{padding:14px 12px}.item-name{font-size:12px}.item-description{font-size:11px}}.sidebar-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#17191a;border-bottom:1px solid rgba(255,255,255,.1);padding:10px 12px;border-top-left-radius:0!important;border-top-right-radius:0!important}.sidebar-header.material-card{border-top-left-radius:0!important;border-top-right-radius:0!important}.node-type-selector-container{flex:1;margin:0 12px;max-width:200px}.header-actions{display:flex;gap:10px;margin-left:auto}.material-icon-button{background-color:transparent;border:none;color:#ececec;cursor:pointer;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease;position:relative;outline:none!important}.material-icon-button svg{width:24px!important;height:24px!important;display:block}.material-icon-button:hover:not([disabled]){color:#0f9;transform:scale(1.05);background-color:#ffffff1a}.material-icon-button:active:not([disabled]){transform:scale(.95);background-color:#ffffff26}.material-icon-button:focus{outline:none!important;box-shadow:none!important}.material-icon-button::-moz-focus-inner{border:0}.material-icon-button.search-button{color:#7d7d7d;opacity:.7}.material-icon-button.add-button:not([disabled]){color:#ececec}.material-icon-button.disabled,.material-icon-button[disabled]{opacity:.5;cursor:not-allowed}.material-icon-button.disabled:hover,.material-icon-button[disabled]:hover{background-color:transparent;color:inherit;transform:none}.sidebar.collapsed .sidebar-header{flex-direction:column;align-items:center;padding:12px 8px}.sidebar.collapsed .header-actions{flex-direction:column;gap:12px;margin-left:0;margin-top:12px}.boards-section{flex:1;overflow-y:auto;padding:0 12px;position:relative;margin-top:8px}.boards-section::-webkit-scrollbar{width:8px}.boards-section::-webkit-scrollbar-thumb{background-color:#444;border-radius:4px}.boards-section::-webkit-scrollbar-thumb:hover{background-color:#555}.boards-section::-webkit-scrollbar-track{background-color:#2a2a2a}.boards-title{display:flex;align-items:center;font-size:1rem;font-weight:700;color:#ececec;margin-bottom:10px;padding:8px 0 8px 12px}.boards-title .menu-icon{margin-right:8px;color:#0f9}.add-node-button-clean{width:100%;padding:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:1rem;font-weight:600;color:#fff;background-color:#1b9e46;border:none;border-radius:6px;box-shadow:0 2px 5px #00000026;cursor:pointer;transition:all .2s ease}.add-node-button-clean .button-icon{font-size:18px}.add-node-button-clean:hover{background-color:#23b352;box-shadow:0 3px 7px #0003;transform:translateY(-1px)}.add-node-button-clean:active{background-color:#188d3e;transform:translateY(1px);box-shadow:0 1px 3px #0000001a}.add-node-button-clean:disabled{background-color:#444;color:#999;box-shadow:none;transform:none;cursor:not-allowed}.add-node-button-alt,.add-node-button-redesigned{display:none}.add-node-button-container{padding:0 8px;margin-top:16px;margin-bottom:16px;position:relative}.add-node-button-creative{width:100%;padding:14px 18px;display:flex;align-items:center;justify-content:center;position:relative;font-weight:600;font-size:.95rem;color:#fff;background:linear-gradient(135deg,#472f94,#9665d8);border:none;border-radius:10px;cursor:pointer;overflow:hidden;box-shadow:0 4px 12px #6633cc4d;transition:all .3s cubic-bezier(.25,.8,.25,1);outline:none}.add-node-button-creative:focus{outline:none}.add-node-button-creative::-moz-focus-inner{border:0}.add-node-button-creative:focus-visible{outline:none}.add-node-button-creative:focus:not(:focus-visible){box-shadow:0 4px 12px #63c6}.creative-button-content{display:flex;align-items:center;justify-content:center;position:relative;gap:8px;z-index:1;padding-left:0;width:100%}.creative-button-content span{font-weight:700;font-size:1rem}.node-tree-icon{font-size:20px;color:#e0d0ff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));transition:transform .3s ease;min-width:20px}.button-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#a363eb66,#51339900 70%);opacity:0;transition:opacity .5s ease}.add-node-button-creative:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6633cc80;background:linear-gradient(135deg,#5a3dae,#ad7de8)}.add-node-button-creative:hover .button-glow{opacity:1}.add-node-button-creative:hover .node-tree-icon{transform:scale(1.15)}.add-node-button-creative:active{transform:translateY(1px);box-shadow:0 2px 8px #63c6;background:linear-gradient(135deg,#413086,#8655c8)}.add-node-button-creative:disabled{background:linear-gradient(135deg,#444,#555);box-shadow:none;color:#999;transform:none;cursor:not-allowed}.add-node-button-creative:disabled .node-tree-icon,.add-node-button-creative:disabled .lightning-accent{color:#777}.add-node-button-alt,.add-node-button-clean,.add-node-button-redesigned{display:none}.new-board-button{display:flex;flex-direction:row;align-items:center;font-size:1rem;cursor:pointer;transition:all .3s ease;height:20px;padding:8px 12px;border-radius:6px;color:#ececec;background-color:transparent}.new-board-content{display:flex;align-items:center}.new-board-button .menu-icon{margin-right:8px}.new-board-button:hover{background-color:#2a2a2a}.new-board-button:hover .menu-icon{color:#0f9}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-item{display:flex;flex-direction:column;align-items:stretch;font-size:1rem;color:#ececec;margin:8px 0;cursor:pointer;padding:8px 12px;border-left:2px solid transparent;transition:all .3s ease}.sidebar-item .board-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding-right:4px;position:relative;cursor:pointer}.sidebar-item .board-header-content{display:flex;align-items:center;flex-grow:1}.sidebar-item .board-menu-icon{color:#7d7d7d;cursor:pointer;transition:color .3s,opacity .2s ease;padding:8px;margin:-8px;border-radius:50%;opacity:0}.sidebar-item .board-header:hover .board-menu-icon{opacity:1}.sidebar-item .board-menu-icon:hover{color:#0f9}.sidebar-item:hover{background-color:#2a2a2a;border-radius:0 5px 5px 0;border-left:2px solid #00ff95;color:#fff}.tables-list{list-style:none;margin:0;padding:0 0 0 20px;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease-out,opacity .3s ease-out}.tables-list.expanded{opacity:1}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.sidebar-item.deleting,.table-item.deleting{animation:fadeOut .3s ease forwards;pointer-events:none}.table-item{font-size:.9rem;color:#ececec;padding:4px 4px 4px 8px;border-left:2px solid transparent;margin:4px 0;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;position:relative}.table-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:4px;flex:0 1 auto}.table-setting-icon{color:#7d7d7d;opacity:0;transition:opacity .3s ease,color .3s ease;cursor:pointer;padding:8px;margin:-6px -6px -6px 0;border-radius:50%;display:flex;align-items:center;justify-content:center}.table-item:hover .table-setting-icon{opacity:1}.table-setting-icon:hover{color:#0f9}.table-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:0}.table-item:hover{background-color:#2a2a2a;border-left:2px solid #00ff95;color:#fff}.table-item.active{background-color:var(--table-active-bg-color);color:var(--table-active-text-color);border-left:2px solid #00ff95;transition:background-color 0s ease,color 0s ease,border-left-color 0s ease}.table-item.active:hover{background-color:#333}.board-item.highlighted>.board-header{background-color:var(--board-highlight-bg-color);transition:background-color 0s ease}.dropdown-icon{margin-right:8px;transition:color .3s ease}.rename-input{background-color:#444;border:1px solid #555;border-radius:4px;padding:4px 8px;width:100%;color:#fff;font-size:1rem;box-sizing:border-box}.rename-input:focus{outline:none;border:1px solid #00ff99;box-shadow:0 0 3px #0f9}.table-item .rename-input{background-color:#444;border:1px solid #555;border-radius:4px;padding:4px 8px;color:#fff;font-size:.9rem;width:calc(100% - 32px);margin-right:8px}.table-item .rename-input:focus{outline:none;border-color:#0f9}.table-item span{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes highlightIcon{0%{color:inherit}50%{color:#0f9}to{color:inherit}}.highlight-animation{animation:highlightGreen 1s ease}@keyframes highlightGreen{0%{color:inherit}50%{color:#0f9}to{color:inherit}}.sidebar-item,.table-item,.sidebar-header-button,.new-board-button{transition:all .3s ease}.material-boards-section{flex:1;overflow-y:auto;padding:16px 12px;position:relative;background:linear-gradient(180deg,#28282d33,#1e1e231a)}.material-boards-section::-webkit-scrollbar{width:8px}.material-boards-section::-webkit-scrollbar-thumb{background-color:#0f96;border-radius:4px}.material-boards-section::-webkit-scrollbar-thumb:hover{background-color:#0f99}.material-boards-section::-webkit-scrollbar-track{background-color:#1e1e234d;border-radius:4px}.material-section-header{display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:500;color:#ffffffde;margin:12px 0 16px;padding:4px 8px;position:relative;border-radius:4px;text-align:center}.section-icon{font-size:20px;margin-right:10px;color:#0f9;filter:drop-shadow(0 0 3px rgba(0,255,153,.3))}.create-node-container{margin-bottom:20px}.create-node-button{width:100%;padding:12px 16px;border:none;border-radius:8px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-weight:500;font-size:1rem;position:relative;overflow:hidden;color:#fff;background:linear-gradient(45deg,#7b1fa2,#9c27b0,#673ab7);box-shadow:0 3px 6px #7b1fa233,0 3px 6px #673ab74d}.create-node-button .button-content{display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.create-node-button .create-icon{font-size:18px;margin-right:8px}.create-node-button .sparkle-icon{font-size:16px;margin-left:8px;color:#ffd54f;filter:drop-shadow(0 0 2px rgba(255,213,79,.7));animation:sparkle 2s infinite alternate}@keyframes sparkle{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.create-node-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.create-node-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #7b1fa24d,0 6px 12px #673ab766}.create-node-button:hover:before{left:100%}.create-node-button:active{transform:translateY(1px);box-shadow:0 2px 5px #7b1fa24d,0 2px 5px #673ab74d}.create-node-button:disabled{background:linear-gradient(45deg,#616161,#757575,#9e9e9e);box-shadow:none;cursor:not-allowed;opacity:.7}.new-board-button{display:flex;align-items:center;justify-content:center;padding:10px 12px;margin:0 0 16px;border:1px solid rgba(0,255,153,.7);border-radius:6px;background:#0032141a;color:#0f9;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.new-board-button .button-icon{margin-right:8px}.new-board-button:hover{background:#00ff9926;border-color:#0f9;color:#d0ffe0;transform:translateY(-1px)}.new-board-button:active{transform:translateY(1px)}.material-board-list{list-style:none;padding:0;margin:0}.material-board{margin-bottom:12px;border-radius:8px;transition:all .25s cubic-bezier(.4,0,.2,1)}.material-card{background:#2632384d;border-radius:8px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:all .25s cubic-bezier(.4,0,.2,1)}.material-card:hover{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;background:#26323880}.board-header{display:flex;align-items:center;justify-content:space-between;padding:14px 12px;cursor:pointer}.board-header-content{display:flex;align-items:center;flex-grow:1}.folder-icon{font-size:18px;margin-right:12px;color:#0f9;transition:all .25s cubic-bezier(.4,0,.2,1)}.highlight-icon{animation:pulseHighlight 1s cubic-bezier(.4,0,.2,1)}@keyframes pulseHighlight{0%,to{color:#0f9;transform:scale(1)}50%{color:#64ffda;transform:scale(1.2)}}.board-name{font-weight:500;color:#ffffffde}.material-icon-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:50%;color:#fff9;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);padding:0}.material-icon-button:hover{background:#ffffff1f;color:#ffffffde}.material-icon-button:active{background:#ffffff3d}.material-tables-list{list-style:none;padding:0 0 0 32px;margin:0;max-height:0;overflow:hidden;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.material-tables-list.expanded{opacity:1;max-height:1000px}.material-table{display:flex;align-items:center;padding:10px 12px;margin:4px 0;border-radius:6px;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;background:#26323833}.material-table:before{content:"";position:absolute;left:-14px;top:50%;height:100%;width:2px;background:#0f9;transform:translateY(-50%) scaleY(0);transform-origin:center;transition:transform .25s cubic-bezier(.4,0,.2,1);opacity:.5}.material-table:hover{background:#26323866}.material-table:hover:before{transform:translateY(-50%) scaleY(.8)}.material-table.active{background:#00ff9926}.material-table.active:before{transform:translateY(-50%) scaleY(1);opacity:1}.table-icon{font-size:16px;margin-right:12px;color:#0f9}.table-name{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffffffde}.material-text-input{background-color:#26323880;border:1px solid #00ff99;border-radius:4px;padding:6px 10px;color:#fff;width:calc(100% - 40px)}.material-text-input:focus{outline:none;border-color:#64ffda;box-shadow:0 0 0 1px #00ff994d}@keyframes materialFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.material-deleting{animation:materialFadeOut .3s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}.guest-message{list-style:none;margin:20px 0}.guest-demo-message{margin-bottom:12px}.guest-prompt{background:#00ff990d;border:1px solid rgba(0,255,153,.2);border-radius:8px;padding:20px;text-align:center}.guest-prompt h4{color:#0f9;font-size:1.1rem;margin-bottom:8px;font-weight:600}.guest-prompt p{color:#fffc;font-size:.9rem;margin-bottom:16px;line-height:1.4}.create-account-button{background:linear-gradient(45deg,#0f9,#64ffda);color:#1a1a1a;border:none;border-radius:6px;padding:10px 16px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);margin-bottom:16px;width:100%;box-shadow:0 2px 4px #0f93}.create-account-button:hover{background:linear-gradient(45deg,#64ffda,#0f9);transform:translateY(-2px);box-shadow:0 4px 8px #00ff994d}.create-account-button:active{transform:translateY(1px);box-shadow:0 1px 3px #0f93}.guest-features{display:flex;flex-direction:column;gap:6px}.guest-features span{color:#ffffffb3;font-size:.85rem;text-align:left;padding-left:8px}.material-button.disabled,.material-button-outlined.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.sidebar{display:flex;flex-direction:column;height:100%;width:300px!important;min-width:300px!important;max-width:300px!important;background-color:#17191a;position:relative;overflow:hidden;box-sizing:border-box!important;z-index:100;transition:width .3s ease,min-width .3s ease,max-width .3s ease}.sidebar-header{flex-shrink:0}.middle-content{flex:1;overflow-y:auto;overflow-x:hidden;opacity:1;visibility:visible;transition:opacity .15s ease,visibility .15s ease;padding:0 10px}.sidebar.collapsed .middle-content{opacity:0;visibility:hidden;overflow:hidden;transition:opacity .1s ease,visibility .1s ease}.sidebar-footer{flex-shrink:0;border-top:1px solid #444;padding:10px;background-color:#202123}.sidebar.collapsed{width:64px!important;min-width:64px!important;max-width:64px!important}.sidebar.collapsed .sidebar-header,.sidebar.collapsed .sidebar-footer{padding:10px 0;align-items:center}.table-placeholder{flex:1;height:100vh;background-color:#1a1a1a;display:flex;justify-content:center;align-items:center;overflow:hidden;box-sizing:border-box;position:relative}.placeholder-content{max-width:500px;text-align:center;padding:48px;background-color:#232628;border-radius:12px;box-shadow:0 8px 16px #0003;transition:transform .3s cubic-bezier(.4,0,.2,1)}.placeholder-content:hover{transform:translateY(-5px)}.placeholder-icon-container{display:flex;justify-content:center;margin-bottom:28px}.placeholder-icon{font-size:64px;color:#0f9;opacity:.9;filter:drop-shadow(0 2px 4px rgba(0,255,153,.3))}.table-placeholder h2{margin:0 0 16px;color:#fff;font-size:28px;font-weight:500;letter-spacing:.3px}.table-placeholder p{color:#bbb;margin:0 0 36px;font-size:16px;line-height:1.6}.placeholder-actions{margin:0 0 36px;display:flex;justify-content:center}.placeholder-help-button{background:linear-gradient(45deg,#7b1fa2,#9c27b0,#673ab7);color:#fff;border:none;border-radius:24px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.5px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #7b1fa24d}.placeholder-help-button:hover{background:linear-gradient(45deg,#8f2ab2,#ae37c0,#774bc7);transform:translateY(-2px);box-shadow:0 6px 16px #7b1fa266}.placeholder-help-button:active{transform:translateY(0)}.placeholder-info{display:flex;flex-direction:column;text-align:left;border-top:1px solid rgba(255,255,255,.1);padding-top:32px}.info-item{display:flex;gap:20px;align-items:center}.info-icon{flex-shrink:0;width:56px;height:56px;background-color:#00ff991a;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#0f9;font-size:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 8px #00000026}.info-item:hover .info-icon{transform:scale(1.05);background-color:#00ff9926;box-shadow:0 6px 12px #0003}.info-text h4{margin:0 0 10px;color:#ececec;font-size:20px;font-weight:500}.info-text p{margin:0;color:#999;font-size:14px;line-height:1.5}@media(max-width:700px){.placeholder-content{width:90%;padding:32px}.placeholder-icon{font-size:52px}.action-button{padding:12px 24px;font-size:15px}.info-icon{width:48px;height:48px;font-size:20px}}.floating-help-button{position:fixed;bottom:20px;left:275px;background:linear-gradient(45deg,#7b1fa2,#9c27b0,#673ab7);color:#fff;border:none;border-radius:50%;padding:4px;display:flex;align-items:center;justify-content:center;line-height:0;font-size:20px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #7b1fa266;transition:all .3s ease;z-index:900;width:36px;height:36px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.floating-help-button svg{width:28px;height:28px;flex-shrink:0}.floating-help-button:hover{background:linear-gradient(45deg,#8f2ab2,#ae37c0,#774bc7);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #7b1fa299}.floating-help-button:active{transform:translateY(0) scale(.98)}@keyframes helpPulse{0%{box-shadow:0 4px 16px #7b1fa266}50%{box-shadow:0 4px 16px #7b1fa299,0 0 0 8px #7b1fa21a}to{box-shadow:0 4px 16px #7b1fa266}}.floating-help-button.pulse{animation:helpPulse 2s ease-in-out infinite}@media(min-width:1200px){.floating-help-button{left:350px}}@media(min-width:992px)and (max-width:1199px){.floating-help-button{left:305px}}@media(min-width:768px)and (max-width:991px){.floating-help-button{left:295px}}@media(max-width:767px){.floating-help-button{left:285px}}@media(max-width:480px){.floating-help-button{left:65px;width:32px;height:32px;padding:6px}}.floating-selection-toolbar{position:fixed;bottom:80px;left:calc(50% + var(--sidebar-offset, 150px));transform:translate(-50%);z-index:1000;pointer-events:auto;transition:left .3s ease}.selection-toolbar-content{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#1e1e28f2,#282837f2);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d inset;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.selection-count{display:flex;align-items:baseline;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#7b1fa24d,#9c27b04d);border-radius:8px;border:1px solid rgba(156,39,176,.3)}.count-number{font-size:16px;font-weight:700;color:#e1bee7}.count-label{font-size:11px;color:#e1bee7b3;text-transform:uppercase;letter-spacing:.5px}.external-edge-warning{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#ff980026;border-radius:6px;border:1px solid rgba(255,152,0,.3);cursor:help}.external-edge-warning--clickable{cursor:pointer;transition:all .2s ease}.external-edge-warning--clickable:hover{background:#ff980040;border-color:#ff980080;transform:translateY(-1px);box-shadow:0 2px 8px #ff980033}.external-edge-warning--clickable:active{transform:translateY(0)}.warning-icon{color:#ffb74d;font-size:12px}.warning-text{font-size:11px;color:#ffb74d;font-weight:600}.toolbar-divider{width:1px;height:24px;background:#ffffff26;margin:0 4px}.toolbar-button{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;background:#ffffff14;color:#ffffffd9}.toolbar-button:hover{background:#ffffff26;transform:translateY(-1px)}.toolbar-button:active{transform:translateY(0)}.toolbar-button svg{font-size:14px}.button-text{white-space:nowrap}.save-button{background:linear-gradient(135deg,#7b1fa266,#9c27b066);border:1px solid rgba(156,39,176,.5);color:#e1bee7}.save-button:hover{background:linear-gradient(135deg,#7b1fa299,#9c27b099);border-color:#9c27b0b3;box-shadow:0 4px 12px #9c27b04d}.delete-button{padding:8px;background:#f4433626;border:1px solid rgba(244,67,54,.3);color:#ef9a9a}.delete-button:hover{background:#f443364d;border-color:#f4433680;color:#ffcdd2}@keyframes toolbarSlideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.floating-selection-toolbar{animation:toolbarSlideUp .2s ease-out}@media(max-width:600px){.floating-selection-toolbar{bottom:60px;left:10px;right:10px;transform:none}.selection-toolbar-content{justify-content:center;flex-wrap:wrap;gap:6px;padding:6px 10px}.button-text{display:none}.toolbar-button{padding:8px 10px}}.empty-canvas-guide{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;pointer-events:none}.guide-content{background:#232628f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:24px;text-align:center;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 24px #0006;max-width:400px;pointer-events:all}.guide-header h3{margin:0 0 8px;color:#fff;font-size:22px;font-weight:600}.guide-header p{margin:0 0 24px;color:#bbb;font-size:14px;line-height:1.5}.guide-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.guide-action-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.guide-action-button.primary{background:linear-gradient(45deg,#0f9,#64ffda);color:#1a1a1a}.guide-action-button.primary:hover{background:linear-gradient(45deg,#64ffda,#0f9);transform:translateY(-2px);box-shadow:0 4px 12px #00ff994d}.guide-action-button.secondary{background:transparent;color:#bbb;border:1px solid rgba(255,255,255,.2)}.guide-action-button.secondary:hover{background:#ffffff1a;color:#fff;border-color:#ffffff4d}.guide-tip{padding:12px;background:#00ff991a;border-radius:8px;border:1px solid rgba(0,255,153,.2)}.guide-tip p{margin:0;color:#e0e0e0;font-size:12px;line-height:1.4}.guide-tip strong{color:#0f9}@media(max-width:480px){.guide-content{margin:0 16px;padding:20px;max-width:none}.guide-actions{flex-direction:column}.guide-action-button{padding:10px 16px;font-size:13px}}.animated-edge{fill:none;stroke-width:2px;stroke-dasharray:5,5;animation:dash 1s linear infinite}@keyframes dash{to{stroke-dashoffset:-10}}.table-container{position:relative;width:100%;height:100%;transition:all .3s ease}.custom-dots-background{position:absolute;inset:0;pointer-events:none;will-change:transform;transform-origin:0 0;transform:scale(var(--react-flow-zoom, 1));z-index:2;transition:background-image .3s ease}.table-container.switching .custom-dots-background{opacity:1}.md-input.manually-set{border-color:#fc0;background-color:#ffcc001a}.input-with-status{display:flex;align-items:center}.manual-badge{font-size:10px;padding:1px 3px;background-color:#fc0;color:#333;margin-left:4px;border-radius:3px;font-weight:700}.rf-dark-widgets{--xy-controls-button-background-color-default: #252525;--xy-controls-button-background-color-hover-default: #323232;--xy-controls-button-border-color-default: #3a3a3a;--xy-controls-button-color-default: #f0f0f0;--xy-controls-box-shadow-default: 0 2px 6px rgba(0,0,0,.45);--xy-minimap-background-color-default: #1a1a1a}.react-flow__node.dragging,.react-flow__node.react-flow__node-dragging{z-index:2147483647!important}.text-node{background-color:#2c2c2c;border:2px solid;border-radius:5px;padding:12px;min-width:120px;min-height:40px;max-width:600px;max-height:400px;cursor:pointer;transition:border-color .2s ease-in-out;position:relative;box-shadow:0 2px 4px #00000040;font-family:Roboto,sans-serif;line-height:1.4;color:#fff;overflow:hidden}.text-node:hover{box-shadow:0 4px 8px #00000059;transform:translateY(-1px)}.text-node.empty{border-style:dashed;opacity:.7}.text-node-display{word-wrap:break-word;white-space:pre-wrap;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-height:376px;overflow-y:auto}.text-node-display.placeholder{color:#b0b0b0;font-style:italic}.text-line{min-height:1em}.text-node-textarea{width:100%;border:none;outline:none;resize:none;background:transparent;font-family:inherit;line-height:inherit;padding:0;margin:0;overflow:hidden;color:#ececec;max-height:376px}.char-counter{position:absolute;bottom:4px;right:8px;font-size:11px;color:#888;background:#000000b3;padding:2px 6px;border-radius:3px;pointer-events:none;font-family:monospace;line-height:1}.char-counter.display-mode{opacity:.6;transition:opacity .2s ease}.text-node:hover .char-counter.display-mode{opacity:1}.char-counter.near-limit{color:#ff6b6b;background:#ff6b6b33}@media(max-width:768px){.text-node{max-width:360px;max-height:300px;padding:8px}.text-node-display,.text-node-textarea{max-height:284px}}:root{--md-primary: #00ff95;--md-primary-light: #4dffb3;--md-primary-dark: #00cc77;--md-bg-dark: #17191A;--md-bg-darker: #0d0e0f;--md-surface: #232628;--md-surface-light: #2a2a2a;--md-text-primary: #ececec;--md-text-secondary: #b0b0b0;--md-text-disabled: #666666;--md-border: #444444;--md-border-light: rgba(255, 255, 255, .2);--md-success: #00ff95;--md-warning: #ff9500;--md-error: #ff4d4d;--md-info: #2196f3;--md-shadow-sm: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);--md-shadow-md: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);--md-shadow-lg: 0 10px 20px rgba(0,0,0,.19), 0 6px 6px rgba(0,0,0,.23);--md-transition-fast: .15s ease;--md-transition-normal: .3s ease;--md-transition-slow: .5s ease;--md-radius-sm: 4px;--md-radius-md: 8px;--md-radius-lg: 12px;--md-radius-round: 50%}.text-node-options{display:flex;flex-direction:column;padding:16px;height:auto;min-height:auto;max-height:none;overflow-y:auto;color:#ececec;background-color:#17191a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.text-node-options.no-selection{text-align:center;color:#b0b0b0;padding:32px 16px}.editor-section{margin-bottom:24px}.editor-section-header{display:flex;align-items:center;margin-bottom:12px;color:#b0b0b0;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.editor-section-header svg{margin-right:8px;font-size:16px;color:#00ff95}.md-card{background-color:#232628;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:all .3s cubic-bezier(.25,.8,.25,1);box-sizing:border-box}.md-card:hover{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.md-form-field{margin-bottom:16px}.md-form-field:last-child{margin-bottom:0}.md-form-field.horizontal{display:flex;align-items:center;gap:12px;width:100%;max-width:100%}.md-form-field label{display:block;margin-bottom:6px;font-weight:500;color:#ececec;font-size:14px}.md-form-field.horizontal label{margin-bottom:0;min-width:100px;max-width:100px;white-space:nowrap;color:#ececec;flex-shrink:0}.md-textarea{width:100%;min-height:80px;padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:4px;font-family:inherit;font-size:14px;line-height:1.4;resize:vertical;transition:border-color .2s ease;background:#2a2a2a;color:#ececec;box-sizing:border-box}.md-textarea:focus{outline:none;border-color:#00ff95;box-shadow:0 0 0 2px #00ff9533}.md-range{flex:1;min-width:0;height:6px;border-radius:3px;background:#444;outline:none;appearance:none;-webkit-appearance:none}.md-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#00ff95;cursor:pointer;box-shadow:0 2px 4px #0003}.md-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#00ff95;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.range-value{min-width:45px;max-width:45px;text-align:right;font-weight:500;color:#b0b0b0;font-size:13px;flex-shrink:0}.md-select{flex:1;min-width:0;padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#2a2a2a;color:#ececec;font-size:14px;font-family:inherit;transition:border-color .2s ease}.md-select:focus{outline:none;border-color:#00ff95;box-shadow:0 0 0 2px #00ff9533}.md-button{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;justify-content:center}.md-button-danger{background:#ff4d4d;color:#fff}.md-button-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 8px #ff4d4d4d}.md-button-danger:active{transform:translateY(0)}@media(max-width:768px){.text-node-options{padding:12px}.md-form-field.horizontal{flex-direction:column;align-items:stretch;gap:8px}.md-form-field.horizontal label{min-width:auto}}.char-counter-options{font-size:12px;color:#888;text-align:right;margin-top:6px;font-family:monospace;line-height:1}.char-counter-options.near-limit{color:#ff6b6b;font-weight:500}.color-picker-container{position:relative;display:flex;align-items:center;gap:8px}.color-swatch{width:36px;height:36px;border-radius:4px;border:1px solid var(--md-border);cursor:pointer;transition:box-shadow .2s ease}.color-swatch:hover{box-shadow:0 0 0 2px #00ff9533}.color-picker-popover{position:fixed;z-index:2000;top:calc(100% + 5px);left:0}.color-picker-popover .sketch-picker{background:var(--md-bg-darker, #2a2a2a)!important;border:1px solid var(--md-border, #444)!important;box-shadow:0 4px 12px #0000004d!important;border-radius:4px}.color-picker-popover .sketch-picker input{background-color:var(--md-bg-dark, #333)!important;color:var(--md-text-primary, #eee)!important;box-shadow:inset 0 0 0 1px var(--md-border, #444)!important;border-radius:2px}.color-picker-popover .sketch-picker label,.color-picker-popover .sketch-picker span{color:var(--md-text-secondary, #aaa)!important}.color-picker-popover .sketch-picker>div:first-child{max-width:100%!important;overflow:hidden!important}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}