.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: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: 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;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{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))}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff")}:root{--background: #08090c;--foreground: #f4f4f5;--muted: #a1a1aa;--muted-2: #71717a;--card: rgba(18, 18, 23, .92);--card-soft: rgba(24, 24, 29, .78);--popover: #111115;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .14);--surface: rgba(9, 9, 11, .7);--surface-input: rgba(9, 9, 11, .82);--ring: #8b5cf6;--primary: #f4f4f5;--primary-foreground: #09090b;--accent: #18181b;--accent-foreground: #fafafa;--active-bg: #f4f4f5;--active-fg: #09090b;--destructive: #fb7185;--warning: #fbbf24;--violet: #8b5cf6;--blue: #60a5fa;--green: #34d399;--radius: 14px;--shadow: 0 16px 48px rgba(0, 0, 0, .36);--glass-bg: linear-gradient(180deg, rgba(24, 24, 29, .92), rgba(14, 14, 18, .9));--body-bg: radial-gradient(circle at 50% -10%, rgba(139, 92, 246, .16), transparent 34rem), linear-gradient(180deg, #0d0e13 0%, var(--background) 44%);--canvas-bg: #090a0f;--canvas-grid: rgba(255, 255, 255, .035);--edge: rgba(0, 0, 0, .68)}[data-theme=light]{--background: #f8f8fa;--foreground: #18181b;--muted: #71717a;--muted-2: #a1a1aa;--card: rgba(255, 255, 255, .96);--card-soft: rgba(248, 248, 250, .9);--popover: #ffffff;--border: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .18);--surface: rgba(255, 255, 255, .85);--surface-input: rgba(244, 244, 245, .9);--accent: #f4f4f5;--accent-foreground: #18181b;--active-bg: #18181b;--active-fg: #fafafa;--shadow: 0 16px 48px rgba(0, 0, 0, .12);--glass-bg: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 248, 250, .92));--body-bg: radial-gradient(circle at 50% -10%, rgba(139, 92, 246, .08), transparent 34rem), linear-gradient(180deg, #f0f0f3 0%, var(--background) 50%);--canvas-bg: #ffffff;--canvas-grid: rgba(0, 0, 0, .04);--edge: rgba(0, 0, 0, .1)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--body-bg);color:var(--foreground)}.marketing-page,.auth-page,.dashboard-shell{min-height:100vh;background:#f5f5f0;color:#171816}.brand{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;color:inherit;font-size:1rem;font-weight:750;letter-spacing:-.03em;text-decoration:none}.brand-mark{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:#191a18;color:#fff;font-size:.88rem}.marketing-nav{display:flex;max-width:1240px;margin:auto;padding:24px 28px;align-items:center;justify-content:space-between}.nav-links{display:flex;gap:30px}.nav-links a,.text-link{color:#666861;font-size:.86rem;font-weight:600;text-decoration:none}.nav-links a:hover,.text-link:hover{color:#171816}.button{display:inline-flex;min-height:44px;padding:0 19px;align-items:center;justify-content:center;gap:14px;border:1px solid #d8d9d3;border-radius:10px;background:transparent;color:#1d1e1b;font-size:.86rem;font-weight:700;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.button--primary{border-color:#22231f;background:#22231f;color:#fff}.button--ghost:hover{background:#e9e9e3}.button--light{border-color:#fff;background:#fff;color:#171816}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#77796f;font-size:.69rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.eyebrow:before{content:"";width:18px;height:1px;background:#9b9d94}.hero{display:grid;max-width:1240px;min-height:700px;margin:auto;padding:70px 28px 110px;grid-template-columns:.92fr 1.08fr;align-items:center;gap:70px}.hero-copy h1{max-width:620px;margin:25px 0;font-size:clamp(3.25rem,6.2vw,6rem);font-weight:520;letter-spacing:-.075em;line-height:.96}.hero-copy h1 em{color:#767b69;font-family:Georgia,serif;font-weight:400}.hero-copy>p{max-width:570px;color:#6e7069;font-size:1.07rem;line-height:1.75}.hero-actions{display:flex;margin-top:35px;align-items:center;gap:24px}.hero-proof{display:flex;margin-top:30px;gap:18px;color:#82847c;font-size:.73rem}.hero-visual{overflow:hidden;border:1px solid #d4d5cf;border-radius:19px;background:#ecede7;box-shadow:0 32px 80px #23251f21;transform:rotate(1deg)}.preview-toolbar{display:flex;height:48px;padding:0 17px;align-items:center;justify-content:space-between;border-bottom:1px solid #dedfd9;color:#85877f;font-size:.67rem}.preview-dots{color:#b5b7b0;letter-spacing:3px}.preview-canvas{position:relative;height:500px;background-image:radial-gradient(#c8cac2 1px,transparent 1px);background-size:19px 19px}.preview-node{position:absolute;z-index:2;width:215px;padding:17px;border:1px solid #d2d3ce;border-radius:13px;background:#fffffff5;box-shadow:0 12px 28px #23251f1a}.preview-node small{color:#9a9d91;font-size:.56rem;letter-spacing:.1em}.preview-node strong{display:block;margin-top:9px;font-size:.86rem}.preview-node p{margin:8px 0 0;color:#73766d;font-size:.67rem;line-height:1.5}.preview-node--one{top:55px;left:28px}.preview-node--two{top:185px;right:32px}.preview-node--three{bottom:44px;left:55px}.preview-line{position:absolute;z-index:1;height:2px;transform-origin:left;background:#9c9f93}.preview-line--one{top:170px;left:212px;width:205px;transform:rotate(20deg)}.preview-line--two{top:328px;left:230px;width:200px;transform:rotate(138deg)}.benefits{max-width:1240px;margin:auto;padding:110px 28px;border-top:1px solid #d8d9d2}.benefits>div:first-child{display:grid;grid-template-columns:.7fr 1.3fr;align-items:end}.benefits h2,.workflow h2{max-width:660px;margin:0;font-size:clamp(2.3rem,4vw,4rem);font-weight:530;letter-spacing:-.055em;line-height:1.05}.feature-grid{display:grid;margin-top:80px;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article{min-height:250px;padding:26px;border:1px solid #d8d9d2;border-radius:15px;background:#ffffff6e}.feature-grid article>span{color:#a2a49c;font-size:.68rem}.feature-grid h3{margin-top:75px;font-size:1.1rem}.feature-grid p{color:#73756e;font-size:.86rem;line-height:1.65}.workflow{display:flex;max-width:1184px;margin:30px auto 100px;padding:70px;align-items:end;justify-content:space-between;gap:60px;border-radius:22px;background:#22231f;color:#fff}.workflow .eyebrow{color:#aeb0a7}.workflow h2{margin:20px 0}.workflow p{max-width:670px;margin:0;color:#afb1a8;line-height:1.7}.marketing-page>footer{display:flex;max-width:1240px;margin:auto;padding:34px 28px;justify-content:space-between;border-top:1px solid #d8d9d2;color:#777970;font-size:.75rem}.auth-page{display:grid;place-items:center;padding:90px 24px 40px;background:linear-gradient(135deg,#efefe9,#fafaf7)}.auth-brand{position:absolute;top:28px;left:34px}.auth-card{display:grid;overflow:hidden;width:min(960px,100%);min-height:570px;grid-template-columns:1fr 1fr;border:1px solid #dedfd8;border-radius:20px;background:#fff;box-shadow:0 35px 90px #23251f1a}.auth-intro{display:flex;padding:60px;flex-direction:column;background:#22231f;color:#fff}.auth-intro h1{margin:25px 0 18px;font-size:3rem;font-weight:520;letter-spacing:-.06em;line-height:1.05}.auth-intro p{color:#afb1a9;line-height:1.7}.auth-quote{margin-top:auto;padding-top:25px;border-top:1px solid #40413c;color:#d2d3cd;font-family:Georgia,serif;font-size:1.1rem;font-style:italic;line-height:1.6}.auth-card form{display:flex;padding:60px;flex-direction:column;justify-content:center;gap:22px}.auth-card form h2{margin:0;font-size:2rem;letter-spacing:-.04em}.auth-card form>div p{margin:8px 0 10px;color:#85877f;font-size:.86rem}.auth-card label,.create-modal label{display:grid;gap:8px;color:#585a54;font-size:.75rem;font-weight:700}.auth-card input,.create-modal input{width:100%;height:48px;padding:0 14px;border:1px solid #d8d9d3;border-radius:9px;background:#fafaf7;color:#191a18}.auth-card .button{width:100%}.default-login{margin:-6px 0 0;text-align:center;color:#95978f;font-size:.72rem}.form-error{margin:-10px 0;color:#b42318;font-size:.76rem}.dashboard-shell{display:grid;grid-template-columns:235px 1fr}.dashboard-sidebar{position:sticky;top:0;display:flex;height:100vh;padding:28px 18px 20px;flex-direction:column;border-right:1px solid #ddded7;background:#eeeeea}.dashboard-sidebar>.brand{padding:0 9px 28px}.dashboard-sidebar nav{display:grid;gap:5px}.dashboard-sidebar nav button,.sidebar-bottom>button{display:flex;width:100%;padding:11px 13px;align-items:center;gap:12px;border:0;border-radius:8px;background:transparent;color:#6e7069;font-size:.8rem;font-weight:600;text-align:left}.dashboard-sidebar button.active,.dashboard-sidebar nav button:hover,.sidebar-bottom>button:hover{background:#dadbd4;color:#20211e}.dashboard-sidebar nav button span,.sidebar-bottom>button span{width:17px;text-align:center}.sidebar-bottom{display:grid;margin-top:auto;gap:5px}.user-chip{display:flex;margin-top:14px;padding:15px 10px 2px;align-items:center;gap:10px;border-top:1px solid #d8d9d2}.user-chip>span{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#22231f;color:#fff;font-size:.64rem}.user-chip div{display:grid;gap:2px}.user-chip strong{font-size:.76rem}.user-chip small{color:#8a8c84;font-size:.65rem}.dashboard-main{width:min(1200px,100%);min-width:0;margin:0 auto;padding:65px clamp(28px,5vw,75px)}.dashboard-main>header{display:flex;align-items:end;justify-content:space-between;gap:30px}.dashboard-main h1{margin:14px 0 8px;font-size:3rem;font-weight:540;letter-spacing:-.06em}.dashboard-main header p{margin:0;color:#797b73}.dashboard-stats{display:grid;margin:52px 0;grid-template-columns:repeat(3,1fr);border:1px solid #dcddd6;border-radius:13px;background:#ffffff80}.dashboard-stats div{display:grid;padding:23px 26px;gap:5px}.dashboard-stats div+div{border-left:1px solid #dcddd6}.dashboard-stats strong{font-size:1.3rem}.dashboard-stats span{color:#8a8c84;font-size:.7rem}.project-heading{display:flex;margin-bottom:18px;align-items:center;justify-content:space-between}.project-heading h2{font-size:1rem}.project-heading span{color:#8a8c84;font-size:.7rem}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{display:flex;min-height:235px;padding:22px;flex-direction:column;border:1px solid #d9dad3;border-radius:13px;background:#ffffffb8;color:#20211e;text-align:left;transition:transform .16s,box-shadow .16s}.project-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px #23251f14}.project-icon{display:grid;width:40px;height:40px;margin-bottom:28px;place-items:center;border-radius:10px;background:#dfe6d9;color:#52634b}.project-icon--1{background:#e6e0d9;color:#725a45}.project-icon--2{background:#dddde8;color:#565475}.project-card h3{margin:0 0 9px;font-size:.96rem}.project-card p{margin:0;color:#7a7c74;font-size:.73rem;line-height:1.5}.project-card footer{display:flex;margin-top:auto;padding-top:18px;justify-content:space-between;border-top:1px solid #e4e5df;color:#91938b;font-size:.64rem}.project-card--new{align-items:center;justify-content:center;border-style:dashed;background:transparent;text-align:center}.project-card--new>span{font-size:1.6rem;font-weight:300}.project-card--new strong{margin:12px 0 5px;font-size:.84rem}.project-card--new small{color:#92948c}.settings-card{max-width:760px;margin-top:50px;padding:28px;border:1px solid #dcddd6;border-radius:14px;background:#ffffff8c}.settings-card h3{margin-top:0}.settings-row{display:flex;padding:22px 0;align-items:center;justify-content:space-between;border-top:1px solid #e0e1db}.settings-row p{margin:5px 0 0;color:#8b8d85;font-size:.72rem}.settings-row>span{color:#74766f;font-size:.78rem}.status-pill{padding:5px 9px;border-radius:20px;background:#dce8d7;color:#496044!important}.modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#1617147a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.create-modal{width:min(470px,100%);padding:35px;border-radius:17px;background:#fafaf7;box-shadow:0 40px 100px #0000003d}.create-modal h2{margin:15px 0 9px;font-size:1.7rem;letter-spacing:-.04em}.create-modal>p{margin:0 0 25px;color:#777970;font-size:.82rem;line-height:1.6}.create-modal>div{display:flex;margin-top:28px;justify-content:flex-end;gap:10px}.workspace-back{position:fixed;z-index:80;top:16px;left:50%;padding:7px 12px;transform:translate(-50%);border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--muted);font-size:.7rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:60px}.hero-visual{transform:none}.benefits>div:first-child{grid-template-columns:1fr;gap:30px}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:190px}.feature-grid h3{margin-top:45px}.workflow{margin:20px 28px 70px;padding:45px;align-items:start;flex-direction:column}.auth-card{grid-template-columns:1fr}.auth-intro{display:none}.dashboard-shell{grid-template-columns:76px 1fr}.dashboard-sidebar{padding:24px 12px}.dashboard-sidebar .brand{justify-content:center}.dashboard-sidebar .brand:not(.brand-mark){font-size:0}.dashboard-sidebar nav button,.sidebar-bottom>button{justify-content:center;font-size:0}.user-chip div{display:none}.user-chip{justify-content:center}.project-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.nav-links{display:none}.hero{padding:45px 20px 75px;gap:45px}.hero-copy h1{font-size:3.4rem}.hero-proof{align-items:start;flex-direction:column;gap:7px}.preview-canvas{height:410px}.preview-node{width:180px}.benefits{padding:75px 20px}.workflow{margin:15px 20px 60px;padding:34px 26px}.marketing-page>footer{align-items:center;flex-direction:column;gap:10px}.auth-card form{padding:38px 28px}.dashboard-shell{display:block}.dashboard-sidebar{position:fixed;z-index:50;top:auto;bottom:0;width:100%;height:68px;padding:8px 16px;flex-direction:row;border-top:1px solid #d8d9d2}.dashboard-sidebar>.brand,.sidebar-bottom>button,.user-chip{display:none}.dashboard-sidebar nav{display:flex;width:100%;justify-content:space-around}.dashboard-sidebar nav button{width:auto;font-size:.62rem;flex-direction:column;gap:3px}.dashboard-sidebar nav button span{font-size:1rem}.sidebar-bottom{display:none}.dashboard-main{padding:40px 20px 100px}.dashboard-main>header{align-items:start;flex-direction:column}.dashboard-stats{grid-template-columns:1fr}.dashboard-stats div+div{border-top:1px solid #dcddd6;border-left:0}.project-grid{grid-template-columns:1fr}}.ui-card{padding:28px;border:1px solid #dcddd6;border-radius:14px;background:#ffffff9e}.ui-field{display:grid;gap:8px;color:#585a54;font-size:.75rem;font-weight:700}.ui-field input,.ui-field select{width:100%;height:46px;padding:0 13px;border:1px solid #d8d9d3;border-radius:9px;background:#fafaf7;color:#191a18}.ui-field small{color:#8b8d85;font-weight:400}.ui-badge{display:inline-flex;width:fit-content;padding:5px 9px;align-items:center;border-radius:999px;background:#e7e7e2;color:#686a63;font-size:.65rem;font-weight:700;text-transform:capitalize}.ui-badge--success{background:#dce8d7;color:#496044}.ui-badge--warning{background:#f1e4c8;color:#755b24}.ui-badge--violet{background:#e5e0ef;color:#5f4c7b}.ui-skeleton{display:grid;gap:16px;padding-top:70px}.ui-skeleton span{display:block;height:70px;border-radius:12px;background:linear-gradient(90deg,#e5e5df 25%,#f3f3ee,#e5e5df 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.ui-skeleton span:first-child{width:58%;height:100px}.route-loading{min-height:100vh;display:grid;place-items:center;align-content:center;gap:14px;color:var(--ink-muted);background:var(--page);font-size:14px}.loading-orb{width:34px;height:34px;border:3px solid color-mix(in srgb,var(--brand),transparent 70%);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}.ui-state{display:grid;min-height:330px;padding:55px;place-items:center;align-content:center;border:1px dashed #d3d4cd;border-radius:15px;text-align:center}.ui-state__icon{display:grid;width:46px;height:46px;place-items:center;border-radius:50%;background:#e7e7e1}.ui-state h3{margin:18px 0 7px}.ui-state p{max-width:470px;margin:0 0 20px;color:#787a72;line-height:1.6}.ui-state--error{border-color:#e0c7c3;background:#fff8f6}.ui-state--permission{background:#ffffff73}.ui-modal{position:relative}.ui-modal__close{position:absolute;top:20px;right:20px;width:31px;height:31px;border:0;border-radius:8px;background:#ecece7;color:#666861;font-size:1.2rem}.ui-modal>h2{padding-right:35px}.ui-modal__footer{display:flex;margin-top:28px;justify-content:flex-end;gap:10px}.ui-toast{position:fixed;z-index:120;right:24px;bottom:24px;display:flex;max-width:390px;padding:13px 15px;align-items:center;gap:15px;border-radius:10px;background:#252621;color:#fff;box-shadow:0 20px 50px #0003;font-size:.78rem}.ui-toast--error{background:#7a302a}.ui-toast button{border:0;background:transparent;color:inherit}.ui-table-wrap{overflow:auto;margin-top:28px;border:1px solid #dcddd6;border-radius:13px;background:#ffffff8c}.ui-table{width:100%;border-collapse:collapse}.ui-table th,.ui-table td{padding:16px 18px;border-bottom:1px solid #e2e3dc;font-size:.75rem;text-align:left}.ui-table th{color:#85877f;font-size:.64rem;letter-spacing:.06em;text-transform:uppercase}.ui-table tr:last-child td{border-bottom:0}.ui-table td div{display:grid;gap:4px}.ui-table td small{color:#8b8d85}.table-action{border:0;background:transparent;color:#72544f;font-size:.7rem;font-weight:700}.plan-grid{display:grid;margin-top:50px;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.plan-card{background:#22231f;color:#fff}.plan-card--active{outline:2px solid var(--brand);outline-offset:-2px}.plan-card h2{margin:22px 0 9px;font-size:2.7rem;letter-spacing:-.06em}.plan-card>p{color:#b1b3aa}.plan-features{display:grid;margin-top:35px;gap:13px;color:#d8d9d3;font-size:.77rem}.plan-usage{margin-top:18px}.credit-number{display:flex;margin:25px 0;align-items:end;gap:10px}.credit-number strong{font-size:3.6rem;font-weight:530;letter-spacing:-.07em}.credit-number span{padding-bottom:10px;color:#85877f}.usage-track{overflow:hidden;height:8px;border-radius:99px;background:#dcddd6}.usage-track span{display:block;height:100%;border-radius:inherit;background:#747b64}.plan-grid .ui-card>p,.plan-grid .ui-card>small,.plan-usage>p,.plan-usage>small{color:#7c7e76;font-size:.72rem}.section-title{margin:45px 0 -10px;font-size:1rem}.mcp-create{margin-top:45px}.mcp-create form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px}.mcp-create>code{display:block;margin-top:22px;padding:14px;border-radius:8px;background:#e9e9e4;color:#63665d;font-size:.7rem}.form-stack{display:grid;gap:18px}.secret-box{display:flex;padding:14px;align-items:center;gap:12px;border-radius:9px;background:#e9e9e4}.secret-box code{overflow:auto;flex:1;font-size:.68rem}.settings-card.ui-card{max-width:760px;margin-top:50px}.workspace-topbar{position:fixed;z-index:80;top:16px;left:50%;display:flex;min-width:340px;height:38px;padding:0 8px;transform:translate(-50%);align-items:center;justify-content:space-between;gap:12px;border-radius:10px;font-size:.68rem}.workspace-topbar button{border:0;background:transparent;color:var(--muted);font-size:.68rem}.workspace-topbar strong{overflow:hidden;max-width:160px;text-overflow:ellipsis;white-space:nowrap}.last-sync{color:var(--muted-2);white-space:nowrap}.button--danger{border-color:#7a302a;background:#7a302a;color:#fff}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:760px){.plan-grid,.mcp-create form{grid-template-columns:1fr}.ui-table th,.ui-table td{padding:13px}.workspace-topbar{top:12px;min-width:min(340px,calc(100vw - 30px))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.app-shell{min-height:100vh;padding:10px}.panel-heading p,.section-node__eyebrow{margin:0;color:var(--muted-2);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.workbench{display:grid;gap:10px;height:calc(100vh - 20px);min-height:620px;transition:grid-template-columns .18s ease,grid-template-rows .18s ease}.workbench--panel-right{grid-template-areas:"templates canvas panel";grid-template-columns:236px minmax(420px,1fr) minmax(300px,360px);grid-template-rows:minmax(0,1fr)}.workbench--panel-right.workbench--sidebar-collapsed{grid-template-columns:72px minmax(420px,1fr) minmax(300px,360px)}.workbench--panel-right.workbench--panel-collapsed{grid-template-columns:236px minmax(420px,1fr) 0px}.workbench--panel-right.workbench--sidebar-collapsed.workbench--panel-collapsed{grid-template-columns:72px minmax(420px,1fr) 0px}.workbench--panel-left{grid-template-areas:"templates panel canvas";grid-template-columns:236px minmax(300px,360px) minmax(420px,1fr);grid-template-rows:minmax(0,1fr)}.workbench--panel-left.workbench--sidebar-collapsed{grid-template-columns:72px minmax(300px,360px) minmax(420px,1fr)}.workbench--panel-left.workbench--panel-collapsed{grid-template-columns:236px 0px minmax(420px,1fr)}.workbench--panel-left.workbench--sidebar-collapsed.workbench--panel-collapsed{grid-template-columns:72px 0px minmax(420px,1fr)}.workbench--panel-top{grid-template-areas:"templates panel" "templates canvas";grid-template-columns:236px minmax(420px,1fr);grid-template-rows:320px minmax(0,1fr)}.workbench--panel-top.workbench--sidebar-collapsed{grid-template-columns:72px minmax(420px,1fr)}.workbench--panel-top.workbench--panel-collapsed{grid-template-rows:0px minmax(0,1fr)}.workbench--panel-bottom{grid-template-areas:"templates canvas" "templates panel";grid-template-columns:236px minmax(420px,1fr);grid-template-rows:minmax(0,1fr) 320px}.workbench--panel-bottom.workbench--sidebar-collapsed{grid-template-columns:72px minmax(420px,1fr)}.workbench--panel-bottom.workbench--panel-collapsed{grid-template-rows:minmax(0,1fr) 0px}.glass-panel{border:1px solid var(--border);background:var(--glass-bg);box-shadow:var(--shadow),inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar,.generation-panel{border-radius:var(--radius);padding:10px}.sidebar{grid-area:templates;position:relative;z-index:20;overflow:visible}.generation-panel{grid-area:panel;display:flex;flex-direction:column;overflow:hidden}.sidebar__topline{display:flex;align-items:start;justify-content:space-between;gap:10px}.panel-heading h2{margin:4px 0 0;font-size:.95rem;font-weight:650;letter-spacing:-.03em}.generation-panel__topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--border)}.generation-panel__content{display:flex;flex:1;min-height:0;flex-direction:column;overflow:auto}.sidebar-toggle,.panel-toggle,.icon-button,.output-toolbar button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;background:#ffffff08;color:var(--muted);transition:background .14s ease,border-color .14s ease,color .14s ease}.sidebar-toggle{width:30px;height:30px;flex:0 0 auto;color:var(--muted)}.sidebar-toggle:hover,.panel-toggle:hover,.icon-button:hover,.output-toolbar button:hover{border-color:var(--border-strong);background:var(--accent);color:var(--accent-foreground)}.panel-toggle{width:34px;height:34px;flex:0 0 auto;color:var(--foreground)}.panel-toggle:hover{color:var(--violet)}.panel-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;flex:1;border:1px solid var(--border);border-radius:12px;padding:3px;background:#ffffff06}.panel-tab{border:0;border-radius:9px;padding:7px 8px;background:transparent;color:var(--muted);font-size:.78rem;font-weight:650}.panel-tab--active{background:var(--active-bg);color:var(--active-fg)}.sidebar--collapsed{padding:10px 8px}.sidebar--collapsed .panel-heading{display:none}.sidebar--collapsed .sidebar__topline{justify-content:center}.template-card__icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--template-accent),black 18%);border-radius:10px;background:var(--template-accent);color:#111318;box-shadow:0 3px 8px color-mix(in srgb,var(--template-accent),transparent 62%)}.sidebar--collapsed .template-list--grid,.sidebar--collapsed .template-list--list{justify-items:center;grid-template-columns:1fr}.sidebar--collapsed .template-item__drag{width:44px;min-height:44px;justify-content:center;padding:4px;border-radius:12px}.sidebar--collapsed .template-item__label{display:none}.canvas-shell{grid-area:canvas;position:relative;overflow:hidden;min-height:0;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(90deg,var(--canvas-grid) 1px,transparent 1px),linear-gradient(var(--canvas-grid) 1px,transparent 1px),var(--canvas-bg);background-size:48px 48px;box-shadow:var(--shadow)}.react-flow__pane{cursor:grab}.react-flow__pane:active{cursor:grabbing}.react-flow__edge-path,.react-flow__connection-path{stroke:var(--violet);stroke-width:2}.section-node{width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box;min-width:280px;min-height:200px;border:1px solid color-mix(in srgb,var(--template-accent, var(--brand)),var(--border-strong) 45%);border-radius:16px;padding:12px;background:color-mix(in srgb,var(--template-accent, var(--brand)),var(--card) 92%);box-shadow:0 12px 30px color-mix(in srgb,var(--template-accent, var(--brand)),transparent 84%),var(--shadow)}[data-theme=light] .section-node{border-color:color-mix(in srgb,var(--template-accent, var(--brand)),var(--border-strong) 45%)}.section-node__header{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:12px}.section-node__identity{display:flex;min-width:0;align-items:center;gap:10px}.section-node__icon{width:36px;height:36px}.section-node__header strong{display:block;margin-top:4px;font-size:.98rem;font-weight:700;letter-spacing:-.03em}.section-node__delete{display:grid;flex:0 0 auto;width:30px;height:30px;place-items:center;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer}.section-node__delete:hover,.section-node__delete:focus-visible{border-color:color-mix(in srgb,var(--danger),transparent 55%);background:color-mix(in srgb,var(--danger),transparent 88%);color:var(--danger)}.icon-button,.output-toolbar button{min-height:28px;padding:5px 9px;font-size:.74rem}.section-node__fields{display:grid;flex:1;min-height:0;gap:9px}.section-node__fields .field,.section-node__fields .field__textarea-row,.section-node__fields textarea{min-height:0}.section-node--single{min-height:140px}.section-node--single .section-node__fields textarea{min-height:78px}.field{display:grid;gap:5px}.field span{color:var(--muted-2);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.field input,.field textarea,.output-preview{width:100%;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--foreground);transition:border-color .14s ease,background .14s ease}.field input:focus,.field textarea:focus,.output-preview:focus{border-color:color-mix(in srgb,var(--ring),white 10%);background:#09090be6}.field input,.field textarea{padding:8px 9px;resize:none}.field textarea{line-height:1.42}.node-handle{width:10px;height:10px;border:2px solid #18181b;background:var(--blue);box-shadow:0 0 0 1px var(--border-strong)}.node-handle-target{left:-5px}.node-handle-source{right:-5px;background:var(--violet)}.node-resizer-line{border-color:transparent!important}.node-resizer-handle{border-color:var(--ring)!important;background:var(--background)!important}.settings-stack{display:grid;gap:10px;margin:12px 0}.setting-field{display:grid;gap:6px}.setting-field span,.setting-row span{color:var(--muted);font-size:.8rem}.setting-field input,.setting-field select{width:100%;border:1px solid var(--border);border-radius:10px;padding:8px 9px;background:var(--surface-input);color:var(--foreground)}.setting-field select{text-transform:capitalize}.setting-field input:focus,.setting-field select:focus{border-color:color-mix(in srgb,var(--ring),white 10%)}.settings-hint{margin:0;color:var(--muted-2);font-size:.76rem;line-height:1.4}.setting-row{display:flex;align-items:center;gap:9px;min-height:24px}.setting-row input{accent-color:var(--violet)}.primary-action{width:100%;border:1px solid var(--border-strong);border-radius:11px;padding:10px 14px;background:var(--primary);color:var(--primary-foreground);font-weight:750;transition:transform .14s ease,opacity .14s ease}.output-section{display:flex;min-height:0;flex:1;flex-direction:column}.primary-action:hover:not(:disabled){transform:translateY(-1px)}.primary-action:disabled{cursor:wait;opacity:.68}.error-box,.warning-box,.empty-output{margin-top:12px;border-radius:12px;padding:10px;font-size:.83rem;line-height:1.45}.error-box{border:1px solid rgba(251,113,133,.34);background:#fb718514;color:#fecdd3}.warning-box{border:1px solid rgba(251,191,36,.3);background:#fbbf2414;color:#fde68a}.warning-box p{margin:0}.output-toolbar{display:flex;align-items:center;gap:6px;margin-top:14px;color:var(--muted-2);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.68rem}.output-toolbar span{margin-right:auto}.output-preview{flex:1;height:auto;min-height:240px;margin-top:8px;padding:12px;resize:vertical;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;line-height:1.55}.empty-output{display:grid;gap:6px;place-content:center;min-height:160px;border:1px dashed var(--border-strong);color:var(--muted);background:#ffffff06}.empty-output strong{color:var(--foreground)}.payload-details{margin-top:10px;color:var(--muted)}.payload-details summary{cursor:pointer;font-size:.82rem}.payload-details pre{max-height:220px;overflow:auto;border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--surface);color:var(--muted);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.7rem;white-space:pre-wrap}.output-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;background:#000000ad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.output-modal__panel{display:flex;width:min(1120px,100%);height:min(820px,92vh);flex-direction:column;border-radius:18px;padding:14px}.output-modal__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.output-modal__header p{margin:0;color:var(--muted-2);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.68rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.output-modal__header h2{margin:4px 0 0;font-size:1.1rem;letter-spacing:-.03em}.output-modal__actions{display:flex;gap:8px}.output-modal__actions button{border:1px solid var(--border);border-radius:10px;padding:7px 10px;background:#ffffff08;color:var(--muted);font-size:.8rem;font-weight:650}.output-modal__actions button:hover{border-color:var(--border-strong);background:var(--accent);color:var(--foreground)}.output-modal__preview{flex:1;min-height:0;margin-top:12px;border:1px solid var(--border);border-radius:14px;padding:16px;resize:none;background:var(--surface-input);color:var(--text);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.86rem;line-height:1.65}.panel-float-toggle{position:fixed;top:16px;right:16px;z-index:90;display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:14px;color:var(--violet);transition:background .14s ease,color .14s ease,transform .14s ease}.panel-float-toggle:hover{color:var(--foreground);transform:scale(1.06)}.template-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:grid;place-items:center;padding:24px;background:#000000ad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.template-modal__panel{display:flex;width:min(720px,100%);height:min(760px,90vh);flex-direction:column;border-radius:18px;padding:16px}.template-modal__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.template-modal__eyebrow{margin:0;color:var(--muted-2);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.68rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.template-modal__header h2{margin:4px 0 0;font-size:1.1rem;letter-spacing:-.03em}.template-modal__close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 auto;border:1px solid var(--border);border-radius:10px;background:#ffffff08;color:var(--muted);transition:background .14s ease,color .14s ease}.template-modal__close:hover{background:var(--accent);color:var(--foreground)}.template-modal__body{display:grid;gap:12px;flex:1;min-height:0;overflow:auto;padding:14px 4px}.template-modal__footer{display:flex;align-items:center;justify-content:end;gap:10px;padding-top:12px;border-top:1px solid var(--border)}.template-modal__cancel{border:1px solid var(--border);border-radius:11px;padding:9px 16px;background:transparent;color:var(--muted);font-size:.86rem;font-weight:650;transition:background .14s ease,color .14s ease}.template-modal__cancel:hover{background:var(--accent);color:var(--foreground)}.generation-panel--top .generation-panel__content,.generation-panel--bottom .generation-panel__content{display:flex;flex-direction:column}.generation-panel--top .settings-stack,.generation-panel--bottom .settings-stack{margin:0}.generation-panel--top .primary-action,.generation-panel--bottom .primary-action{align-self:start}.generation-panel--top .output-section,.generation-panel--bottom .output-section{grid-column:auto;grid-row:auto;height:100%}.generation-panel--top .payload-details,.generation-panel--bottom .payload-details{display:none}.mini-map{width:118px!important;height:82px!important;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.react-flow__controls{overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:none}.react-flow__controls-button{border-bottom-color:var(--border);background:var(--surface);color:var(--foreground);fill:var(--foreground)}.react-flow__controls-button:hover{background:var(--accent)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}:root{--page: var(--background);--surface-raised: var(--card);--surface-subtle: var(--card-soft);--text: var(--foreground);--text-muted: var(--muted);--text-faint: var(--muted-2);--brand: var(--violet);--focus: var(--ring);--success: var(--green);--danger: var(--destructive);--divider: var(--border);--icon: var(--text);--focus-ring: var(--ring);--field-focus: color-mix(in srgb, var(--ring), var(--surface-input) 78%);--selected-plan: color-mix(in srgb, var(--brand), var(--surface-raised) 82%);--interactive-hover: var(--accent)}[data-theme=light]{--icon:#27272a;--field-focus:#ffffff;--selected-plan:#f1edff}[data-theme=dark]{--icon:#f4f4f5;--field-focus:#19191f;--selected-plan:#272043}.marketing-page,.auth-page,.dashboard-shell{background:var(--body-bg);color:var(--text)}.marketing-page,.auth-page,.dashboard-shell,.dashboard-sidebar,.dashboard-main,.project-card,.ui-card,.ui-table-wrap,.create-modal,.auth-card,.auth-card input,.create-modal input,.ui-field input,.ui-field select,.ui-field textarea{color:var(--text)}.marketing-page p,.marketing-page footer,.marketing-page .text-link,.marketing-page .nav-links a,.auth-card form>div p,.default-login,.dashboard-main header p,.project-card p,.project-card small,.project-card footer,.settings-row p,.settings-row>span,.ui-card p,.ui-card small,.ui-field small,.ui-table th,.ui-table td small{color:var(--text-muted)}.marketing-page .text-link:hover,.marketing-page .nav-links a:hover{color:var(--text)}.brand-mark,.button--primary,.user-chip>span{background:var(--primary);color:var(--primary-foreground)}.brand .brand-mark{padding:0;object-fit:contain;background:transparent;color:inherit}.button{border-color:var(--border-strong);color:var(--text)}.button--primary{border-color:var(--primary)}.button--ghost:hover{background:var(--accent)}.dashboard-sidebar{border-color:var(--divider);background:var(--surface-subtle)}.dashboard-sidebar nav button,.sidebar-bottom>button{color:var(--text-muted)}.dashboard-sidebar button.active,.dashboard-sidebar nav button:hover,.sidebar-bottom>button:hover{background:var(--accent);color:var(--text)}.user-chip{border-color:var(--divider)}.dashboard-stats,.project-card,.settings-card,.ui-card,.ui-table-wrap,.ui-state{border-color:var(--divider);background:var(--surface-raised)}.dashboard-stats div+div,.project-card footer,.settings-row,.ui-table th,.ui-table td{border-color:var(--divider)}.project-card{min-height:250px;box-shadow:0 1px color-mix(in srgb,var(--border-strong),transparent 25%)}.project-card:hover{border-color:color-mix(in srgb,var(--brand),transparent 45%);box-shadow:var(--shadow)}.project-icon{background:color-mix(in srgb,var(--success),transparent 84%);color:var(--success)}.project-icon--1{background:color-mix(in srgb,var(--warning),transparent 84%);color:var(--warning)}.project-icon--2{background:color-mix(in srgb,var(--brand),transparent 84%);color:var(--brand)}.project-card--new{background:color-mix(in srgb,var(--surface-raised),transparent 35%)}.ui-field input,.ui-field select,.ui-field textarea,.auth-card input,.create-modal input{border-color:var(--border);background:var(--surface-input);color:var(--text)}.ui-badge{background:var(--accent);color:var(--text-muted)}.ui-badge--success{background:color-mix(in srgb,var(--success),transparent 85%);color:var(--success)}.ui-badge--warning{background:color-mix(in srgb,var(--warning),transparent 84%);color:var(--warning)}.ui-badge--violet{background:color-mix(in srgb,var(--brand),transparent 84%);color:color-mix(in srgb,var(--brand),white 25%)}.create-modal,.auth-card{border:1px solid var(--divider);background:var(--surface-raised)}.modal-backdrop{background:color-mix(in srgb,var(--page),transparent 30%)}.ui-modal__close{background:var(--accent);color:var(--text-muted)}.ui-toast{background:var(--text);color:var(--page)}.ui-toast--error{background:var(--danger);color:#fff}.plan-card{background:var(--selected-plan);color:var(--text)}.plan-card>p,.plan-features{color:var(--text-muted)}.mcp-create>code,.secret-box{background:var(--accent);color:var(--text-muted)}.usage-track{background:var(--accent)}.usage-track span{background:var(--brand)}.auth-page{background:var(--body-bg)}.auth-intro,.workflow{background:color-mix(in srgb,var(--brand),#111 84%)}.hero-visual{border-color:var(--divider);background:var(--surface-subtle)}.preview-toolbar{border-color:var(--divider)}.preview-canvas{background-color:var(--surface-subtle)}.preview-node{border-color:var(--divider);background:var(--surface-raised)}.benefits,.marketing-page>footer{border-color:var(--divider)}.feature-grid article{border-color:var(--divider);background:var(--surface-raised)}.settings-sections{display:grid;gap:20px;margin-top:42px}.settings-card.ui-card{max-width:none;margin-top:0}.settings-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.settings-section-heading h2{margin:10px 0 5px;font-size:1.3rem;letter-spacing:-.035em}.settings-section-heading p{margin:0;color:var(--text-muted);font-size:.78rem;line-height:1.55}.theme-choice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.theme-choice button{display:grid;min-height:112px;padding:18px;justify-items:start;gap:7px;border:1px solid var(--border);border-radius:12px;background:var(--surface-subtle);color:var(--text);text-transform:capitalize}.theme-choice button.active{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand),transparent 75%)}.theme-choice button>span{font-size:1.3rem;color:var(--brand)}.theme-choice button small{color:var(--text-muted)}.settings-provider-section{padding:6px 0}.provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.provider-card.ui-card{display:flex;min-width:0;padding:20px;flex-direction:column;gap:16px}.provider-card__head,.provider-card__head>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.provider-card__head>div{justify-content:flex-start;min-width:0}.provider-logo{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--brand),transparent 84%);color:var(--brand);font-weight:800}.provider-card h3{margin:0 0 3px;font-size:.9rem}.provider-card small{color:var(--text-muted);font-size:.67rem}.provider-enabled{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.74rem}.provider-enabled input{accent-color:var(--brand)}.provider-actions{display:flex;margin-top:auto;align-items:center;gap:8px}.provider-actions .button{min-height:36px;padding:0 12px;font-size:.72rem}.text-button{width:fit-content;border:0;background:transparent;color:var(--brand);font-size:.72rem;font-weight:700}.text-button.danger{margin-left:auto;color:var(--danger)}.settings-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.prompt-field{margin-top:18px}.ui-field textarea{width:100%;padding:13px;resize:vertical;line-height:1.55}.settings-alert{display:flex;margin-top:20px;padding:12px 14px;align-items:center;justify-content:space-between;border:1px solid color-mix(in srgb,var(--danger),transparent 60%);border-radius:10px;background:color-mix(in srgb,var(--danger),transparent 90%);color:var(--danger);font-size:.78rem}.settings-alert button{border:0;background:transparent;color:inherit}.panel-kicker{margin:0 0 3px;color:var(--text-faint);font-size:.64rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.output-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.output-source{margin-top:0}.generate-action{width:100%;margin-top:12px}.selection-save-status{grid-column:1/-1;color:var(--text-faint);font-size:.64rem;text-align:right}.provider-empty{display:flex;margin-top:9px;align-items:center;justify-content:space-between;gap:8px;color:var(--text-muted);font-size:.7rem}.provider-empty button{border:0;background:transparent;color:var(--brand);font-weight:700}.ai-generation-toggle{display:flex;margin-top:14px;padding:11px;align-items:center;gap:10px;border:1px solid var(--divider);border-radius:10px;background:var(--surface-subtle);color:var(--text)}.ai-generation-toggle input{width:16px;height:16px;accent-color:var(--brand)}.ai-generation-toggle span{display:grid;gap:2px;font-size:.76rem}.ai-generation-toggle small{color:var(--text-muted)}.marketing-nav__actions{display:flex;align-items:center;gap:12px}.mcp-guide{display:grid;margin-top:18px;gap:12px}.mcp-guide h2,.mcp-guide p{margin:0}.mcp-guide ol{display:grid;margin:0;padding-left:20px;gap:6px;color:var(--text-muted);font-size:.78rem}.mcp-guide pre{overflow:auto;margin:0;padding:12px;border:1px solid var(--divider);border-radius:10px;background:var(--surface-subtle);color:var(--text);font-size:.7rem;white-space:pre-wrap}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--focus-ring)}.ui-field input:focus,.ui-field select:focus,.ui-field textarea:focus,.field input:focus,.field textarea:focus,.output-preview:focus,.output-modal__preview:focus{border-color:var(--focus-ring);background:var(--field-focus);color:var(--text)}.field input:focus-visible,.field textarea:focus-visible,.output-preview:focus-visible,.output-modal__preview:focus-visible{outline:0}.node-handle{border-color:var(--surface-raised);box-shadow:0 0 0 2px var(--divider)}@media(max-width:620px){.marketing-nav__actions{gap:7px}.theme-toggle__btn{padding:6px 9px}.output-source-grid{grid-template-columns:1fr}}.error-box p{margin:0}.error-box>div{display:flex;margin-top:8px;gap:8px}.error-box button{border:1px solid currentColor;border-radius:7px;padding:5px 8px;background:transparent;color:inherit}.editor-options{margin-top:12px;border-top:1px solid var(--divider);padding-top:10px;color:var(--text-muted);font-size:.72rem}.editor-options summary{cursor:pointer}.editor-options .setting-field,.editor-options .setting-row{margin-top:10px}.page-actions{display:flex;align-items:center;gap:10px}.project-section{margin-top:34px}.project-card{position:relative}.project-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.project-card__actions{display:flex;align-items:center;gap:5px}.project-card__actions button,.project-card footer button{display:grid;place-items:center;border:0;background:transparent;color:var(--text-muted)}.project-card__actions button{width:31px;height:31px;border-radius:8px}.project-card__actions button:hover{background:var(--accent);color:var(--text)}.project-card__actions button.danger:hover{background:color-mix(in srgb,var(--danger),transparent 88%);color:var(--danger)}.project-card__open{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left}.project-card__open p{min-height:46px}.project-card__groups{display:flex;margin-top:12px;flex-wrap:wrap;gap:6px}.project-card footer button{display:inline;padding:0;color:var(--brand);font-size:.65rem;font-weight:700}.create-modal>.delete-confirmation{display:block;width:100%;margin-top:0}.delete-confirmation p{margin:0 0 16px;color:var(--text-muted);font-size:.8rem;line-height:1.6}.delete-confirmation .ui-field,.delete-confirmation .ui-field input{width:100%}.button.button--danger{border-color:var(--danger);background:var(--danger);color:#fff}.button.button--danger:hover:not(:disabled){color:#fff}.button.button--danger:disabled{color:#ffffffb8}.share-group-list{display:grid;gap:8px}.share-group-list>button{display:flex;width:100%;padding:13px;align-items:center;justify-content:space-between;border:1px solid var(--divider);border-radius:10px;background:var(--surface-subtle);color:var(--text);text-align:left}.share-group-list>button>span{display:grid;gap:4px}.share-group-list small{color:var(--text-muted)}.team-groups-section{margin-top:44px}.team-group-grid{display:grid;width:100%;grid-template-columns:1fr;gap:12px}.team-group-card.ui-card{display:grid;width:100%;min-height:0;padding:20px 22px;grid-template-columns:minmax(220px,1fr) minmax(180px,1fr) auto;align-items:center;gap:24px}.team-group-card__identity{display:flex;min-width:0;align-items:center;gap:13px}.team-group-card__identity h3{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap}.team-group-card__identity p{margin:5px 0 0;color:var(--text-muted);font-size:.7rem}.team-group-card__summary{display:flex;min-width:0;align-items:center}.team-group-card__summary>span{display:grid;width:32px;height:32px;margin-left:-7px;place-items:center;border:2px solid var(--surface-raised);border-radius:50%;background:var(--accent);color:var(--text-muted);font-size:.58rem;font-weight:800}.team-group-card__summary>span:first-child{margin-left:0}.team-group-card__summary small{margin-left:9px;color:var(--text-muted);font-size:.68rem}.team-group-card__actions{display:flex;align-items:center;gap:8px}.team-group-card__actions .button{min-height:38px;padding:0 14px}.group-icon{display:grid;grid-row:1/3;width:38px;height:38px;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--brand),transparent 84%);color:var(--brand)}.icon-danger{display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--danger)}.icon-danger:hover{background:color-mix(in srgb,var(--danger),transparent 88%)}.groups-empty{color:var(--text-muted);font-size:.78rem;line-height:1.6}.create-modal:has(.team-manager){width:min(900px,100%);max-height:calc(100vh - 40px);overflow:auto}.create-modal>.team-manager{display:grid;width:100%;margin-top:26px;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);align-items:start;justify-content:stretch;gap:24px}.team-manager__list,.team-manager__invite{min-width:0}.team-manager__heading{display:flex;margin-bottom:12px;align-items:end;justify-content:space-between;gap:16px}.team-manager h3{margin:0;font-size:.9rem}.team-manager p{margin:4px 0 0;color:var(--text-muted);font-size:.7rem;line-height:1.55}.team-manager__existing{min-width:175px}.team-manager__existing select{height:38px}.team-manager__people{display:grid;gap:8px}.team-person{display:grid;padding:11px 12px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;border:1px solid var(--divider);border-radius:10px;background:var(--surface-subtle)}.team-person__avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--accent);color:var(--text-muted);font-size:.58rem;font-weight:800}.team-person>div{display:grid;min-width:0;gap:3px}.team-person strong,.team-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-person strong{font-size:.74rem}.team-person small{color:var(--text-muted);font-size:.62rem}.team-person>button{border:0;background:transparent;color:var(--danger);font-size:.66rem;font-weight:700}.team-manager__invite{padding:18px;border:1px solid var(--divider);border-radius:12px;background:var(--surface-subtle)}.team-manager__invite .form-stack{margin-top:16px}.team-manager__invite .button{width:100%}.invite-created{display:grid;margin-top:16px;gap:11px}.invite-created code{overflow:auto;padding:11px;border:1px solid var(--divider);border-radius:8px;background:var(--surface-raised);color:var(--text);font-size:.67rem}.invite-created .text-button{margin:auto}@media(max-width:1000px){.provider-grid,.theme-choice{grid-template-columns:1fr}.theme-choice button{min-height:86px}.settings-form-grid{grid-template-columns:1fr}}@media(max-width:760px){.team-group-card.ui-card{grid-template-columns:1fr auto}.team-group-card__summary{display:none}.create-modal>.team-manager{grid-template-columns:1fr}.team-manager__heading{align-items:stretch;flex-direction:column}.team-manager__existing{width:100%}}@media(max-width:620px){.settings-section-heading{align-items:flex-start;flex-direction:column}.settings-section-heading .button{width:100%}.settings-sections{margin-top:28px}.provider-card.ui-card,.settings-card.ui-card{padding:20px}.page-actions{width:100%;align-items:stretch;flex-direction:column}.page-actions .button{width:100%}.project-card__actions{gap:2px}.team-group-card.ui-card{padding:16px;grid-template-columns:1fr}.team-group-card__actions{justify-content:space-between}.team-group-card__actions .button{flex:1}.team-person{grid-template-columns:auto minmax(0,1fr) auto}.team-person>.ui-badge{grid-column:2}.team-person>button{grid-column:3;grid-row:1/3}}@media(max-width:1180px){.workbench--panel-right,.workbench--panel-left,.workbench--panel-bottom{grid-template-areas:"templates canvas" "templates panel";grid-template-columns:220px minmax(420px,1fr);grid-template-rows:minmax(540px,1fr) 320px;height:auto}.workbench--panel-top{grid-template-areas:"templates panel" "templates canvas";grid-template-columns:220px minmax(420px,1fr);grid-template-rows:320px minmax(540px,1fr);height:auto}.workbench--panel-right.workbench--sidebar-collapsed,.workbench--panel-left.workbench--sidebar-collapsed,.workbench--panel-bottom.workbench--sidebar-collapsed,.workbench--panel-top.workbench--sidebar-collapsed{grid-template-columns:72px minmax(420px,1fr)}.workbench--panel-right.workbench--panel-collapsed,.workbench--panel-left.workbench--panel-collapsed,.workbench--panel-bottom.workbench--panel-collapsed{grid-template-rows:minmax(540px,1fr) 0px}.workbench--panel-top.workbench--panel-collapsed{grid-template-rows:0px minmax(540px,1fr)}.generation-panel--top .generation-panel__content,.generation-panel--bottom .generation-panel__content,.generation-panel--left .generation-panel__content,.generation-panel--right .generation-panel__content{display:flex;flex-direction:column}.generation-panel--top .output-section,.generation-panel--bottom .output-section,.generation-panel--left .output-section,.generation-panel--right .output-section{grid-column:auto;grid-row:auto;height:100%}.generation-panel--top .settings-stack,.generation-panel--bottom .settings-stack,.generation-panel--left .settings-stack,.generation-panel--right .settings-stack{margin:0}}@media(max-width:760px){.app-shell{padding:10px}.workbench--panel-right,.workbench--panel-left,.workbench--panel-top,.workbench--panel-bottom,.workbench--panel-right.workbench--sidebar-collapsed,.workbench--panel-left.workbench--sidebar-collapsed,.workbench--panel-top.workbench--sidebar-collapsed,.workbench--panel-bottom.workbench--sidebar-collapsed{grid-template-areas:"templates" "panel" "canvas";grid-template-columns:1fr;grid-template-rows:auto auto minmax(620px,1fr);min-height:unset}.workbench--panel-bottom,.workbench--panel-bottom.workbench--sidebar-collapsed{grid-template-areas:"templates" "canvas" "panel"}.workbench--panel-right.workbench--panel-collapsed,.workbench--panel-left.workbench--panel-collapsed,.workbench--panel-top.workbench--panel-collapsed,.workbench--panel-bottom.workbench--panel-collapsed{grid-template-rows:auto 0px minmax(620px,1fr)}.workbench--panel-bottom.workbench--panel-collapsed{grid-template-rows:auto minmax(620px,1fr) 0px}.sidebar--collapsed .panel-heading{display:block}.sidebar--collapsed .sidebar__topline{justify-content:space-between}.sidebar--collapsed .template-list--grid,.sidebar--collapsed .template-list--list{grid-template-columns:repeat(6,1fr)}.sidebar--collapsed .template-item__drag{width:100%}.canvas-shell{min-height:620px}.generation-panel--top .generation-panel__content,.generation-panel--bottom .generation-panel__content,.generation-panel--left .generation-panel__content,.generation-panel--right .generation-panel__content{display:flex;flex-direction:column}.generation-panel--top .output-section,.generation-panel--bottom .output-section,.generation-panel--left .output-section,.generation-panel--right .output-section{grid-column:auto;grid-row:auto}.template-list--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.output-modal{padding:10px}.output-modal__panel{height:94vh}.output-modal__header{align-items:stretch;flex-direction:column}.output-modal__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.template-modal{padding:10px}.template-modal__panel{height:94vh}.template-modal__footer{flex-direction:column-reverse}.template-modal__footer button{width:100%}}@media(max-width:520px){.template-list--grid,.template-list--list,.sidebar--collapsed .template-list--grid,.sidebar--collapsed .template-list--list{grid-template-columns:1fr}}.sidebar__actions{display:flex;gap:6px;align-items:center}.template-list--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;overflow-y:auto;max-height:calc(100vh - 140px);padding-right:4px}.template-list--list{display:flex;flex-direction:column;gap:6px;margin-top:12px;overflow-y:auto;max-height:calc(100vh - 140px);padding-right:4px}.template-item{position:relative}.template-item__drag{display:flex;align-items:center;gap:10px;width:100%;min-height:50px;border:1px solid transparent;border-radius:12px;padding:8px 5px;background:transparent;color:var(--foreground);text-align:left;cursor:grab;transition:border-color .14s ease,background .14s ease}.template-list--grid .template-item__drag{flex-direction:column;gap:6px;min-height:70px;justify-content:center;text-align:center}.template-item__drag:hover{border-color:var(--border);background:color-mix(in srgb,var(--template-accent),transparent 92%)}.template-item__drag:active{cursor:grabbing}.template-list--grid .template-item__label{font-size:.8rem;font-weight:650;line-height:1.2}.template-list--list .template-item__label{font-size:.86rem;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-tooltip{position:fixed;z-index:999;width:240px;border:1px solid var(--border-strong);border-radius:12px;padding:10px 12px;background:var(--popover);box-shadow:var(--shadow);color:var(--foreground);pointer-events:none;transform:translateY(-50%)}.template-tooltip strong{display:block;font-size:.88rem;font-weight:700;margin-bottom:2px}.template-tooltip__eyebrow{display:block;color:var(--muted-2);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.63rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.template-tooltip p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.4}.field__textarea-row{display:flex;gap:6px;align-items:stretch}.field__textarea-row textarea{flex:1}.field__expand{display:inline-flex;align-items:center;justify-content:center;width:32px;flex:0 0 auto;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted);cursor:pointer;transition:background .14s ease,color .14s ease}.field__expand:hover{background:var(--accent);color:var(--foreground)}.node-field-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:24px;background:var(--edge);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.node-field-modal__panel{display:flex;width:min(640px,100%);height:min(560px,88vh);flex-direction:column;border-radius:18px;padding:16px}.node-field-modal__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.node-field-modal__header h2{margin:0;font-size:1.05rem;letter-spacing:-.03em}.node-field-modal__close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 auto;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted);transition:background .14s ease,color .14s ease}.node-field-modal__close:hover{background:var(--accent);color:var(--foreground)}.node-field-modal__editor{flex:1;min-height:0;margin:12px 0;border:1px solid var(--border);border-radius:14px;padding:16px;resize:none;background:var(--surface);color:var(--foreground);font-size:.92rem;line-height:1.6}.node-field-modal__footer{display:flex;justify-content:end;padding-top:12px;border-top:1px solid var(--border)}.theme-toggle{display:inline-flex;border:1px solid var(--border);border-radius:10px;overflow:hidden}.theme-toggle__btn{border:0;padding:6px 14px;background:transparent;color:var(--muted);font-size:.78rem;font-weight:650;transition:background .14s ease,color .14s ease}.theme-toggle__btn--active{background:var(--primary);color:var(--primary-foreground)}.setting-row--theme{justify-content:space-between}.setting-row--theme span{font-weight:650}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.library-search{display:block;margin-top:14px}.library-search input{width:100%;height:38px;padding:0 11px;border:1px solid var(--border);border-radius:10px;background:var(--surface-input);color:var(--text);font-size:.76rem}.library-credit{display:flex;margin:9px 2px 13px;align-items:center;justify-content:space-between;color:var(--text-faint);font-size:.62rem}.library-credit strong{color:var(--success)}.template-groups{display:grid;max-height:calc(100vh - 190px);gap:16px;overflow:auto;padding-right:2px}.template-group{display:grid;gap:6px}.template-group h3{margin:0 4px 4px;color:var(--text-faint);font-size:.61rem;letter-spacing:.11em;text-transform:uppercase}.library-row{display:flex;width:100%;min-height:58px;padding:9px;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--template-accent),var(--divider) 72%);border-radius:12px;background:color-mix(in srgb,var(--template-accent),var(--surface-raised) 88%);color:var(--text);text-align:left;box-shadow:0 1px color-mix(in srgb,var(--border-strong),transparent 45%)}.library-row:hover:not(:disabled),.library-row:focus-visible{border-color:color-mix(in srgb,var(--template-accent),black 14%);background:color-mix(in srgb,var(--template-accent),var(--surface-raised) 80%)}.library-row:disabled{cursor:not-allowed;opacity:.42}.library-row__copy{display:grid;min-width:0;flex:1;gap:4px}.library-row__copy strong{font-size:.78rem}.library-row__copy small{color:var(--text-muted);font-size:.65rem;line-height:1.35}.library-empty,.library-limit{display:grid;gap:5px;padding:16px 10px;color:var(--text-muted);font-size:.69rem;line-height:1.4}.library-empty strong,.library-limit strong{color:var(--text)}.library-limit{margin-top:12px;border:1px solid color-mix(in srgb,var(--warning),transparent 65%);border-radius:10px;background:color-mix(in srgb,var(--warning),transparent 92%)}.sidebar--collapsed .template-groups{justify-items:center;margin-top:14px}.sidebar--collapsed .template-group{gap:8px}.sidebar--collapsed .library-row{width:46px;min-height:46px;justify-content:center;padding:5px;background:var(--surface-raised)}.sidebar--collapsed .library-row:hover:not(:disabled),.sidebar--collapsed .library-row:focus-visible{background:color-mix(in srgb,var(--template-accent),var(--surface-raised) 82%)}.react-flow__edge-path{stroke-linecap:round;stroke-linejoin:round}.react-flow__edge.selected .react-flow__edge-path{stroke-width:3;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--brand),transparent 35%))}[data-theme=light]{--primary:#18181b;--primary-foreground:#fafafa}.button.button--primary{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}@media(max-width:620px){.dashboard-sidebar nav{width:80%}.dashboard-sidebar .sidebar-bottom{display:flex;width:20%;margin:0}.dashboard-sidebar .sidebar-bottom>button:first-child{display:flex;width:100%;padding:6px;justify-content:center;flex-direction:column;gap:3px;font-size:.62rem;text-align:center}.dashboard-sidebar .sidebar-bottom>button:first-child span{font-size:1rem}.dashboard-sidebar .sidebar-bottom>button:not(:first-child),.dashboard-sidebar .sidebar-bottom .user-chip{display:none}}@media(max-width:760px){.app-shell{padding:60px 10px 10px}}.dashboard-sidebar .brand-mark{width:60px;height:60px;border-radius:18px}.dashboard-sidebar nav button span,.dashboard-sidebar .sidebar-bottom>button span{width:34px;font-size:1.6rem}@media(max-width:900px)and (min-width:621px){.dashboard-shell{grid-template-columns:104px 1fr}.dashboard-sidebar{padding-inline:12px}}@media(max-width:620px){.dashboard-sidebar{height:88px}.dashboard-main{padding-bottom:120px}.dashboard-sidebar nav button span,.dashboard-sidebar .sidebar-bottom>button:first-child span{font-size:2rem}}