@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";.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))}.account-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--bg,#f4f6fa)}.account-card{width:min(440px,100%);display:flex;flex-direction:column;gap:16px;border:1px solid #dce3ed;background:var(--panel,#fff);border-radius:16px;padding:32px;box-shadow:0 16px 50px #22324b12}.account-card h1{margin:0;font:600 28px Space Grotesk,sans-serif}.account-card p{margin:0;line-height:1.6}.account-card label,.share-controls label,.share-link label{display:flex;flex-direction:column;gap:7px;font-size:13px}.account-card input{padding:11px!important}.account-links{display:flex;flex-wrap:wrap;gap:8px}.account-error{color:#b33440!important}.project-role{font-size:11px;text-transform:capitalize;border:1px solid #dce3ed;padding:5px 8px;border-radius:16px}.conflict-banner{padding:10px 20px;background:#fff1c9;color:#684c0a;display:flex;align-items:center;gap:12px;flex-wrap:wrap;z-index:5}.app:has(.conflict-banner){grid-template-rows:auto auto minmax(0,1fr)}.member-list{display:grid;gap:8px}.member-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid #dce3ed}.member-row>div{flex:1;min-width:150px}.member-row small{display:block;margin-top:4px;color:#788399}.share-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.share-link{display:flex;align-items:end;gap:8px;margin:16px 0}.share-link label{flex:1;min-width:0}.sharing-dialog{overflow:auto;max-height:85dvh}.sharing-dialog h3{margin:20px 0 10px}.account-settings h2{margin:0}.account-settings label{display:flex;gap:8px;align-items:center}.account-settings small{display:block;margin-top:8px}.viewer .project-name-action,.viewer .sidebar .add-entry{display:none}.viewer .inspector input,.viewer .inspector select,.viewer .inspector textarea{opacity:.75}.viewer .inspector input:disabled,.viewer .inspector textarea:disabled{-webkit-text-fill-color:currentColor}@media(max-width:510px){.app .topbar{height:auto;min-height:74px;flex-wrap:wrap;gap:8px;padding:8px 12px}.app .brand{width:auto;flex:1}.app .project-head{display:flex;align-items:center;gap:6px;order:2;flex:0 0 100%}.app .project-controls{gap:5px;margin:0}.app .project-controls select{width:125px;max-width:125px}.app .project-controls .new-project-button{width:32px;height:30px;overflow:hidden;padding:5px;font-size:0}.app .project-head>input{flex:1;min-width:0;font-size:14px}.app .actions{order:3;flex:0 0 100%;gap:6px;overflow-x:auto}.app .actions .ghost{display:inline-flex}.app .actions .import-sql-action{font-size:10px;padding:7px 8px}.app .save-status{display:none}}.canvas-head .small-btn{pointer-events:auto;align-self:flex-start}.import-workflow{max-height:min(78vh,760px);overflow:auto}.import-workflow>h3{margin:18px 0 10px;font:600 14px Space Grotesk,sans-serif}.import-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.import-stats span{padding:9px 10px;border:1px solid #e4e9f1;border-radius:6px;background:#fbfcfe;font-size:11px;color:#66748b}.import-stats b{display:block;color:#26344c;font:700 18px Space Grotesk,sans-serif}.import-modes{display:flex;gap:18px;flex-wrap:wrap;margin:14px 0}.import-modes label,.replace-confirm{display:flex;align-items:center;gap:7px;font-size:12px;color:#47536a}.import-modes input,.replace-confirm input{accent-color:#365dd2}.replace-confirm{margin:12px 0;padding:10px;background:#fff8e8;border:1px solid #f2dfae;border-radius:6px}.import-warnings{max-height:190px;overflow:auto;margin:12px 0;padding:11px;border:1px solid #efd89b;border-radius:6px;background:#fffaf0;color:#76571b;font-size:11px}.import-warnings strong{display:flex;align-items:center;gap:6px}.import-warnings p{margin:8px 0 0}.import-warnings pre{max-height:110px;overflow:auto;margin:8px 0;padding:8px;background:#fff;border:1px solid #f0e5c9;white-space:pre-wrap;overflow-wrap:anywhere}.import-tables{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.import-tables span{padding:5px 8px;border:1px solid #dfe5ef;border-radius:5px;background:#f8fafc;color:#45536b;font-size:10px}.import-workflow .dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.import-workflow .import-picker{position:relative;display:inline-flex;min-height:38px;align-items:center;padding:9px 12px;border:1px dashed #aab6ca;border-radius:6px;color:#42516b;font-size:12px;font-weight:600;cursor:pointer}.import-workflow .import-picker input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.import-paste{display:grid;gap:8px;margin:16px 0}.import-paste>label{font-size:12px;font-weight:700;color:#52617a}.import-paste textarea{min-height:150px;resize:vertical;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.import-paste .button{justify-self:start}:root[data-theme=dark] .import-paste>label{color:#c7d0df}.dialog.wide{width:min(760px,calc(100vw - 32px))}.project-controls{display:flex;align-items:center;gap:8px;margin-bottom:3px}.project-controls select{min-width:0;max-width:220px;border:1px solid #dfe5ef;border-radius:6px;background:#fff;padding:5px 8px;color:#47536a;font-size:11px;font-weight:600}.project-controls .button{padding:5px 8px;font-size:11px}.admin-dialog{max-height:80vh}.deleted-project-list{overflow:auto;max-height:48vh;border:1px solid #e5eaf2;border-radius:9px}.deleted-project{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid #edf0f5}.deleted-project:last-child{border-bottom:0}.deleted-project strong,.deleted-project small{display:block}.deleted-project strong{font-size:13px;color:#34435d}.deleted-project small{margin-top:4px;font-size:10px;color:#929db0}.deleted-project .button{padding:7px 10px}.admin-empty{padding:24px;text-align:center;color:#929db0;font-size:12px;background:#fafbfe;border-radius:8px}.admin-page{flex:1;min-height:0;overflow:auto;background:#f7f9fc;padding:38px clamp(22px,6vw,88px)}.admin-page-head{max-width:960px;margin:0 auto 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-page-head h1{margin:7px 0 4px;font:700 28px Space Grotesk,sans-serif;color:#26354f}.admin-page-head p,.admin-section-title p{margin:0;color:#8793a6;font-size:12px}.admin-page-content{max-width:960px;margin:auto;padding:24px;background:#fff;border:1px solid #e5eaf2;border-radius:12px;box-shadow:0 8px 24px #25375d08}.admin-section-title{margin-bottom:16px}.admin-section-title h2{margin:0 0 5px;font:600 16px Space Grotesk,sans-serif;color:#34435d}.admin-page .deleted-project-list{max-height:none}.admin-page .deleted-project{padding:17px 16px}.admin-page .admin-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px dashed #dfe5ef}.admin-empty strong{color:#59677e;font-size:13px}.admin-empty span{font-size:11px}:root{font-family:DM Sans,sans-serif;color:#273145;background:#f7f9fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.topbar{height:74px;flex-shrink:0;background:#fff;border-bottom:1px solid #e4e9f1;display:flex;align-items:center;padding:0 24px;gap:36px}.brand{display:flex;align-items:center;gap:11px;width:226px;flex-shrink:0}.brand-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:#375ed1;color:#fff}.brand strong{display:block;font-family:Space Grotesk,sans-serif;font-size:16px;letter-spacing:-.5px}.brand small{font-size:9px;letter-spacing:1.15px;color:#8794a8;font-weight:700}.project-head{flex:1;min-width:0}.project-head input{display:block;border:0;background:transparent;font-family:Space Grotesk;font-size:17px;font-weight:700;color:#1d2d4d;outline:none;width:100%}.top-subtitle{font-size:11px;color:#97a2b4}.actions{display:flex;align-items:center;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:10px 15px;font-weight:700;font-size:12px;white-space:nowrap}.primary{background:#365dd2;border:1px solid #365dd2;color:#fff}.primary:hover{background:#284fb9}.ghost{background:#fff;border:1px solid #dfe5ef;color:#47536a}.ghost:hover{background:#f4f7fb}.save-status{font-size:11px;color:#8793a5;display:flex;align-items:center;gap:5px;margin-right:6px}.saved{color:#1c9d72}.workbench{display:grid;grid-template-columns:248px minmax(0,1fr) 358px;min-height:0;flex:1}.sidebar,.inspector{background:#fff;min-height:0;display:flex;flex-direction:column}.sidebar{border-right:1px solid #e3e8f0}.inspector{border-left:1px solid #e3e8f0}.side-tabs{display:flex;padding:14px 15px 0;gap:6px;border-bottom:1px solid #e9edf4}.side-tabs button{background:none;border:0;display:flex;align-items:center;gap:8px;color:#8b97a9;font-weight:700;font-size:12px;padding:12px 14px;border-bottom:2px solid transparent}.side-tabs button.active{color:#365dd2;border-color:#365dd2}.side-section{display:flex;align-items:center;justify-content:space-between;padding:24px 19px 9px;color:#8190a5;font-size:10px;font-weight:800;letter-spacing:1.1px}.side-section b{display:inline-block;background:#edf1f7;border-radius:5px;padding:2px 6px;margin-left:5px;letter-spacing:0}.icon-button{border:0;background:transparent;padding:5px;border-radius:5px;color:#8390a4;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{background:#edf2fb;color:#315acb}.list{overflow:auto;padding:2px 10px}.list-entry{width:100%;display:flex;align-items:center;gap:10px;text-align:left;background:none;border:0;border-radius:8px;padding:11px;color:#536179;font-size:12px}.list-entry span{flex:1;font-weight:700}.list-entry small{color:#97a5b8}.list-entry.selected{background:#eaf0ff;color:#3257c5}.add-entry{background:transparent;color:#365dd2;font-weight:700;border:1px dashed #cbd7f0;margin:12px 18px;padding:11px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px}.sidebar-bottom{margin-top:auto;padding:16px}.notice{background:#f3f6fc;border:1px solid #e8edf6;border-radius:9px;padding:14px}.notice strong{display:flex;gap:7px;align-items:center;font-size:11px;color:#3b658c}.notice p{font-size:10px;line-height:1.65;color:#8290a3;margin:8px 0 0}.relation-list{position:relative;padding:12px 32px 12px 12px;border-bottom:1px solid #f0f3f8}.relation-list strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis}.relation-list small{font-size:10px;color:#8290a3}.relation-list button{position:absolute;right:2px;top:14px}.canvas-area{min-width:0;min-height:0;position:relative;background:#f7f9fd}.canvas-head{position:absolute;z-index:2;top:21px;left:26px;pointer-events:none;display:flex;flex-direction:column;gap:6px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#98a3b5}.canvas-hint{color:#a2adbc;font-size:11px}.react-flow{width:100%;height:100%}.react-flow__controls{box-shadow:0 4px 18px #24345110;border:1px solid #e5eaf2;border-radius:8px;overflow:hidden}.react-flow__minimap{border:1px solid #e3e8f0;border-radius:8px;background:#fff}.canvas-footer{position:absolute;bottom:18px;left:19px;display:flex;gap:16px;color:#9aa6b5;font-size:10px;font-weight:700;pointer-events:none}.table-node{width:250px;min-height:60px;background:#fff;border-radius:11px;border:1px solid #d8e2f0;box-shadow:0 9px 25px #25375d12;overflow:visible}.node-head{display:flex;align-items:center;gap:8px;color:#fff;padding:13px;background:#344d89;border-radius:10px 10px 0 0;font-family:Space Grotesk;font-weight:600;font-size:13px}.node-count{margin-left:auto;color:#c8d6f3;font-size:10px}.node-column{position:relative;padding:10px 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #f0f3f7;font-size:11px}.node-column:last-child{border-radius:0 0 10px 10px;border-bottom:0}.column-name{font-weight:700;color:#47556e}.column-type{margin-left:auto;color:#9aabc3;font-size:10px}.port{height:9px!important;width:9px!important;background:#8ea5d5!important;border:2px solid #fff!important}.inspector-top{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 22px 15px;border-bottom:1px solid #edf0f5}.inspector-top h2{margin:6px 0 0;font-family:Space Grotesk;font-size:19px;color:#26354f}.scroll-panel{overflow-y:auto;padding:20px 20px 40px;flex:1}.field,.field-pair>label{font-size:10px;display:flex;flex-direction:column;gap:7px;color:#7c8ba0;font-weight:800;letter-spacing:.1px}.field{margin-bottom:15px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:15px;min-width:0}.field-pair>*{min-width:0}input:not([type=checkbox]):not([type=file]),select,textarea{width:100%;max-width:100%;min-width:0;border:1px solid #dde5f0;padding:9px 10px;background:#fff;color:#34435d;border-radius:6px;outline:0;font-size:12px;font-weight:500}input:focus,select:focus,textarea:focus{border-color:#7e9bea!important}.section-row{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px}.section-row h3{font-family:Space Grotesk;font-size:14px;margin:0}.section-row span{color:#9eabba;font:11px DM Sans}.small-btn{border:0;background:#eaf0ff;color:#365dd2;display:flex;align-items:center;gap:4px;padding:8px;border-radius:6px;font-size:11px;font-weight:700}.column-card{background:#fbfcff;border:1px solid #e5eaf2;border-radius:9px;padding:12px;margin-bottom:10px}.column-title{display:flex;align-items:center;justify-content:space-between;margin:-1px 0 10px;font-size:9px;color:#9ca7ba;letter-spacing:1px;font-weight:800}.column-card .field,.column-card .field-pair{margin-bottom:11px}.column-card input,.column-card select{padding:8px!important}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px 5px;padding:7px 0 14px}.checks label{display:flex;align-items:center;gap:5px;font-size:10px;color:#687891;font-weight:700}.checks input{accent-color:#365dd2}.danger{color:#c88787}.delete-table{display:flex;align-items:center;gap:7px;background:none;border:0;color:#cc6871;font-size:11px;font-weight:700;margin-top:17px}.empty-inspector{padding:60px 30px;text-align:center}.empty-icon{display:grid;place-items:center;color:#7291d9;background:#edf2ff;width:62px;height:62px;margin:auto;border-radius:16px}.empty-inspector h3{font-family:Space Grotesk;font-size:17px;margin:18px 0 8px}.empty-inspector p{font-size:12px;color:#94a1b4;line-height:1.7}.empty-inspector .button{margin-top:14px}.help-card{text-align:left;border:1px solid #e6ebf3;background:#fafbfe;border-radius:9px;margin-top:45px;padding:17px}.help-card strong{font-size:12px}.help-card p{font-size:11px}.help-card button{background:none;border:0;color:#3561cc;font-size:11px;font-weight:800;display:flex;align-items:center;gap:5px;padding:0}.validation{position:fixed;z-index:9;bottom:22px;left:280px;background:#fff7ed;border:1px solid #f5d4a5;border-radius:8px;padding:10px 15px;display:flex;align-items:center;gap:9px;color:#9a601b;font-size:11px;max-width:55vw;box-shadow:0 4px 17px #0001}.validation button{border:0;background:none;color:#8d550c;text-decoration:underline}.overlay{z-index:20;position:fixed;top:0;right:0;bottom:0;left:0;background:#1a264f77;display:flex;align-items:center;justify-content:center;padding:20px}.dialog{background:#fff;border-radius:14px;padding:26px;width:min(470px,100%);max-height:90vh;display:flex;flex-direction:column;box-shadow:0 30px 80px #09112a45}.dialog.wide{width:min(850px,100%)}.dialog-head{display:flex;align-items:start;justify-content:space-between}.dialog-head h2{font-family:Space Grotesk;font-size:22px;margin:6px 0 0}.dialog-copy,.modal-body p{font-size:12px;color:#8793a6;line-height:1.6}.export-tabs{display:flex;gap:6px;margin:18px 0 12px;flex-wrap:wrap}.export-tabs button{display:flex;align-items:center;gap:7px;background:#f3f5fa;color:#75849b;border:1px solid transparent;border-radius:7px;padding:10px 12px;font-size:11px;font-weight:700}.export-tabs .selected{background:#eaf0ff;color:#365dd2;border-color:#cddcfb}.code-preview{flex:1;min-height:160px;max-height:50vh;overflow:auto;background:#17233b;color:#c8d8eb;border-radius:9px;padding:20px;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:17px}.export-warning{background:#fff4db;border-radius:5px;padding:9px;font-size:11px;color:#a06f21;display:flex;gap:6px}.modal-body{padding-top:20px}.modal-body .field{margin-bottom:12px}.import-picker{display:block;text-align:center;border:1px dashed #9cb2e6;border-radius:9px;padding:22px;color:#375ed1;font-size:13px;font-weight:700;cursor:pointer}.import-picker input{display:block;margin:12px auto 0;font-size:11px;max-width:100%}.loading{padding:80px;text-align:center;color:#63718a}@media(max-width:1100px){.workbench{grid-template-columns:200px minmax(0,1fr) 310px}.brand{width:190px}.topbar{gap:10px;padding:0 14px}}@media(max-width:760px){.workbench{grid-template-columns:160px minmax(0,1fr)}.inspector{position:absolute;z-index:5;right:0;top:74px;bottom:0;width:min(360px,80vw);box-shadow:-8px 0 30px #172d4b15}.inspector:has(.empty-inspector){display:none}.brand{width:auto}.top-subtitle,.save-status{display:none}.topbar{height:74px}.actions{gap:4px}.button{padding:9px}.canvas-hint{display:none}}@media(max-width:510px){.workbench{grid-template-columns:105px minmax(0,1fr)}.brand small,.project-head,.actions .ghost{display:none}.brand strong{font-size:12px}.sidebar .side-tabs{padding:5px}.side-tabs button{font-size:10px;padding:10px 4px}.side-section{padding:20px 8px 5px;font-size:9px}.list{padding:3px}.list-entry{padding:7px 3px;font-size:10px}.list-entry svg,.list-entry small,.notice{display:none}.add-entry{font-size:10px;margin:7px 3px;padding:6px}.canvas-head{left:10px}.canvas-footer{display:none}}@media(max-width:760px){.inspector{top:74px}}@media(max-width:510px){.app .actions{flex-wrap:wrap;overflow:visible}.inspector{top:194px}}.drawer-toggle{position:absolute;z-index:4;top:14px;width:26px;height:34px;display:grid;place-items:center;border:1px solid #e3e8f0;background:#fff;color:#687891;box-shadow:0 2px 8px #24345112;cursor:pointer}.drawer-toggle:hover{color:#315acb;background:#f4f7fb}.sidebar{position:relative}.sidebar-toggle{right:-1px;border-radius:7px 0 0 7px;transform:translate(100%)}.inspector{position:relative}.inspector-toggle{left:-1px;border-radius:0 7px 7px 0;transform:translate(-100%)}.workbench.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr) 358px}.workbench.inspector-collapsed{grid-template-columns:248px minmax(0,1fr) 0}.workbench.sidebar-collapsed.inspector-collapsed{grid-template-columns:0 minmax(0,1fr) 0}.sidebar-collapsed .sidebar,.inspector-collapsed .inspector{width:0;overflow:visible;border:0}.sidebar-collapsed .sidebar>*:not(.sidebar-toggle),.inspector-collapsed .inspector>*:not(.inspector-toggle){visibility:hidden;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .22s ease,visibility 0s linear .28s}.sidebar-collapsed .sidebar-toggle{right:auto;left:0;transform:translate(0);border-radius:0 7px 7px 0}.inspector-collapsed .inspector-toggle{left:auto;right:0;transform:translate(0);border-radius:7px 0 0 7px}@media(max-width:1100px){.workbench.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr) 310px}.workbench.inspector-collapsed{grid-template-columns:200px minmax(0,1fr) 0}.workbench.sidebar-collapsed.inspector-collapsed{grid-template-columns:0 minmax(0,1fr) 0}}@media(max-width:760px){.workbench.sidebar-collapsed,.workbench.inspector-collapsed,.workbench.sidebar-collapsed.inspector-collapsed{grid-template-columns:0 minmax(0,1fr)}.workbench.inspector-collapsed .inspector{display:flex}.inspector-collapsed .inspector-toggle{position:absolute;top:14px;right:auto;left:-26px;transform:none}.workbench.sidebar-collapsed .sidebar{display:flex}.sidebar-collapsed .sidebar-toggle{position:absolute;top:14px;left:0}.workbench.inspector-collapsed .canvas-area{grid-column:2}.workbench.inspector-collapsed .inspector{grid-column:1;grid-row:1}.workbench.sidebar-collapsed:not(.inspector-collapsed) .canvas-area{grid-column:1}.workbench.sidebar-collapsed:not(.inspector-collapsed) .sidebar{grid-column:1;grid-row:1}.workbench.sidebar-collapsed:not(.inspector-collapsed) .sidebar-toggle{left:0}}@media(max-width:760px){.workbench.sidebar-collapsed:not(.inspector-collapsed){grid-template-columns:0 minmax(0,1fr)}.workbench.sidebar-collapsed:not(.inspector-collapsed) .canvas-area{grid-column:2}.workbench.sidebar-collapsed:not(.inspector-collapsed) .sidebar{grid-column:1}}.drawer-toggle{top:8px;width:28px;height:30px;border-radius:6px;box-shadow:0 2px 6px #24345110}.sidebar-toggle{right:8px;transform:none;border-radius:6px}.inspector-toggle{left:8px;transform:none;border-radius:6px}.sidebar-collapsed .sidebar-toggle{left:8px}.inspector-collapsed .inspector-toggle{right:8px}.canvas-head{top:20px;left:28px;gap:8px}.canvas-head .eyebrow{line-height:1.3}.canvas-hint{line-height:1.45;max-width:min(520px,calc(100vw - 360px))}.canvas-head .small-btn{margin-top:2px}@media(max-width:760px){.drawer-toggle{top:8px}.sidebar-toggle{right:8px}.inspector-toggle{left:8px}.inspector-collapsed .inspector-toggle{left:8px;right:auto}.canvas-head{top:44px;left:38px;right:12px;gap:8px}.canvas-hint{max-width:100%;display:block;font-size:10px}.canvas-head .small-btn{margin-top:2px}.sidebar-collapsed .sidebar-toggle{left:8px}}@media(max-width:510px){.canvas-head{top:44px;left:38px;right:8px}.canvas-head .eyebrow{font-size:9px;letter-spacing:.9px}.canvas-hint{font-size:9px;line-height:1.4}.canvas-head .small-btn{font-size:10px;padding:7px 8px}}@media(max-width:760px){.workbench.sidebar-collapsed .sidebar-toggle,.workbench.inspector-collapsed .inspector-toggle{display:none}}@media(max-width:760px){.workbench:not(.sidebar-collapsed) .sidebar-toggle,.workbench:not(.inspector-collapsed) .inspector-toggle{display:grid}.workbench.sidebar-collapsed .sidebar-toggle,.workbench.inspector-collapsed .inspector-toggle{display:none}}@media(min-width:761px){.workbench.sidebar-collapsed .sidebar-toggle{position:fixed;left:8px;top:82px}.workbench.inspector-collapsed .inspector-toggle{position:fixed;right:8px;top:82px}.workbench.sidebar-collapsed .canvas-head{left:52px}.workbench.inspector-collapsed:not(.sidebar-collapsed) .canvas-head{right:52px}}@media(max-width:760px){.workbench.sidebar-collapsed .sidebar-toggle{position:absolute;left:8px;top:8px}.workbench.sidebar-collapsed .canvas-head{left:44px;top:44px}.workbench.inspector-collapsed .inspector-toggle{display:none}.workbench.inspector-collapsed .canvas-head{right:12px}}.project-controls{margin:0}.project-switcher{position:relative}.project-switcher-trigger{display:flex;align-items:center;gap:9px;min-width:218px;max-width:280px;padding:7px 10px;border:1px solid #e2e8f2;border-radius:9px;background:#fff;color:#34435d;text-align:left;box-shadow:0 1px 2px #23324a08;transition:border-color .15s,box-shadow .15s}.project-switcher-trigger:hover,.project-switcher-trigger[aria-expanded=true]{border-color:#b8c8ed;box-shadow:0 2px 8px #23324a10}.project-switcher-icon,.project-option-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:8px;background:#eef3ff;color:#4165c4}.project-switcher-copy,.project-option-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.project-switcher-copy small{font-size:8px;line-height:1;font-weight:800;letter-spacing:1px;color:#98a3b5}.project-switcher-copy strong{overflow:hidden;color:#293951;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.project-switcher-trigger>svg:last-child{flex:0 0 auto;color:#8290a5;transition:transform .15s}.project-switcher-trigger>svg.rotated{transform:rotate(180deg)}.project-menu-backdrop{position:fixed;z-index:29;top:0;right:0;bottom:0;left:0;border:0;background:transparent;cursor:default}.project-menu{position:absolute;z-index:30;top:calc(100% + 8px);left:0;width:min(330px,calc(100vw - 24px));padding:10px;border:1px solid #e2e8f2;border-radius:12px;background:#fff;box-shadow:0 16px 40px #192a481f}.project-menu-heading{display:flex;align-items:center;justify-content:space-between;padding:3px 4px 10px}.project-menu-heading strong,.project-menu-heading small{display:block}.project-menu-heading strong{font:600 13px Space Grotesk,sans-serif;color:#293951}.project-menu-heading small{margin-top:3px;font-size:10px;color:#98a3b5}.project-search{display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #e4e9f1;border-radius:8px;color:#8c9ab0}.project-search:focus-within{border-color:#8ba4e5;box-shadow:0 0 0 3px #365dd215}.project-search input:not([type=checkbox]):not([type=file]){height:36px;padding:0;border:0;background:transparent;box-shadow:none}.project-search input:focus{border:0!important;outline:0}.project-menu-list{display:flex;flex-direction:column;gap:3px;max-height:min(310px,50vh);overflow-y:auto;padding:7px 0}.project-option{display:flex;align-items:center;gap:9px;width:100%;padding:8px;border:0;border-radius:8px;background:#fff;color:#47556e;text-align:left}.project-option:hover{background:#f5f7fc}.project-option.current{background:#f1f5ff}.project-option-copy strong{overflow:hidden;color:#34435d;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.project-option-copy small{color:#98a3b5;font-size:9px}.project-option>svg{color:#25896b}.project-menu-empty{padding:18px 10px;text-align:center;color:#8b97a9;font-size:11px}.project-menu-footer{padding-top:7px;border-top:1px solid #edf0f5}.project-create-option{display:flex;align-items:center;gap:8px;width:100%;padding:9px;border:0;border-radius:8px;background:#f3f6ff;color:#365dd2;text-align:left;font-size:11px;font-weight:700}.project-create-option:hover{background:#eaf0ff}@media(max-width:1100px){.project-switcher-trigger{min-width:185px;max-width:220px}}@media(max-width:510px){.app .project-head{align-items:center}.app .project-controls{flex:0 0 auto}.project-switcher-trigger{min-width:142px;max-width:164px;padding:5px 7px;gap:6px}.project-switcher-icon{width:26px;height:26px;flex-basis:26px}.project-switcher-copy strong{font-size:10px}.project-switcher-copy small{font-size:7px}.project-menu{position:fixed;top:calc(var(--topbar-bottom, 180px) + 6px);left:12px;width:calc(100vw - 24px)}.app .project-head>input{font-size:13px}.app .project-controls .new-project-button{width:auto;height:30px;overflow:visible;padding:6px 8px;font-size:0}.app .project-controls .new-project-button svg{flex:none}}.workbench{transition:grid-template-columns .28s cubic-bezier(.22,.75,.25,1)}@media(min-width:761px){.workbench:not(.sidebar-collapsed) .sidebar-toggle{right:-14px}}@media(min-width:761px){.workbench:not(.inspector-collapsed) .inspector>.inspector-toggle{left:-14px}}.sidebar,.inspector{min-width:0;transition:opacity .2s ease,transform .28s cubic-bezier(.22,.75,.25,1)}@media(min-width:761px){.sidebar-collapsed .sidebar,.inspector-collapsed .inspector{width:auto}}.sidebar-collapsed .sidebar>*:not(.sidebar-toggle),.inspector-collapsed .inspector>*:not(.inspector-toggle){opacity:0;transform:translate(-10px);pointer-events:none;transition:opacity .16s ease,transform .22s ease}.workbench:not(.sidebar-collapsed) .sidebar>*:not(.sidebar-toggle),.workbench:not(.inspector-collapsed) .inspector>*:not(.inspector-toggle){opacity:1;transform:translate(0);transition:opacity .2s ease .08s,transform .24s ease}@media(prefers-reduced-motion:reduce){.workbench,.sidebar,.inspector,.sidebar-collapsed .sidebar>*:not(.sidebar-toggle),.inspector-collapsed .inspector>*:not(.inspector-toggle){transition:none}}.project-head{display:flex;align-items:center;gap:10px}.project-name-field{display:flex;align-items:center;gap:9px;min-width:160px;flex:1;padding:0 11px;border:1px solid transparent;border-radius:9px;background:#f8f9fc;transition:background .15s,border-color .15s,box-shadow .15s}.project-name-field:hover{background:#f4f6fb;border-color:#e7ebf3}.project-name-field:focus-within{background:#fff;border-color:#a9bce9;box-shadow:0 0 0 3px #365dd214}.project-name-field>span{flex:0 0 auto;color:#99a5b8;font-size:8px;font-weight:800;letter-spacing:.9px;white-space:nowrap}.project-name-field input:not([type=checkbox]):not([type=file]){height:37px;min-width:0;padding:0;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;color:#293951;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600}.project-name-field input:focus{outline:0!important}.project-name-field input::placeholder{color:#a2adbc;font-weight:500}@media(max-width:760px){.project-name-field{min-width:0;gap:5px;padding:0 7px}.project-name-field>span{font-size:7px;letter-spacing:.5px}.project-name-field input:not([type=checkbox]):not([type=file]){height:34px;font-size:12px}}@media(max-width:510px){.app .project-name-field{flex:1}.app .project-name-field>span{font-size:6px;letter-spacing:.25px}.app .project-name-field input:not([type=checkbox]):not([type=file]){font-size:11px}}.project-name-field{position:relative}.project-name-value{flex:1;min-width:0;overflow:hidden;color:#293951;font:600 14px Space Grotesk,sans-serif;text-overflow:ellipsis;white-space:nowrap}.project-name-action{display:grid;flex:0 0 26px;width:26px;height:26px;place-items:center;border:0;border-radius:6px;background:transparent;color:#8794a8}.project-name-action:hover{background:#edf2fb;color:#365dd2}.project-name-action:disabled{opacity:.4;cursor:not-allowed}.project-name-field .project-name-action{opacity:0;transition:opacity .12s}.project-name-field:hover .project-name-action,.project-name-field:focus-within .project-name-action,.project-name-field.is-editing .project-name-action{opacity:1}.project-name-field.is-editing{background:#fff;border-color:#a9bce9;box-shadow:0 0 0 3px #365dd214}.project-name-field.is-editing input:not([type=checkbox]):not([type=file]){flex:1}.project-name-field.is-editing .project-name-action{opacity:1}.project-name-field.is-editing .cancel-name{color:#9ba6b6}.project-name-field.is-editing .save-name{color:#25896b}.project-name-field>span{-webkit-user-select:none;user-select:none}@media(max-width:760px){.project-name-value{font-size:12px}.project-name-action{width:24px;height:24px;flex-basis:24px}.project-name-field.is-editing>span{display:none}.project-name-field.is-editing .project-name-action{opacity:1}}@media(max-width:510px){.project-name-value{font-size:11px}.project-name-field .project-name-action{width:22px;height:22px;flex-basis:22px}.project-name-field:not(.is-editing) .project-name-action{opacity:1}}.project-name-field.is-editing input:not([type=checkbox]):not([type=file]){width:auto;min-width:0;flex:1 1 0}.project-name-field.is-editing .project-name-action{flex-shrink:0}.project-name-field.is-editing{flex:1 1 260px}.project-name-field.is-editing input:not([type=checkbox]):not([type=file]){width:1px;flex:1 1 auto}@media(max-width:510px){.app .project-name-field.is-editing{flex:1 1 120px}}.project-head{flex:1 1 300px}.project-name-field{flex:1 1 0;min-width:190px;max-width:360px}.project-name-field.is-editing{flex:1 1 0;min-width:260px;max-width:420px}.project-name-field.is-editing input:not([type=checkbox]):not([type=file]){width:0;min-width:80px;flex:1 1 auto}.project-controls{flex:0 1 auto;min-width:0}.project-switcher-trigger{min-width:0}.project-name-field>span{font-size:7px}.project-name-field .project-name-action{opacity:1}@media(max-width:1100px){.project-head{flex:1 1 260px}.project-name-field{min-width:140px}.project-name-field.is-editing{min-width:220px}}@media(max-width:760px){.project-head{flex:1 1 220px}.project-name-field,.project-name-field.is-editing{min-width:110px}.project-name-field.is-editing input:not([type=checkbox]):not([type=file]){min-width:24px}}@media(max-width:510px){.app .project-head{flex:0 0 100%}.app .project-name-field,.app .project-name-field.is-editing{min-width:0;max-width:none}}@media(max-width:760px){.workbench:not(.sidebar-collapsed){grid-template-columns:0 minmax(0,1fr)}.workbench:not(.sidebar-collapsed) .sidebar{display:none}.workbench:not(.sidebar-collapsed) .canvas-area{grid-column:2}.workbench.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.workbench.sidebar-collapsed .sidebar{display:flex;grid-column:1}.workbench.sidebar-collapsed .canvas-area{grid-column:2}}@media(max-width:760px){.mobile-readonly .project-name-field,.mobile-readonly .actions,.mobile-readonly .drawer-toggle,.mobile-readonly .sidebar,.mobile-readonly .inspector,.mobile-readonly .canvas-head .small-btn,.mobile-readonly .react-flow__controls,.mobile-readonly .react-flow__minimap,.mobile-readonly .project-create-option{display:none!important}.mobile-readonly .workbench,.mobile-readonly .workbench.sidebar-collapsed,.mobile-readonly .workbench.inspector-collapsed,.mobile-readonly .workbench.sidebar-collapsed.inspector-collapsed{grid-template-columns:minmax(0,1fr)!important}.mobile-readonly .canvas-area{grid-column:1!important}.mobile-readonly .canvas-head{left:18px;right:12px;top:22px}.mobile-readonly .canvas-hint{display:block}.mobile-readonly .react-flow__pane{cursor:default!important}}.mobile-export-button{display:none}@media(max-width:760px){.mobile-readonly .mobile-export-button{position:fixed;z-index:8;right:14px;bottom:16px;display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid #365dd2;border-radius:9px;background:#365dd2;color:#fff;font-size:11px;font-weight:700;box-shadow:0 5px 16px #2434512b}.mobile-readonly .mobile-export-button:hover{background:#284fb9}.mobile-readonly .overlay{padding:12px}.mobile-readonly .dialog,.mobile-readonly .dialog.wide{width:100%;max-width:100%;max-height:calc(100dvh - 24px);padding:18px;border-radius:12px}.mobile-readonly .code-preview{min-height:120px;max-height:42dvh;padding:12px;font-size:10px}.mobile-readonly .export-tabs button{padding:8px;font-size:10px}.mobile-readonly .dialog-head h2{font-size:19px}}@media(max-width:760px){.mobile-readonly .topbar{align-items:center}.mobile-readonly .project-head{order:2;flex:1 1 auto;width:auto;min-width:0}.mobile-readonly .project-controls,.mobile-readonly .project-switcher{width:100%}.mobile-readonly .project-switcher-trigger{width:100%;max-width:none}.mobile-readonly .mobile-export-button{position:static;order:2;flex:0 0 auto;margin-left:auto;box-shadow:none}}.admin-settings-card{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,320px);align-items:center;gap:8px 18px;padding:16px 18px;margin:0 0 24px;border:1px solid #e3e8f0;border-radius:10px;background:#fff}.admin-settings-card label{font-size:12px;font-weight:700;color:#34435b}.admin-settings-card select{width:100%;padding:9px 11px;border:1px solid #dfe5ef;border-radius:7px;background:#fff;color:#34435b;font-size:12px}.admin-settings-card small{grid-column:2;color:#8794a8;font-size:10px}@media(max-width:600px){.admin-settings-card{grid-template-columns:1fr}.admin-settings-card small{grid-column:1}}.react-flow__node.table-node-selected .table-node{border-color:#4c7df0;box-shadow:0 0 0 2px #6d98ff55,0 0 22px #4c7df088,0 9px 25px #25375d18}.react-flow__edge.flow-highlight{z-index:5}.react-flow__edge.flow-highlight .react-flow__edge-path{stroke-width:3px;filter:drop-shadow(0 0 4px currentColor);stroke-dasharray:8 5;animation:flow-dash 1s linear infinite}.react-flow__edge.flow-out .react-flow__edge-path{stroke:#4778ed;filter:drop-shadow(0 0 5px #4778edaa)}.react-flow__edge.flow-in .react-flow__edge-path{stroke:#16a783;filter:drop-shadow(0 0 5px #16a783aa)}@keyframes flow-dash{to{stroke-dashoffset:-13}}.react-flow__node.table-node-muted{opacity:.13;filter:grayscale(.9);transition:opacity .2s ease,filter .2s ease}.react-flow__node:not(.table-node-muted){transition:opacity .2s ease,filter .2s ease}.react-flow__edge.flow-muted{opacity:.08;transition:opacity .2s ease}.canvas-head .small-btn.focus-active{background:#dce7ff;color:#254db8}.canvas-head .small-btn:disabled{opacity:.5;cursor:not-allowed}.inspector-header-actions{display:flex;align-items:center;gap:5px;flex:none}.inspector-header-actions .inspector-header-toggle{position:static;inset:auto;transform:none;width:28px;height:28px;flex:none;box-shadow:none}.inspector-header-actions .inspector-header-toggle:hover{background:#f3f6fc}.import-type-options{display:grid;gap:9px;margin-top:16px}.import-type-option{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:14px;border:1px solid #e1e7f0;border-radius:8px;background:#fff;color:#4563ae;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.import-type-option:hover{border-color:#a9bce9;background:#f8faff}.import-type-option>span{display:flex;flex-direction:column;gap:3px}.import-type-option strong{color:#34435d;font-size:12px}.import-type-option small{color:#8794a8;font-size:10px}.import-type-json input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}:root[data-theme=dark]{color-scheme:dark;background:#191919;color:#e5eaf3}:root.theme-colors-transitioning *,:root.theme-colors-transitioning *:before,:root.theme-colors-transitioning *:after{transition-property:background-color,color,border-color,outline-color,box-shadow,fill,stroke,caret-color,text-decoration-color;transition-duration:.36s;transition-timing-function:ease}:root[data-theme=dark] body,:root[data-theme=dark] .app,:root[data-theme=dark] .admin-page{background:#191919;color:#e5eaf3}:root[data-theme=dark] .account-page{background:#191919;color:#e5eaf3}:root[data-theme=dark] .account-card{background:#242424;border-color:#3d3d3d;box-shadow:0 16px 50px #0005}:root[data-theme=dark] .account-card .eyebrow,:root[data-theme=dark] .account-card label{color:#c8c8c8}:root[data-theme=dark] .account-card p,:root[data-theme=dark] .account-card small{color:#b8b8b8}:root[data-theme=dark] .topbar,:root[data-theme=dark] .sidebar,:root[data-theme=dark] .inspector,:root[data-theme=dark] .admin-page-content,:root[data-theme=dark] .dialog{background:#242424;color:#e5eaf3}:root[data-theme=dark] .topbar,:root[data-theme=dark] .sidebar,:root[data-theme=dark] .inspector,:root[data-theme=dark] .side-tabs,:root[data-theme=dark] .inspector-top,:root[data-theme=dark] .relation-list{border-color:#3d3d3d}:root[data-theme=dark] .canvas-area{background:#1c1c1c}:root[data-theme=dark] .project-name-field{background:#2d2d2d}:root[data-theme=dark] .project-name-field:hover,:root[data-theme=dark] .project-name-field:focus-within,:root[data-theme=dark] .project-name-field.is-editing{background:#373737;border-color:#555}:root[data-theme=dark] .project-name-value,:root[data-theme=dark] .project-name-field input:not([type=checkbox]):not([type=file]),:root[data-theme=dark] .inspector-top h2,:root[data-theme=dark] .admin-page-head h1,:root[data-theme=dark] .admin-section-title h2,:root[data-theme=dark] .section-row h3,:root[data-theme=dark] .dialog-head h2,:root[data-theme=dark] .relation-list strong{color:#e5eaf3}:root[data-theme=dark] .project-switcher-trigger,:root[data-theme=dark] .project-menu,:root[data-theme=dark] .project-option,:root[data-theme=dark] .project-search,:root[data-theme=dark] .project-search input,:root[data-theme=dark] .project-controls select,:root[data-theme=dark] input:not([type=checkbox]):not([type=file]),:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:#2d2d2d;color:#e5eaf3;border-color:#484848}:root[data-theme=dark] .project-switcher-copy strong,:root[data-theme=dark] .project-option-copy strong,:root[data-theme=dark] .project-menu-heading strong{color:#e5eaf3}:root[data-theme=dark] .project-option:hover,:root[data-theme=dark] .project-option.current{background:#3a3a3a}:root[data-theme=dark] .project-switcher-icon,:root[data-theme=dark] .project-option-icon{background:#424242;color:#c4c4c4}:root[data-theme=dark] .ghost{background:#2d2d2d;color:#dedede;border-color:#484848}:root[data-theme=dark] .ghost:hover{background:#2a374b}:root[data-theme=dark] .side-section b,:root[data-theme=dark] .column-card,:root[data-theme=dark] .help-card,:root[data-theme=dark] .admin-settings-card{background:#2d2d2d;border-color:#484848}:root[data-theme=dark] .list-entry{color:#c8c8c8}:root[data-theme=dark] .list-entry.selected{background:#424242;color:#dedede}:root[data-theme=dark] .notice{background:#2d2d2d;border-color:#484848}:root[data-theme=dark] .notice strong,:root[data-theme=dark] .help-card strong,:root[data-theme=dark] .checks label,:root[data-theme=dark] .field,:root[data-theme=dark] .field-pair>label{color:#c8c8c8}:root[data-theme=dark] .node-column{border-color:#3d3d3d}:root[data-theme=dark] .column-name{color:#d8d8d8}:root[data-theme=dark] .table-node{background:#242424;border-color:#484848}:root[data-theme=dark] .react-flow__controls button,:root[data-theme=dark] .react-flow__minimap{background:#242424;fill:#373737;border-color:#484848;color:#dedede}:root[data-theme=dark] .react-flow__controls button{border-color:#484848;fill:#dedede}:root[data-theme=dark] .admin-page-content,:root[data-theme=dark] .deleted-project-list,:root[data-theme=dark] .deleted-project{border-color:#484848}:root[data-theme=dark] .deleted-project strong,:root[data-theme=dark] .admin-empty strong{color:#e5eaf3}:root[data-theme=dark] .admin-empty{background:#2d2d2d;border-color:#484848;color:#b8b8b8}:root[data-theme=dark] .admin-settings-card label{color:#dedede}:root[data-theme=dark] .overlay{background:#090909bb}:root[data-theme=dark] .export-tabs button{background:#2d2d2d;color:#b8b8b8}:root[data-theme=dark] .export-tabs .selected{background:#424242;color:#dedede;border-color:#5a5a5a}:root[data-theme=dark] .code-preview,:root[data-theme=dark] .import-warnings pre{background:#191919;color:#dedede;border-color:#484848}:root[data-theme=dark] .import-stats span,:root[data-theme=dark] .import-tables span{background:#2d2d2d;color:#c8c8c8;border-color:#484848}:root[data-theme=dark] .import-stats b{color:#e5eaf3}:root[data-theme=dark] .import-modes label,:root[data-theme=dark] .replace-confirm{color:#dedede}:root[data-theme=dark] .replace-confirm{background:#38342d;border-color:#685b43}:root[data-theme=dark] .import-warnings{background:#393327;border-color:#685b43;color:#e6d19c}:root[data-theme=dark] .import-picker{color:#dedede;border-color:#52627a}:root[data-theme=dark] .admin-settings-card select{background:#2d2d2d;color:#e5eaf3;border-color:#484848}:root[data-theme=dark] .theme-toggle{white-space:nowrap}:root[data-theme=dark] .side-tabs button.active,:root[data-theme=dark] .icon-button:hover,:root[data-theme=dark] .add-entry,:root[data-theme=dark] .help-card button,:root[data-theme=dark] .project-name-action:hover{color:var(--accent)}:root[data-theme=dark] .side-tabs button.active{border-color:var(--accent)}:root[data-theme=dark] .small-btn,:root[data-theme=dark] .project-create-option{background:var(--accent-bg);color:var(--accent-soft)}:root[data-theme=dark] .project-create-option:hover{background:var(--accent-bg-hover)}:root[data-theme=dark] .project-switcher-trigger:focus-visible,:root[data-theme=dark] input:focus,:root[data-theme=dark] select:focus,:root[data-theme=dark] textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-glow)}:root[data-theme=dark] .list-entry.selected{background:var(--accent-bg);color:var(--accent-soft)}:root[data-theme=dark] .project-switcher-icon,:root[data-theme=dark] .project-option-icon{background:var(--accent-bg);color:var(--accent-soft)}:root[data-theme=dark] .export-tabs .selected{background:var(--accent-bg);color:var(--accent-soft);border-color:var(--accent-border)}:root[data-theme=dark] .checks input,:root[data-theme=dark] .import-modes input,:root[data-theme=dark] .replace-confirm input{accent-color:var(--accent)}:root[data-theme=dark] .react-flow__edge.flow-out .react-flow__edge-path{stroke:var(--accent);filter:drop-shadow(0 0 5px var(--accent-glow))}:root[data-theme=dark] .table-node .node-head{background:#8b702d;color:#fff7df}:root[data-theme=dark] .table-node .node-count{color:#f2dfaa}:root .project-search{position:relative;z-index:1;transition:border-color .15s,box-shadow .15s}:root .project-search:focus-within{border-color:#8ba4e5;box-shadow:0 0 0 3px #365dd233}:root .project-search input:focus{box-shadow:none!important}:root[data-theme=dark] .project-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}:root[data-theme=dark] button:not(.primary):not(.mobile-export-button):not(.project-menu-backdrop):not(.user-menu-backdrop):not(.react-flow__controls button):not(.export-tabs button){border-color:var(--accent-border);color:var(--accent-soft)}:root[data-theme=dark] button:not(.primary):not(.mobile-export-button):not(.project-menu-backdrop):not(.user-menu-backdrop):not(.react-flow__controls button):not(.export-tabs button):hover{background-color:var(--accent-bg);color:var(--accent-bright)}:root[data-theme=dark] button.primary,:root[data-theme=dark] .mobile-export-button{background:var(--accent);border-color:var(--accent-border);color:var(--accent-on)}:root[data-theme=dark] button.primary:hover,:root[data-theme=dark] .mobile-export-button:hover{background:var(--accent-hover);color:var(--accent-on)}:root[data-theme=dark] .react-flow__controls button{background:#2d2d2d;border-color:var(--accent-border);color:var(--accent-soft)}:root[data-theme=dark] .react-flow__controls button:hover{background:var(--accent-bg)}:root[data-theme=dark] .export-tabs button{border-color:var(--accent-border);color:#c9c0a8}:root[data-theme=dark] .export-tabs button:hover{background:var(--accent-bg);color:var(--accent-bright)}:root[data-theme=dark] .export-tabs button.selected{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent-on)}.actions .theme-toggle{order:99;width:38px;height:38px;flex:0 0 38px;padding:0}:root .canvas-footer{left:72px;bottom:18px;z-index:4;padding:6px 9px;border:1px solid #dfe5ef;border-radius:7px;background:#ffffffeb;box-shadow:0 2px 8px #24345112}:root[data-theme=dark] .canvas-footer{background:#242424eb;border-color:#484848;color:#b8b8b8}@media(max-width:760px){:root .canvas-footer{left:52px;bottom:12px;gap:8px;padding:5px 7px;font-size:9px}}:root[data-theme=dark][data-accent=blue]{--accent:#6f91ff;--accent-soft:#9cb3ff;--accent-bright:#c0ceff;--accent-bg:#26375f;--accent-bg-hover:#314778;--accent-glow:#6f91ff55;--accent-border:#526eaf;--accent-on:#f2f5ff;--accent-hover:#819fff;--node-header:#344d89;--node-count:#c8d6f3}:root[data-theme=dark][data-accent=gold]{--accent:#f08a24;--accent-soft:#ffb45c;--accent-bright:#ffd09a;--accent-bg:#4b2f19;--accent-bg-hover:#65401f;--accent-glow:#f08a2455;--accent-border:#a85d1a;--accent-on:#fff8ef;--accent-hover:#d87416;--node-header:#a85d1a;--node-count:#ffe0ba}:root[data-theme=dark][data-accent=green]{--accent:#65bd82;--accent-soft:#8bd6a4;--accent-bright:#b2edc3;--accent-bg:#244832;--accent-bg-hover:#315f43;--accent-glow:#65bd8255;--accent-border:#477d59;--accent-on:#f2fff5;--accent-hover:#78cf94;--node-header:#326c47;--node-count:#c5f0d1}:root[data-theme=dark][data-accent=purple]{--accent:#a68be8;--accent-soft:#c1adf5;--accent-bright:#d7caff;--accent-bg:#3a2d59;--accent-bg-hover:#4c3973;--accent-glow:#a68be855;--accent-border:#6a5797;--accent-on:#faf7ff;--accent-hover:#b49cf0;--node-header:#584181;--node-count:#dfd1ff}:root[data-theme=dark][data-accent=teal]{--accent:#55c3b7;--accent-soft:#7cdbd0;--accent-bright:#a9eee6;--accent-bg:#214844;--accent-bg-hover:#2b615b;--accent-glow:#55c3b755;--accent-border:#3e8179;--accent-on:#f1fffd;--accent-hover:#6bd3c7;--node-header:#2d6d67;--node-count:#c1f0eb}:root[data-theme=dark] .table-node .node-head{background:var(--node-header);color:var(--accent-on)}:root[data-theme=dark] .table-node .node-count{color:var(--node-count)}:root[data-theme=dark] .brand-icon{background:var(--accent);color:var(--accent-on)}:root[data-theme=dark] .drawer-toggle{background:#2d2d2d;border-color:var(--accent-border);color:var(--accent-soft);box-shadow:0 2px 8px #0006}:root[data-theme=dark] .drawer-toggle:hover{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-bright)}:root[data-theme=dark] .drawer-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:root[data-theme=dark] .side-section .icon-button{width:28px;height:28px;border:1px solid var(--accent-border);border-radius:7px;background:#2d2d2d;color:#000}:root[data-theme=dark] .side-section .icon-button:hover{border-color:var(--accent);background:#373737;color:#000}:root[data-theme=dark] .add-entry{background:var(--accent-bg);border:1px dashed var(--accent-border);color:var(--accent-soft)}:root[data-theme=dark] .add-entry:hover{background:var(--accent-bg-hover);border-color:var(--accent);color:var(--accent-bright)}:root[data-theme=dark] button.primary,:root[data-theme=dark] .mobile-export-button{color:var(--accent-on)}:root[data-theme=dark] button.primary:hover,:root[data-theme=dark] .mobile-export-button:hover{color:var(--accent-on)}:root[data-theme=dark] .empty-inspector button.button.primary{background:var(--accent-bg)!important;border-color:var(--accent)!important;color:var(--accent-bright)!important;opacity:1;filter:none}:root[data-theme=dark] .empty-inspector button.button.primary:hover{background:var(--accent-bg-hover)!important;color:var(--accent-bright)!important}:root[data-theme=light][data-accent=blue]{--light-accent:#365dd2;--light-accent-text:#294aa8;--light-accent-soft:#eaf0ff;--light-accent-hover:#dce6ff;--light-node-header:#344d89;--light-node-count:#c8d6f3}:root[data-theme=light][data-accent=gold]{--light-accent:#bd5d0d;--light-accent-text:#8d4309;--light-accent-soft:#fff0e2;--light-accent-hover:#ffe0c2;--light-node-header:#a85d1a;--light-node-count:#ffe0ba}:root[data-theme=light][data-accent=green]{--light-accent:#287545;--light-accent-text:#1d6037;--light-accent-soft:#e6f5eb;--light-accent-hover:#d5eddd;--light-node-header:#326c47;--light-node-count:#c5f0d1}:root[data-theme=light][data-accent=purple]{--light-accent:#6744a6;--light-accent-text:#52358c;--light-accent-soft:#f0eafb;--light-accent-hover:#e5daf7;--light-node-header:#584181;--light-node-count:#dfd1ff}:root[data-theme=light][data-accent=teal]{--light-accent:#14766d;--light-accent-text:#105e57;--light-accent-soft:#e2f4f1;--light-accent-hover:#cfece7;--light-node-header:#2d6d67;--light-node-count:#c1f0eb}:root[data-theme=light] .brand-icon{background:var(--light-accent);color:#fff}:root[data-theme=light] .table-node .node-head{background:var(--light-node-header);color:#fff}:root[data-theme=light] .table-node .node-count{color:var(--light-node-count)}:root[data-theme=light] .side-tabs button.active,:root[data-theme=light] .icon-button:hover,:root[data-theme=light] .add-entry,:root[data-theme=light] .help-card button,:root[data-theme=light] .project-name-action:hover{color:var(--light-accent-text)}:root[data-theme=light] .side-tabs button.active{border-color:var(--light-accent)}:root[data-theme=light] .list-entry.selected{background:var(--light-accent-soft);color:var(--light-accent-text)}:root[data-theme=light] .small-btn,:root[data-theme=light] .project-create-option{background:var(--light-accent-soft);color:var(--light-accent-text)}:root[data-theme=light] .small-btn:hover,:root[data-theme=light] .project-create-option:hover{background:var(--light-accent-hover)}:root[data-theme=light] input:focus,:root[data-theme=light] select:focus,:root[data-theme=light] textarea:focus,:root[data-theme=light] .project-switcher-trigger:focus-visible{border-color:var(--light-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--light-accent) 18%,transparent)}:root[data-theme=light] .project-switcher-icon,:root[data-theme=light] .project-option-icon{background:var(--light-accent-soft);color:var(--light-accent-text)}:root[data-theme=light] .project-search:focus-within{border-color:var(--light-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--light-accent) 20%,transparent)}:root[data-theme=light] .export-tabs .selected{background:var(--light-accent-soft);color:var(--light-accent-text);border-color:color-mix(in srgb,var(--light-accent) 30%,white)}:root[data-theme=light] .react-flow__edge.flow-out .react-flow__edge-path{stroke:var(--light-accent);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--light-accent) 55%,transparent))}:root[data-theme=light] button.primary,:root[data-theme=light] .mobile-export-button{background:var(--light-accent);border-color:var(--light-accent);color:#fff}:root[data-theme=light] button.ghost{border-color:color-mix(in srgb,var(--light-accent) 35%,#dfe5ef);color:var(--light-accent-text)}:root[data-theme=light] button.ghost:hover{background:var(--light-accent-soft);border-color:var(--light-accent)}:root[data-theme=light] .add-entry{border-color:color-mix(in srgb,var(--light-accent) 35%,#cbd7f0)}:root[data-theme=light] button.primary:hover,:root[data-theme=light] .mobile-export-button:hover{background:var(--light-accent-text);border-color:var(--light-accent-text);color:#fff}:root[data-theme=light] .react-flow__controls button:hover{background:var(--light-accent-soft);color:var(--light-accent-text)}:root[data-theme=light] .canvas-head .small-btn.focus-active{background:var(--light-accent-hover);color:var(--light-accent-text)}:root[data-theme=light] .project-name-action:hover{background:var(--light-accent-soft)}:root[data-theme=light] .react-flow__edge.flow-in .react-flow__edge-path{stroke:#16a783}:root[data-theme=dark][data-accent=maroon]{--accent:#d46a82;--accent-soft:#ee91a6;--accent-bright:#ffc0cd;--accent-bg:#4a2631;--accent-bg-hover:#633141;--accent-glow:#d46a8255;--accent-border:#91495b;--accent-on:#fff4f6;--accent-hover:#bd536c;--node-header:#783747;--node-count:#ffd0da}:root[data-theme=light][data-accent=maroon]{--light-accent:#9b3048;--light-accent-text:#762238;--light-accent-soft:#f9e9ed;--light-accent-hover:#f1d5dc;--light-node-header:#783747;--light-node-count:#ffd0da}:root[data-theme=dark] .import-type-option{background:#2d2d2d;border-color:#484848;color:var(--accent-soft)}:root[data-theme=dark] .import-type-option:hover{background:var(--accent-bg);border-color:var(--accent)}:root[data-theme=dark] .import-type-option strong{color:#f0f0f0}:root[data-theme=dark] .import-type-option small{color:#b8b8b8}:root[data-theme=dark] .import-picker{background:#2d2d2d;border-color:var(--accent-border);color:var(--accent-soft)}:root[data-theme=dark] .import-picker:hover{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-bright)}:root[data-theme=dark] .import-workflow .dialog-actions .button.ghost{background:#2d2d2d;border-color:var(--accent-border);color:var(--accent-soft)}:root[data-theme=dark] .import-workflow .dialog-actions .button.ghost:hover{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-bright)}:root[data-theme=light] .import-type-option{background:#fff;border-color:color-mix(in srgb,var(--light-accent) 28%,#e1e7f0);color:var(--light-accent-text)}:root[data-theme=light] .import-type-option:hover{background:var(--light-accent-soft);border-color:var(--light-accent)}:root[data-theme=light] .import-type-option strong{color:#293951}:root[data-theme=light] .import-type-option small{color:#66748b}:root[data-theme=light] .import-picker{background:#fff;border-color:color-mix(in srgb,var(--light-accent) 45%,#aab6ca);color:var(--light-accent-text)}:root[data-theme=light] .import-picker:hover{background:var(--light-accent-soft);border-color:var(--light-accent);color:var(--light-accent-text)}:root[data-theme=light] .import-workflow .dialog-actions .button.ghost{background:#fff;border-color:color-mix(in srgb,var(--light-accent) 35%,#dfe5ef);color:var(--light-accent-text)}:root[data-theme=light] .import-workflow .dialog-actions .button.ghost:hover{background:var(--light-accent-soft);border-color:var(--light-accent);color:var(--light-accent-text)}.app .topbar{height:auto;min-height:74px;flex-wrap:wrap;padding:12px 24px;gap:12px 20px}.app .brand{flex:0 0 180px;width:auto}.app .project-head{flex:1 1 420px;min-width:0}.app .actions{flex:1 1 760px;justify-content:flex-end;flex-wrap:wrap;gap:8px}.app .project-controls{max-width:48%;flex:0 1 auto}.app .project-name-field,.app .project-name-field.is-editing{min-width:0;flex:1 1 170px}.app .project-switcher-trigger{min-width:0;max-width:100%}.mobile-account-button{display:none}.conflict-banner{flex-shrink:0}.account-card input,.account-card select{border:1px solid #dce3ed;border-radius:8px;background:var(--panel,#fff);color:inherit}.account-card small{line-height:1.6;color:#788399}.share-controls select{padding:8px;border:1px solid #dce3ed;border-radius:7px}.sharing-dialog p{font-size:13px;line-height:1.6}.account-settings>p{font-size:13px}.account-settings label input[type=checkbox]{width:auto}@media(max-width:760px){.app .topbar{padding:10px 14px;gap:8px}.app .brand{flex:0 1 auto}.app.mobile-readonly .project-head{flex:1 1 180px}.app.mobile-readonly .project-controls{max-width:100%}.mobile-account-button{display:inline-flex!important;order:3}.account-card{padding:24px}.member-row .button{font-size:10px}}.user-menu-wrap{position:relative;z-index:41;flex:0 0 auto}.user-menu-trigger{display:flex;align-items:center;gap:8px;padding:5px 9px 5px 5px;border:1px solid #e2e8f2;border-radius:999px;background:#fff;color:#34435d;box-shadow:0 1px 2px #23324a08}.user-menu-trigger:hover,.user-menu-trigger[aria-expanded=true]{border-color:#b8c8ed;box-shadow:0 2px 8px #23324a10}.user-avatar{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#eaf0ff;color:#365dd2;font-size:11px;font-weight:800;letter-spacing:.3px}.user-avatar.large{flex-basis:38px;width:38px;height:38px;font-size:12px}.user-menu-trigger-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700}.user-menu-trigger>svg:last-child{color:#8390a4;transition:transform .15s}.user-menu-trigger>svg.rotated{transform:rotate(180deg)}.user-menu-backdrop{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;border:0;background:transparent;cursor:default}.user-menu-backdrop:hover,.user-menu-backdrop:focus{background:transparent!important;box-shadow:none!important;outline:none}.user-menu{position:absolute;z-index:1;top:calc(100% + 8px);right:0;width:min(280px,calc(100vw - 24px));padding:8px;border:1px solid #e2e8f2;border-radius:12px;background:#fff;box-shadow:0 16px 40px #192a481f}.user-menu-identity{display:flex;align-items:center;gap:10px;padding:8px}.user-menu-identity>span:last-child{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.user-menu-identity strong,.user-menu-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-identity strong{font-size:12px;color:#293951}.user-menu-identity small{font-size:10px;color:#8794a8}.user-menu-divider{height:1px;margin:5px 2px;background:#edf0f5}.user-menu>button[role=menuitem]{display:flex;align-items:center;gap:9px;width:100%;padding:10px;border:0;border-radius:8px;background:transparent;color:#47556e;text-align:left;font-size:11px;font-weight:700}.user-menu>button[role=menuitem]:hover{background:#f4f7fb}.user-menu>button.user-menu-signout{color:#b54f58}.user-menu>button.user-menu-signout:hover{background:#fff2f2}:root[data-theme=dark] .user-menu-trigger,:root[data-theme=dark] .user-menu{background:#242424;border-color:#454545;color:#e5eaf3}:root[data-theme=dark] .user-menu-identity strong{color:#e5eaf3}:root[data-theme=dark] .user-menu-divider{background:#414141}:root[data-theme=dark] .user-menu>button[role=menuitem]{color:#d5dbe5}:root[data-theme=dark] .user-menu>button[role=menuitem]:hover{background:#333}:root[data-theme=dark] .user-avatar{background:#303b54;color:#a8bbff}@media(max-width:760px){.user-menu-trigger-name{display:none}.user-menu-wrap{margin-left:auto}.app .user-menu-wrap{order:1}}@media(max-width:510px){.app .user-menu-wrap{order:1;flex:0 0 auto}.app .user-menu-trigger{padding:4px;border-radius:50%}.app .user-menu-trigger>svg:last-child{display:none}.app .user-menu{position:fixed;top:12px;right:12px}.app .actions{order:3}.app .user-menu-backdrop{z-index:40}}.account-page{position:relative;overflow:auto;background:radial-gradient(ellipse at 12% 14%,color-mix(in srgb,var(--light-accent,#365dd2) 7%,transparent),transparent 42%),radial-gradient(ellipse at 88% 86%,color-mix(in srgb,var(--light-accent,#365dd2) 6%,transparent),transparent 40%),#f4f6fa}.account-card{width:min(420px,100%);gap:18px;padding:34px 36px;border-radius:16px}.auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:4px;color:#26344c;font:700 18px Space Grotesk,sans-serif;letter-spacing:-.4px}.auth-brand>span:last-child{display:flex;flex-direction:column;gap:1px}.auth-brand small{color:#8995a8;font:700 8px DM Sans,sans-serif;letter-spacing:1.25px}.auth-brand-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--light-accent,#365dd2);color:#fff}.account-card h1{text-align:center;font-size:25px;letter-spacing:-.55px}.account-card .auth-subtitle{text-align:center;margin:-9px 0 2px;color:#738096;font-size:12px;line-height:1.65}.account-card label{gap:7px;color:#4a566b;font-size:11px;font-weight:700}.account-card input:not([type=checkbox]):not([type=file]){height:45px;padding:0 13px!important;border-radius:8px}.account-card .auth-submit{width:100%;min-height:46px;margin-top:2px;border-radius:8px;font-size:13px}.auth-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:0;color:#778398;font-size:11px}.auth-footer.centered{justify-content:center}.auth-link{padding:0;border:0;background:transparent;color:var(--light-accent-text,#294aa8);font-size:11px;font-weight:700}.auth-link:hover{text-decoration:underline}.auth-forgot{margin-left:auto}.account-card .account-error{padding:10px 12px;border:1px solid #e8b9bd;border-radius:8px;background:#fff2f2;font-size:12px}.account-card [role=status]{padding:10px 12px;border:1px solid #b6dfce;border-radius:8px;background:#effaf4;color:#26704c;font-size:12px}:root[data-theme=dark] .account-page{background:radial-gradient(ellipse at 12% 14%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 42%),radial-gradient(ellipse at 88% 86%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 40%),#191919}:root[data-theme=dark] .account-card{background:#242424;border-color:#3d3d3d}:root[data-theme=dark] .auth-brand{color:#f0f2f6}:root[data-theme=dark] .auth-brand small{color:#a0a9b8}:root[data-theme=dark] .auth-brand-icon{background:var(--accent);color:var(--accent-on)}:root[data-theme=dark] .account-card .auth-subtitle,:root[data-theme=dark] .account-card label{color:#b9c1ce}:root[data-theme=dark] .auth-link{color:var(--accent-bright)}:root[data-theme=dark] .account-card .account-error{background:#39282a;border-color:#70464b;color:#ffbfc4!important}:root[data-theme=dark] .account-card [role=status]{background:#24392e;border-color:#3d6b50;color:#a9e3bc}@media(max-width:510px){.account-page{padding:18px}.account-card{padding:28px 22px}.account-card h1{font-size:23px}.auth-footer{justify-content:center;text-align:center}.auth-forgot{margin-left:0}}.account-page{isolation:isolate;background:radial-gradient(ellipse at 16% 20%,color-mix(in srgb,var(--light-accent,#365dd2) 15%,transparent),transparent 38%),radial-gradient(ellipse at 84% 78%,rgba(115,177,226,.18),transparent 34%),radial-gradient(ellipse at 76% 16%,rgba(205,170,232,.14),transparent 30%),linear-gradient(145deg,#f7f9fc,#edf2f8,#f5f6fa)}.account-page:before{content:"";position:fixed;z-index:0;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.account-card{position:relative;z-index:1;background:#ffffffad;border:1px solid rgba(255,255,255,.82);backdrop-filter:blur(30px) saturate(1.55);-webkit-backdrop-filter:blur(30px) saturate(1.55);box-shadow:0 24px 70px #2a3a5324,0 4px 14px #2b405f0f,inset 0 1px #ffffffd9}.auth-brand-icon{background:linear-gradient(145deg,color-mix(in srgb,var(--light-accent,#365dd2) 88%,white),var(--light-accent,#365dd2));box-shadow:0 7px 18px color-mix(in srgb,var(--light-accent,#365dd2) 24%,transparent),inset 0 1px #ffffff6b}.account-card input:not([type=checkbox]):not([type=file]){background:#ffffff85;border-color:#8291aa47;box-shadow:inset 0 1px 2px #1e2d410a}.account-card input:not([type=checkbox]):not([type=file]):focus{background:#ffffffd1;box-shadow:0 0 0 4px color-mix(in srgb,var(--light-accent,#365dd2) 13%,transparent),inset 0 1px 2px #1e2d410a}.account-card .auth-submit{box-shadow:0 7px 18px color-mix(in srgb,var(--light-accent,#365dd2) 22%,transparent),inset 0 1px #ffffff3b}.auth-link{border-radius:5px}.auth-link:focus-visible{outline:2px solid var(--light-accent,#365dd2);outline-offset:3px}:root[data-theme=dark] .account-page{background:radial-gradient(ellipse at 14% 20%,color-mix(in srgb,var(--accent) 19%,transparent),transparent 38%),radial-gradient(ellipse at 84% 78%,rgba(56,113,151,.17),transparent 34%),radial-gradient(ellipse at 76% 16%,rgba(119,84,151,.12),transparent 30%),linear-gradient(145deg,#15171b,#1b1e24 52%,#15171b)}:root[data-theme=dark] .account-page:before{opacity:.23;mix-blend-mode:soft-light}:root[data-theme=dark] .account-card{background:#23262db0;border-color:#ffffff26;box-shadow:0 26px 75px #0000006b,0 4px 18px #00000038,inset 0 1px #ffffff1f}:root[data-theme=dark] .auth-brand-icon{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 90%,white),var(--accent));box-shadow:0 7px 20px color-mix(in srgb,var(--accent) 22%,transparent),inset 0 1px #ffffff52}:root[data-theme=dark] .account-card input:not([type=checkbox]):not([type=file]){background:#1113176b;border-color:#dce4f02b;box-shadow:inset 0 1px 3px #0000002e}:root[data-theme=dark] .account-card input:not([type=checkbox]):not([type=file]):focus{background:#111317ad;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent),inset 0 1px 3px #0000002e}:root[data-theme=dark] .account-card .auth-submit{box-shadow:0 7px 22px color-mix(in srgb,var(--accent) 25%,transparent),inset 0 1px #fff3}:root[data-theme=dark] .auth-link:focus-visible{outline-color:var(--accent)}@media(prefers-reduced-motion:no-preference){.account-card{animation:auth-card-arrive .5s cubic-bezier(.2,.75,.25,1) both}@keyframes auth-card-arrive{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}}@media(max-width:510px){.account-card{backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4)}}.account-page:after{content:"";position:fixed;z-index:0;top:-15%;right:-15%;bottom:-15%;left:-15%;pointer-events:none;background:radial-gradient(ellipse at 24% 28%,rgba(255,255,255,.46),transparent 26%),radial-gradient(ellipse at 78% 72%,color-mix(in srgb,var(--light-accent,#365dd2) 10%,transparent),transparent 30%),radial-gradient(ellipse at 70% 24%,rgba(255,255,255,.26),transparent 20%);filter:blur(26px);opacity:.85;animation:auth-light-drift 18s ease-in-out infinite alternate}.account-card{isolation:isolate;overflow:hidden;border-color:#ffffff85;background:linear-gradient(145deg,#ffffffc2,#ffffff75 45%,#f5f9ff94);backdrop-filter:blur(38px) saturate(1.8);-webkit-backdrop-filter:blur(38px) saturate(1.8);box-shadow:0 32px 90px #2a3a532b,0 8px 24px #2b405f12,inset 0 1px 1px #fffffff2,inset 0 -1px #ffffff6b}.account-card:before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;padding:1.25px;border-radius:inherit;background:linear-gradient(142deg,#fffffffa,#ffffff61 24%,color-mix(in srgb,var(--light-accent,#365dd2) 24%,transparent) 58%,#ffffffb8);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.account-card:after{content:"";position:absolute;z-index:0;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;background:linear-gradient(118deg,rgba(255,255,255,.32),transparent 24%,transparent 63%,rgba(255,255,255,.12));pointer-events:none}.account-card>*{position:relative;z-index:1}.account-card .auth-brand-icon{width:48px;height:48px;border:1px solid rgba(255,255,255,.88);border-radius:50%;background:radial-gradient(circle at 30% 22%,#fffffff5,#fff9 32%,#ffffff3d 68%,#ffffff80);color:var(--light-accent-text,#294aa8);box-shadow:0 12px 28px #364f7724,inset 0 1px 1px #fff,inset 0 -8px 15px #7694be1c}.account-card .auth-brand-icon svg{filter:drop-shadow(0 1px 1px rgba(255,255,255,.65))}.account-card input:not([type=checkbox]):not([type=file]){background:linear-gradient(145deg,#ffffffc2,#f7faff80);border-color:#7689a53d;box-shadow:inset 0 1px 1px #fffffff5,inset 0 -1px 2px #2f425e09,0 2px 6px #2e3f5806}:root[data-theme=dark] .account-page:after{background:radial-gradient(ellipse at 24% 28%,rgba(255,255,255,.09),transparent 27%),radial-gradient(ellipse at 78% 72%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 30%),radial-gradient(ellipse at 70% 24%,rgba(202,220,255,.07),transparent 20%);opacity:.9}:root[data-theme=dark] .account-card{border-color:#ffffff30;background:linear-gradient(145deg,#363b45c7,#21242bb3 48%,#2a2e37bd);backdrop-filter:blur(40px) saturate(1.55);-webkit-backdrop-filter:blur(40px) saturate(1.55);box-shadow:0 34px 96px #00000080,0 8px 28px #00000042,inset 0 1px 1px #fff3,inset 0 -1px #ffffff12}:root[data-theme=dark] .account-card:before{background:linear-gradient(142deg,#ffffffb3,#ffffff1f 26%,color-mix(in srgb,var(--accent) 43%,transparent) 58%,#ffffff57)}:root[data-theme=dark] .account-card:after{background:linear-gradient(118deg,rgba(255,255,255,.12),transparent 24%,transparent 63%,rgba(255,255,255,.055))}:root[data-theme=dark] .account-card .auth-brand-icon{border-color:#ffffff7a;background:radial-gradient(circle at 30% 22%,#ffffff7a,#b4c2da30 33%,#646f8421 68%,#ffffff1f);color:#f2f5fa;box-shadow:0 12px 30px #0000003d,inset 0 1px 1px #ffffff8f,inset 0 -8px 16px #00000021}:root[data-theme=dark] .account-card .auth-brand-icon svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}:root[data-theme=dark] .account-card input:not([type=checkbox]):not([type=file]){background:linear-gradient(145deg,#0e101485,#1f22286b);border-color:#ebf1fa33;box-shadow:inset 0 1px 1px #ffffff12,inset 0 -1px 3px #0000003d,0 2px 8px #0000001a}@keyframes auth-light-drift{0%{transform:translate3d(-1.5%,0,0) scale(1)}to{transform:translate3d(1.5%,1%,0) scale(1.04)}}@media(prefers-reduced-motion:reduce){.account-page:after{animation:none}}::view-transition-old(root){animation:auth-screen-out .16s ease-in both}::view-transition-new(root){animation:auth-screen-in .24s cubic-bezier(.2,.7,.25,1) both}.app,.auth-loading{animation:auth-screen-in .24s cubic-bezier(.2,.7,.25,1) both}@keyframes auth-screen-out{to{opacity:0;filter:blur(2px)}}@keyframes auth-screen-in{0%{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur(0)}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),.app,.auth-loading{animation-duration:.01ms!important}}.settings-tabs{display:flex;gap:6px;max-width:960px;margin:0 auto 14px;padding:0 0 1px;border-bottom:1px solid #e1e7f0;overflow-x:auto}.settings-tabs button{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:11px 15px;border:0;border-bottom:2px solid transparent;border-radius:7px 7px 0 0;background:transparent;color:#75839a;font-size:12px;font-weight:700;white-space:nowrap}.settings-tabs button:hover{background:var(--light-accent-hover,#dce6ff);color:var(--light-accent-text,#294aa8)}:root[data-theme=light] .settings-tabs button.active{border-bottom-color:var(--light-accent,#365dd2);background:var(--light-accent-soft,#eaf0ff);color:var(--light-accent-text,#294aa8)}.settings-panel{margin-bottom:24px}.settings-form{display:grid;gap:12px;max-width:620px}.settings-form .field{margin:0}.settings-form>small{margin-top:-5px;color:#8793a6;font-size:11px;line-height:1.5}.settings-form>.button{justify-self:start}.organization-accordion{display:grid;gap:10px}.organization-accordion-item{overflow:hidden;border:1px solid #e3e8f0;border-radius:10px;background:#fff}.organization-accordion-item.expanded{border-color:#b8c8f0;box-shadow:0 5px 18px #263a620b}.organization-accordion-trigger{display:flex;align-items:center;gap:12px;width:100%;padding:16px 18px;border:0;background:transparent;text-align:left;cursor:pointer}.organization-accordion-trigger:hover{background:#f7f9fc}.organization-accordion-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:#edf2ff;color:#4566c7}.organization-accordion-copy{display:grid;gap:4px;flex:1}.organization-accordion-copy strong{color:#34435d;font-size:13px}.organization-accordion-copy small{color:#8793a6;font-size:10px}.organization-accordion-chevron{color:#8793a6;transition:transform .18s ease}.organization-accordion-item.expanded .organization-accordion-chevron{transform:rotate(180deg)}.organization-expanded-content{padding:0 14px 14px}.organization-expanded-content .organization-summary{border-radius:9px 9px 0 0}.organization-add-member{position:relative;display:block}.organization-user-results{position:absolute;z-index:4;top:calc(100% - 4px);left:12px;right:12px;max-height:280px;overflow:auto;border:1px solid #dce3ef;border-radius:9px;background:#fff;box-shadow:0 12px 28px #1a294522}.organization-user-result{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-bottom:1px solid #edf0f5;background:transparent;text-align:left;cursor:pointer}.organization-user-result:hover{background:#f3f6fc}.organization-user-result>span:nth-child(2){display:grid;gap:3px;flex:1}.organization-user-result strong{color:#34435d;font-size:11px}.organization-user-result small{color:#8793a6;font-size:10px}.organization-result-action{color:#4566c7;font-size:10px;font-weight:700}.organization-selected-user{display:flex;align-items:center;gap:8px;margin:10px 0}.organization-selected-user>span{flex:1;color:#75839a;font-size:11px}.organization-selected-user strong{color:#34435d}.organization-settings{max-width:960px}.organization-create,.organization-add-member{display:flex;align-items:flex-end;gap:10px;padding:16px;margin-bottom:18px;border:1px solid #e4e9f1;border-radius:10px;background:#fafbfe}.organization-create .field,.organization-add-member .field{flex:1;margin:0}.organization-picker{display:grid;grid-template-columns:150px minmax(220px,1fr);align-items:center;gap:14px;margin:4px 0 14px}.organization-picker label{font-size:12px;font-weight:700;color:#34435b}.organization-picker select{width:100%;padding:10px 12px;border:1px solid #dfe5ef;border-radius:7px;background:#fff;color:#34435b}.organization-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid #e3e8f0;border-radius:10px 10px 0 0;background:#fafbfe}.organization-summary h3{margin:0 0 4px;font:600 16px Space Grotesk,sans-serif;color:#34435d}.organization-summary p,.organization-panel-head p{margin:0;color:#8793a6;font-size:11px}.organization-inner-tabs{display:flex;gap:5px;padding:0 14px;border:1px solid #e3e8f0;border-top:0;background:#f7f9fc}.organization-inner-tabs button{display:flex;align-items:center;gap:7px;padding:12px 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:#75839a;font-size:12px;font-weight:700;cursor:pointer}.organization-inner-tabs button span{min-width:19px;padding:2px 6px;border-radius:99px;background:#e8edf6;text-align:center;font-size:10px}.organization-inner-tabs button.active{border-bottom-color:var(--light-accent,#365dd2);color:var(--light-accent-text,#294aa8)}.organization-panel{padding:20px;border:1px solid #e3e8f0;border-top:0;border-radius:0 0 10px 10px}.organization-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.organization-panel-head h4,.organization-available h5{margin:0 0 4px;color:#34435d;font-size:13px}.organization-add-member{margin:0 0 14px;padding:12px}.organization-list{border:1px solid #e7ebf2;border-radius:9px;overflow:hidden}.organization-row{display:flex;align-items:center;gap:12px;min-height:66px;padding:11px 14px;border-bottom:1px solid #e7ebf2}.organization-row:last-child{border-bottom:0}.organization-avatar,.organization-project-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:#edf2ff;color:#4566c7;font-size:13px;font-weight:700}.organization-project-icon{background:transparent}.organization-row-copy{display:grid;gap:4px;min-width:0;flex:1}.organization-row-copy strong{overflow:hidden;color:#34435d;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.organization-row-copy small{color:#8793a6;font-size:10px}.organization-role{padding:5px 9px;border:1px solid #e3e8f0;border-radius:99px;color:#75839a;font-size:10px;text-transform:capitalize}.organization-available{margin-top:20px}.organization-available h5{margin-bottom:9px}.organization-empty{padding:14px;color:#8793a6;font-size:11px}.settings-form .account-error,.settings-success{margin:0;padding:10px 12px;border-radius:8px;font-size:12px}.settings-form .account-error{border:1px solid #e8b9bd;background:#fff2f2}.settings-success{border:1px solid #b6dfce;background:#effaf4;color:#26704c}.settings-divider{height:1px;margin:28px 0;border:0;background:#e5eaf2}.admin-reset-link{grid-column:1/-1;display:grid;gap:10px;margin-top:14px;padding-top:18px;border-top:1px solid #e5eaf2}.admin-reset-link .admin-section-title{margin:0}.admin-reset-link .admin-section-title h3{margin:0 0 4px;font-size:14px}.admin-reset-link .admin-section-title p{margin:0;color:#8793a6;font-size:11px}.admin-reset-link>.field{display:grid!important;gap:6px!important;align-items:stretch!important;margin:0}.admin-reset-link select{width:100%;padding:9px 11px;border:1px solid #dfe5ef;border-radius:7px;background:#fff;color:#34435d;font-size:12px}.admin-reset-link>.button{justify-self:start}.admin-reset-link .share-link{margin:2px 0 0}.admin-reset-link>small{grid-column:1/-1;color:#8793a6;font-size:10px;line-height:1.5}:root[data-theme=dark] .admin-reset-link{border-color:#484848}:root[data-theme=dark] .admin-reset-link .admin-section-title p,:root[data-theme=dark] .admin-reset-link>small{color:#aeb8c7}:root[data-theme=dark] .admin-reset-link select{background:#2d2d2d;color:#e5eaf3;border-color:#484848}.admin-project-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-project-list{max-height:min(62vh,720px)!important}.admin-project-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:13px 14px;border-bottom:1px solid #edf0f5}.admin-project-row:last-child{border-bottom:0}.admin-project-row strong,.admin-project-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-project-row strong{font-size:12px;color:#34435d}.admin-project-row small{margin-top:4px;font-size:10px;color:#929db0}.admin-project-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.admin-project-actions .button{padding:8px 10px}.button.danger{background:#fff4f3;border:1px solid #efc0bc;color:#a8322a}.button.danger:hover{background:#ffe7e4}.project-state{padding:4px 8px;border:1px solid #b6dfce;border-radius:20px;background:#effaf4;color:#26704c;font-size:10px;font-weight:700}.project-state.deleted{border-color:#ead5b1;background:#fff8e8;color:#8a6428}:root[data-theme=dark] .settings-tabs{border-color:#484848}:root[data-theme=dark] .settings-tabs button{color:#b8c1cf}:root[data-theme=dark] .settings-tabs button:hover{background:#303030;color:#e5eaf3}:root[data-theme=dark] .settings-tabs button.active{color:var(--accent-bright);border-bottom-color:var(--accent)}:root[data-theme=dark] .settings-form>small{color:#aeb7c4}:root[data-theme=dark] .organization-create,:root[data-theme=dark] .organization-add-member,:root[data-theme=dark] .organization-summary,:root[data-theme=dark] .organization-inner-tabs{background:#292929;border-color:#484848}:root[data-theme=dark] .organization-picker label,:root[data-theme=dark] .organization-summary h3,:root[data-theme=dark] .organization-panel-head h4,:root[data-theme=dark] .organization-available h5,:root[data-theme=dark] .organization-row-copy strong{color:#e1e6ee}:root[data-theme=dark] .organization-picker select{background:#2d2d2d;color:#e5eaf3;border-color:#484848}:root[data-theme=dark] .organization-inner-tabs button span,:root[data-theme=dark] .organization-avatar{background:#363d4d;color:#aabaff}:root[data-theme=dark] .organization-panel,:root[data-theme=dark] .organization-inner-tabs,:root[data-theme=dark] .organization-list,:root[data-theme=dark] .organization-row,:root[data-theme=dark] .organization-role{border-color:#484848}:root[data-theme=dark] .organization-accordion-item{background:#242424;border-color:#484848}:root[data-theme=dark] .organization-accordion-item.expanded{border-color:#536ba5}:root[data-theme=dark] .organization-accordion-trigger:hover{background:#2d2d2d}:root[data-theme=dark] .organization-accordion-copy strong{color:#e5eaf3}:root[data-theme=dark] .organization-accordion-icon{background:#363d4d;color:#aabaff}:root[data-theme=dark] .organization-user-results{background:#242424;border-color:#484848;box-shadow:0 12px 28px #0008}:root[data-theme=dark] .organization-user-result{border-color:#484848;color:#e5eaf3}:root[data-theme=dark] .organization-user-result:hover{background:#353535}:root[data-theme=dark] .organization-user-result strong,:root[data-theme=dark] .organization-selected-user strong{color:#e5eaf3}:root[data-theme=dark] .organization-user-result small,:root[data-theme=dark] .organization-selected-user>span{color:#b8c1cf}:root[data-theme=dark] .organization-result-action{color:#aabaff}:root[data-theme=dark] .settings-form .account-error{background:#39282a;border-color:#70464b;color:#ffbfc4!important}:root[data-theme=dark] .settings-success{background:#24392e;border-color:#3d6b50;color:#a9e3bc}:root[data-theme=dark] .settings-divider{background:#484848}:root[data-theme=dark] .admin-project-row{border-color:#484848}:root[data-theme=dark] .admin-project-row strong{color:#e5eaf3}:root[data-theme=dark] .admin-project-row small{color:#b0bac8}:root[data-theme=dark] .button.danger{background:#402726;border-color:#75413e;color:#ffb4ad}:root[data-theme=dark] .button.danger:hover{background:#51302e}:root[data-theme=dark] .project-state{background:#24392e;border-color:#3d6b50;color:#a9e3bc}:root[data-theme=dark] .project-state.deleted{background:#3d3425;border-color:#746039;color:#edcf91}@media(max-width:760px){.admin-page{padding:24px 16px}.admin-page-head{align-items:flex-start;flex-direction:column}.admin-page-head .button{align-self:flex-start}.admin-page-content{padding:18px}.settings-tabs button{padding:10px 12px;font-size:11px}}@media(max-width:600px){.organization-create,.organization-add-member{align-items:stretch;flex-direction:column}.organization-create>.button,.organization-add-member>.button{align-self:flex-start}.organization-picker{grid-template-columns:1fr;gap:7px}.organization-summary{align-items:flex-start;flex-direction:column}.organization-panel{padding:13px}.organization-row{gap:8px;padding:10px}.organization-row>.button{padding:8px;font-size:10px}.organization-role{font-size:9px}}.organization-add-member{display:block}.organization-add-member>.field{display:block;margin-bottom:8px}.organization-selected-user{flex-wrap:wrap}.project-option-group{display:flex;flex-direction:column;gap:3px}.project-option-group h3{margin:8px 8px 3px;padding-bottom:5px;border-bottom:1px solid #edf0f5;color:#8793a6;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.project-option-group+.project-option-group{margin-top:5px}:root[data-theme=dark] .project-option-group h3{border-color:#484848;color:#aeb8c7}.project-switcher-trigger{min-width:176px;padding:7px 12px;border-color:var(--light-accent-border,#cbd7f5);background:var(--light-accent-soft,#f0f4ff);box-shadow:0 1px 2px #23324a08}.project-switcher-trigger:hover,.project-switcher-trigger[aria-expanded=true]{border-color:var(--light-accent,#7895ed);background:var(--light-accent-hover,#e6edff);box-shadow:0 3px 10px #365dd21c}.project-switcher-icon{background:var(--light-accent,#4566c7);color:#fff}.project-switcher-copy{gap:3px}.project-switcher-copy strong{font-size:14px;line-height:1.15}.project-switcher-copy small{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;letter-spacing:.01em;text-transform:none}.project-option-row{display:flex;align-items:center;gap:4px}.project-option-row .project-option{flex:1;min-width:0}.project-option-rename-trigger,.project-option-rename-save,.project-option-rename-cancel{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:#7b89a0;cursor:pointer}.project-option-rename-trigger{opacity:.55}.project-option-row:hover .project-option-rename-trigger,.project-option-rename-trigger:focus-visible{opacity:1}.project-option-rename-trigger:hover{background:#edf2ff;color:#365dd2}.project-option-rename{display:flex;align-items:center;gap:5px;width:100%;padding:4px}.project-option-rename input{flex:1;min-width:0;height:34px;padding:0 9px;border:1px solid #cbd7f5;border-radius:7px;background:#fff;color:#34435d;font-size:11px}.project-option-rename-save{color:#25896b}.project-option-rename-cancel{color:#8793a6}.project-rename-error{margin:8px 2px 0;padding:8px 10px;border:1px solid #e8b9bd;border-radius:7px;background:#fff2f2;color:#9f3035;font-size:11px}.project-modal-backdrop .project-option-row .project-option{width:auto}.project-modal-backdrop .project-option-rename-trigger{opacity:.75}:root[data-theme=dark] .project-option-rename-trigger,:root[data-theme=dark] .project-option-rename-cancel{color:#b8c1cf}:root[data-theme=dark] .project-option-rename-trigger:hover{background:#394665;color:#aabaff}:root[data-theme=dark] .project-option-rename input{background:#2d2d2d;border-color:#536ba5;color:#e5eaf3}:root[data-theme=dark] .project-rename-error{background:#39282a;border-color:#70464b;color:#ffbfc4}.project-option-delete-trigger{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:#b45a57;opacity:.6;cursor:pointer}.project-option-row:hover .project-option-delete-trigger,.project-option-delete-trigger:focus-visible{opacity:1}.project-option-delete-trigger:hover{background:#fff0ef;color:#a8322a}:root[data-theme=dark] .project-option-delete-trigger{color:#ff9b94}:root[data-theme=dark] .project-option-delete-trigger:hover{background:#402726;color:#ffb4ad}:root[data-theme=dark] .project-switcher-trigger{background:#30394d;border-color:#536ba5}:root[data-theme=dark] .project-switcher-trigger:hover,:root[data-theme=dark] .project-switcher-trigger[aria-expanded=true]{background:#394665;border-color:#829be0}:root[data-theme=dark] .project-switcher-icon{background:#617fcf;color:#fff}:root[data-theme=dark] .project-switcher-copy small{color:#b8c1cf}@media(max-width:510px){.project-switcher-copy strong{font-size:11px;max-width:95px}.project-switcher-copy small{font-size:8px}}.project-modal-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#17203370;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:project-modal-fade .15s ease-out}.project-modal-backdrop .project-menu{position:relative;inset:auto;display:flex;flex-direction:column;width:min(620px,calc(100vw - 32px));max-height:min(760px,calc(100dvh - 48px));padding:20px;border:1px solid #dce3ef;border-radius:16px;background:#fff;box-shadow:0 28px 90px #0c19334a;animation:project-modal-rise .18s ease-out}.project-modal-backdrop .project-menu-heading{padding:0 0 14px}.project-modal-backdrop .project-menu-heading strong{font-size:17px}.project-modal-backdrop .project-menu-heading small{font-size:11px}.project-modal-backdrop .project-search{flex:none}.project-modal-backdrop .project-menu-list{flex:1;min-height:80px;max-height:none;margin:0 -4px;overflow:auto;padding:10px 4px}.project-modal-backdrop .project-menu-footer{flex:none;padding-top:12px}.project-modal-backdrop .project-create-option{padding:11px;border-radius:9px}@keyframes project-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes project-modal-rise{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}:root[data-theme=dark] .project-modal-backdrop{background:#05070bd1}:root[data-theme=dark] .project-modal-backdrop .project-menu{background:#242424;border-color:#484848;box-shadow:0 28px 90px #0009}@media(max-width:510px){.project-modal-backdrop{padding:12px}.project-modal-backdrop .project-menu{width:100%;max-height:calc(100dvh - 24px);padding:15px;border-radius:13px}}.organization-project-card{border-bottom:1px solid #e7ebf2}.organization-project-card:last-child{border-bottom:0}.organization-project-card>.organization-row{border-bottom:1px solid #e7ebf2}.organization-project-roles{padding:14px 16px 16px 60px;background:#fbfcfe}.organization-project-roles h5{margin:0 0 8px;color:#56647b;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.organization-project-role-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:9px 0;border-top:1px solid #edf0f5}.organization-project-role-row>div{display:grid;gap:4px;min-width:0}.organization-project-role-row strong{overflow:hidden;color:#34435d;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.organization-project-role-row small{overflow:hidden;color:#8793a6;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.organization-project-role-row>label{display:flex;align-items:center;gap:9px;color:#75839a;font-size:10px;font-weight:700}.organization-project-role-row select{width:132px;padding:8px 28px 8px 10px;border:1px solid #dce3ef;border-radius:7px;background:#fff;color:#34435d;font:600 11px inherit;cursor:pointer;box-shadow:0 1px 2px #263a620a}.organization-project-role-row select:focus{outline:2px solid #8ca7f2;outline-offset:1px}.organization-available>.organization-row{border:1px solid #e7ebf2;border-radius:9px;margin-top:8px;background:#fff}:root[data-theme=dark] .organization-project-card,:root[data-theme=dark] .organization-project-card>.organization-row,:root[data-theme=dark] .organization-project-role-row{border-color:#484848}:root[data-theme=dark] .organization-project-roles{background:#292929}:root[data-theme=dark] .organization-project-roles h5,:root[data-theme=dark] .organization-project-role-row strong{color:#d9e0eb}:root[data-theme=dark] .organization-project-role-row small,:root[data-theme=dark] .organization-project-role-row>label{color:#aeb8c7}:root[data-theme=dark] .organization-project-role-row select{background:#333;color:#e5eaf3;border-color:#535b69}:root[data-theme=dark] .organization-available>.organization-row{background:#292929;border-color:#484848}@media(max-width:600px){.organization-project-roles{padding:12px}.organization-project-role-row{grid-template-columns:1fr;gap:7px}.organization-project-role-row>label{justify-content:space-between}.organization-project-role-row select{width:145px}.organization-available>.organization-row{align-items:flex-start}}@media(max-width:600px){.admin-project-row{grid-template-columns:minmax(0,1fr) auto;gap:10px}.admin-project-row .project-state{grid-column:2;grid-row:1}.admin-project-row .admin-project-actions{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}.admin-project-heading{align-items:flex-start;flex-direction:column}}.checkout-control{display:inline-flex;align-items:center;gap:7px;max-width:250px;padding:5px 7px;border:1px solid #dce4f2;border-radius:999px;background:#f5f7fc;color:#526581;font-size:10px;font-weight:700;white-space:nowrap}.checkout-control>span{max-width:135px;overflow:hidden;text-overflow:ellipsis}.checkout-control button{padding:4px 8px;border:1px solid #cad6ee;border-radius:999px;background:#fff;color:#365dd2;font-size:10px;font-weight:700}.checkout-control button:hover{background:#eef3ff}.checkout-control.mine{border-color:#cce8d8;background:#effaf4;color:#26704c}.checkout-control.mine button{border-color:#b8ddc7;color:#26704c}.checkout-control.locked{border-color:#f1dfc2;background:#fff8ed;color:#a56a21}.checkout-control.available{color:#4566c7}:root[data-theme=dark] .checkout-control{border-color:#484848;background:#303030;color:#c3cbd8}:root[data-theme=dark] .checkout-control button{background:#292929;border-color:#555e70;color:#b3c4ff}:root[data-theme=dark] .checkout-control.mine{background:#24392e;color:#a9e3bc;border-color:#385b46}:root[data-theme=dark] .checkout-control.mine button{border-color:#477257;color:#a9e3bc}:root[data-theme=dark] .checkout-control.locked{background:#3d3425;color:#edcf91;border-color:#5e4d32}@media(max-width:760px){.checkout-control>span{max-width:100px}}@media(max-width:510px){.checkout-control{gap:5px;padding:4px 6px;font-size:9px}.checkout-control button{padding:4px 6px;font-size:9px}.checkout-control>span{max-width:82px}}.settings-topbar .user-menu-wrap{margin-left:auto}