.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))}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#171717;background:#f6f7f9}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;display:flex;background:#f6f7f9}.sidebar{width:220px;background:#111214;color:#fff;padding:18px 12px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.sidebar-brand{display:flex;align-items:center;gap:10px;margin:0 6px 22px}.logo-mark{width:34px;height:34px;border-radius:10px;background:#fff;color:#111;display:grid;place-items:center;font-weight:900;flex-shrink:0}.sidebar-title{font-weight:800;margin:0}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar button{border:0;background:transparent;color:#aaa;padding:10px 12px;border-radius:10px;display:flex;gap:10px;align-items:center;cursor:pointer;text-align:left}.sidebar button:hover,.sidebar button.active{background:#222428;color:#fff}.sidebar-bottom{margin-top:auto}.powered-by{margin:12px 6px 4px;font-size:10px;line-height:1.35;color:#8b8e96}.brand-wrap{display:flex;flex-direction:column;gap:1px;margin-right:8px}.board-app header .powered-by{margin:0;color:#8a8d93}.content{margin-left:220px;min-height:100vh;width:calc(100% - 220px)}.page{padding:34px 42px 60px;max-width:1400px;margin:auto}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:26px}.page-head h1{font-size:32px;margin:0 0 7px}.page-head p{margin:0;color:#696b72}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:32px}.metrics>div{background:#fff;border:1px solid #e5e6e9;border-radius:14px;padding:16px}.metrics span{display:block;color:#777;font-size:12px;margin-bottom:5px}.metrics strong{font-size:16px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px}.section-head h2{font-size:18px}.link{border:0;background:transparent;color:#5256cc;cursor:pointer}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.board-grid.recent-row{grid-template-columns:repeat(5,minmax(0,1fr))}.board-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid #e2e3e6;border-radius:14px;padding:0;overflow:hidden;text-align:left;cursor:pointer;color:inherit}.board-card:hover{transform:translateY(-1px);box-shadow:0 10px 28px #00000012}.board-thumb{height:140px;width:100%;flex-shrink:0;background:linear-gradient(180deg,#f8f8f9,#efeff2);position:relative;overflow:hidden}.board-thumb svg{width:100%;height:100%;display:block}.board-thumb.empty{display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;color:#7b8088;font-size:13px}.board-thumb.empty span{display:block;width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-note{position:absolute;width:50px;height:42px;background:#fff1a6;left:40px;top:43px;transform:rotate(-3deg)}.mini-box{position:absolute;width:66px;height:46px;border:1px solid #bbb;border-radius:8px;background:#fff;left:128px;top:41px}.mini-line{position:absolute;width:42px;height:1px;background:#999;left:89px;top:64px}.board-meta{padding:12px 14px}.board-meta strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px;font-size:14px;line-height:1.3;min-height:2.6em}.board-meta span{font-size:12px;color:#797b80}.favorite{position:absolute;right:12px;bottom:16px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.workflow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.workflow-card{background:#6b717c;border:0;border-radius:16px;padding:8px;text-align:left;cursor:pointer;color:#fff}.workflow-card:hover{transform:translateY(-1px);box-shadow:0 10px 28px #00000012}.workflow-card .template-preview{height:128px}.template-face{display:flex;align-items:stretch;min-height:128px}.template-face .template-preview{flex:1;min-width:0}.template-face h3,.template-face strong{width:96px;flex-shrink:0;display:flex;align-items:center;justify-content:center;text-align:center;margin:0;padding:8px 10px;font-size:14px;font-weight:700;line-height:1.25;color:#fff;background:transparent}.quick-grid button{background:#fff;border:1px solid #e2e3e6;padding:18px;border-radius:14px;text-align:left;cursor:pointer}.create-row{display:flex;gap:10px;margin-bottom:22px}.create-row input{width:300px;border:1px solid #dcdde1;border-radius:10px;padding:10px 12px}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.enterprise-card{background:#fff;border:1px solid #e2e3e6;border-radius:14px}.template-card{background:#6b717c;border:0;border-radius:16px}.template-card{padding:8px}.enterprise-card{padding:16px;border-radius:16px}.template-preview{position:relative;height:140px;border-radius:12px;background:#fff;overflow:hidden;border:0}.preview-svg{width:100%;height:100%;display:block}.template-preview-badge{position:absolute;left:8px;bottom:8px;background:#6b717c;border:0;border-radius:999px;padding:3px 8px;font-size:11px;color:#fff;letter-spacing:.01em}.template-card h3{margin:0;font-size:14px;line-height:1.25}.template-card p,.enterprise-card p{color:#71737a;font-size:12px;line-height:1.4;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-card p{color:#c5c8cf;margin:10px 4px 0}.template-card button{width:100%;margin:10px 0 0;justify-content:center;padding:8px 10px;font-size:13px;background:#fff;color:#111}.integration-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}.integration-card{background:#fff;border:1px solid #e2e3e6;border-radius:14px;padding:15px;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px}.integration-icon{width:42px;height:42px;border-radius:12px;background:#f1f2f4;display:grid;place-items:center}.integration-card h3{margin:0 0 3px}.integration-card p{margin:0;color:#777;font-size:12px}.connected{color:#246b3b}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan-card{background:#fff;border:1px solid #e1e2e5;border-radius:18px;padding:24px}.plan-card.featured{border:2px solid #111}.plan-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#777}.price{font-size:34px;font-weight:800;margin:12px 0}.price small{font-size:12px;font-weight:500;color:#777;margin-left:5px}.plan-card ul{padding:0;list-style:none;line-height:2;color:#555;font-size:13px}.enterprise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.enterprise-card svg{width:28px;height:28px}.app{height:100vh;display:flex;flex-direction:column;background:#f7f7f8}.board-app{overflow:hidden}.board-app header{height:58px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid #e7e7ea;background:#fff;z-index:5}.brand{font-weight:800}.title{border:0;background:transparent;font-weight:600;font-size:14px;width:260px}.spacer{flex:1}.save{font-size:12px;color:#747474}button{border:1px solid #dfdfe3;background:#fff;border-radius:10px;padding:8px 10px;display:inline-flex;gap:6px;align-items:center;cursor:pointer}.icon-btn{border:0;padding:7px}.primary{background:#111;color:#fff;border-color:#111}main{position:relative;flex:1;display:flex}.canvas{flex:1}.design-panel{width:260px;flex-shrink:0;background:#fff;border-left:1px solid #e7e7ea;padding:16px 14px;overflow:auto;z-index:3}.design-panel h3{margin:0 0 4px;font-size:15px}.design-count,.design-empty{margin:0 0 14px;color:#71737a;font-size:12px;line-height:1.45}.design-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:16px}.design-tabs button{justify-content:center;border-color:#e4e5e8}.design-tabs button.active,.style-row button.active{background:#111;color:#fff;border-color:#111}.design-label{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#6b6e76;margin:12px 0 8px}.swatches{display:flex;flex-wrap:wrap;gap:6px}.swatch{width:22px;height:22px;border-radius:999px;padding:0;border:1px solid #d6d7dc;box-shadow:inset 0 0 0 1px #fff6}.swatch.selected{outline:2px solid #111;outline-offset:1px}.swatch.custom{overflow:hidden;position:relative;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.swatch.custom input{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;border:0;padding:0;width:100%;height:100%}.font-size-row,.style-row,.border-row{display:flex;align-items:center;gap:8px}.font-size-row input{width:64px;text-align:center;border:1px solid #dcdde1;border-radius:10px;padding:8px}.style-row button{padding:7px}.design-panel select,.design-panel input[type=range]{width:100%}.design-panel select{border:1px solid #dcdde1;border-radius:10px;padding:8px 10px;background:#fff}.border-row input[type=color]{width:36px;height:32px;border:1px solid #dcdde1;border-radius:8px;padding:2px;background:#fff}.check-row{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px}.toolbar{position:absolute;left:14px;top:14px;z-index:4;background:#fff;border:1px solid #e4e4e7;border-radius:14px;padding:7px;display:flex;flex-direction:column;gap:6px;box-shadow:0 8px 28px #00000014}.toolbar button{padding:8px;border:0}.toolbar button.active{background:#f1f2f4}.sep{height:1px;background:#eee}.shape-palette{position:absolute;left:58px;top:0;width:268px;background:#fff;border:1px solid #e4e4e7;border-radius:14px;padding:10px;box-shadow:0 12px 36px #0000001f;max-height:min(78vh,620px);overflow:auto}.asset-palette{width:300px}.asset-group{margin-bottom:10px}.asset-group-title{font-size:10px;font-weight:700;color:#6b6e76;letter-spacing:.04em;text-transform:uppercase;padding:4px 4px 6px}.icon-node{background:transparent;border:0;box-shadow:none;min-width:64px;min-height:72px;padding:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.icon-stamp{display:grid;place-items:center}.icon-caption{font-size:12px;font-weight:600;text-align:center;min-width:48px}.shape-palette-title{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b6e76;padding:2px 4px 8px}.shape-palette-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.shape-palette-grid button{flex-direction:column;gap:4px;padding:6px 4px;border:1px solid transparent;border-radius:10px;min-width:0}.shape-palette-grid button:hover{background:#f4f5f7;border-color:#e6e7eb}.shape-glyph{width:36px;height:26px;display:block}.shape-palette-grid span{font-size:9px;color:#5f636c;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.node-label{cursor:inherit;outline:none;min-width:1em}.node-label.editing{cursor:text;outline:1px dashed #1d4ed8;outline-offset:2px;border-radius:4px}.node{position:relative;min-width:150px;min-height:72px;padding:14px;border:1px solid #d9d9de;border-radius:14px;background:#fff;box-shadow:0 5px 16px #0000000f}.note{background:#fff4a8;border-color:#eadb72}.process{border-radius:12px}.shape-node{background:transparent;border:0;box-shadow:none;padding:0;min-width:72px;min-height:56px;display:grid;place-items:center}.shape-outline{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.shape-label{position:relative;z-index:1;padding:10px 14px;text-align:center;font-weight:650;font-size:13px;max-width:86%;line-height:1.25}.text-node{background:transparent;border:0;box-shadow:none;min-width:80px;min-height:36px;padding:4px}.text-label{font-size:22px;font-weight:700;line-height:1.25;min-width:60px}.frame{min-width:320px;min-height:220px;background:#ffffff59;border:2px dashed #bfc0c7}.frame-title{font-weight:700}.pill{background:#fff;border:1px solid #e5e5e7;border-radius:999px;padding:7px 10px;font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000052;display:grid;place-items:center;z-index:20}.modal{width:min(620px,90vw);background:#fff;border-radius:18px;padding:22px;box-shadow:0 22px 80px #0000003d}textarea{width:100%;height:160px;border:1px solid #ddd;border-radius:12px;padding:12px;resize:vertical}.row{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}@media(max-width:900px){.sidebar{width:72px}.sidebar-title,.sidebar span,.sidebar .powered-by{display:none}.sidebar-brand{margin:0 0 18px;justify-content:center}.content{margin-left:72px;width:calc(100% - 72px)}.page{padding:24px}.metrics,.plan-grid,.enterprise-grid,.quick-grid,.workflow-grid,.board-grid.recent-row{grid-template-columns:1fr}.board-app header .brand-wrap,.board-app header .save{display:none}}.node.icon-node{background:transparent;border:0;box-shadow:none;min-width:64px;min-height:72px}.asset-search{width:100%;margin:0 0 10px;padding:8px 10px;border:1px solid #e4e4e7;border-radius:10px;font:inherit;font-size:12px}.asset-empty{padding:12px 6px;color:#6b6e76;font-size:12px}.node.draw-node{background:transparent;border:0;box-shadow:none;min-width:24px;min-height:24px;padding:0;overflow:visible}.draw-node svg{display:block;width:100%;height:100%;overflow:visible}.draw-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;cursor:crosshair;touch-action:none}.draw-overlay svg{width:100%;height:100%;pointer-events:none}.canvas.drawing{cursor:crosshair}.draw-options{position:absolute;left:58px;top:118px;width:196px;background:#fff;border:1px solid #e4e4e7;border-radius:14px;padding:10px;box-shadow:0 12px 36px #0000001f}.draw-options-title{font-size:11px;font-weight:700;margin-bottom:4px}.draw-hint{margin:0 0 8px;font-size:11px;color:#6b6e76;line-height:1.35}.draw-swatches{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.draw-width{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:600;color:#4b5563}.draw-width input{width:100%}.react-flow__panel.draw-overlay-panel{margin:0;top:0;right:0;bottom:0;left:0;width:auto;height:auto;padding:0;pointer-events:auto;z-index:20}.react-flow__panel.collab-panel{margin:0;top:0;right:0;bottom:0;left:0;width:auto;height:auto;padding:0;pointer-events:none;background:transparent;border:0;box-shadow:none;z-index:15}.react-flow__handle{width:12px;height:12px;background:#111214;border:2px solid #fff;opacity:.45}.react-flow__node:hover .react-flow__handle,.react-flow__node.selected .react-flow__handle,.react-flow__handle-connecting,.react-flow__handle-valid{opacity:1}.react-flow__handle-connecting,.react-flow__handle-valid{width:16px;height:16px;background:#1d4ed8}.arrange-palette{width:210px}.arrange-row{display:flex;gap:6px;margin-bottom:8px}.arrange-row button{flex:1;justify-content:center;padding:8px}.vote-badge{position:absolute;top:-8px;right:-8px;z-index:3;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#111;color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}.node.image-node{padding:0;overflow:hidden;min-width:80px;min-height:60px;background:#fff}.image-node img{display:block;width:100%;height:100%;object-fit:cover}.image-empty{display:grid;place-items:center;height:100%;color:#777}.image-caption{position:absolute;left:0;right:0;bottom:0;padding:6px 8px;background:#1111119e;color:#fff;font-size:11px}.board-card{position:relative}.board-card-main{display:flex;flex-direction:column;align-items:stretch;gap:0;border:0;background:transparent;padding:0;width:100%;text-align:left;color:inherit;border-radius:0}.board-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;z-index:2}.board-actions button{padding:6px;background:#fffffff0}.board-tabs{display:flex;gap:8px;margin:0 0 16px}.board-tabs button.active{background:#111;color:#fff;border-color:#111}.settings-card{max-width:420px;background:#fff;border:1px solid #e5e6e9;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px}.settings-card label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.settings-card input{border:1px solid #dcdde1;border-radius:10px;padding:10px 12px;font:inherit}.audit-list{display:flex;flex-direction:column;gap:8px}.audit-row{background:#fff;border:1px solid #e5e6e9;border-radius:12px;padding:12px 14px;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}.audit-row strong{min-width:140px}.audit-row span{flex:1;color:#555}.audit-row em{font-style:normal;color:#888;font-size:12px}.audit-row.resolved{opacity:.55}.result-banner{background:#fff;border:1px solid #e5e6e9;border-radius:14px;padding:14px 16px;margin-bottom:16px}.result-banner p{margin:6px 0 0}.integration-card.tall{align-items:flex-start}.integration-card .ghost{margin-top:8px;font-size:12px}.collab-panel .comment-pin,.collab-panel .present-badge{pointer-events:auto}.peer-cursor{position:fixed;z-index:30;pointer-events:none;transform:translate(-2px,-2px)}.peer-cursor i{display:block;width:10px;height:10px;border-radius:50% 50% 50% 0;background:var(--c);transform:rotate(-40deg)}.peer-cursor span{display:block;margin-top:4px;background:var(--c);color:#fff;font-size:11px;padding:2px 6px;border-radius:6px;white-space:nowrap}.comment-pin{position:fixed;z-index:26;width:18px;height:18px;border:2px solid #fff;border-radius:50% 50% 50% 0;transform:translate(-50%,-50%) rotate(-45deg);padding:0;box-shadow:0 4px 12px #0003}.comment-draft textarea{height:90px}.mention-composer{display:flex;flex-direction:column;gap:6px}.mention-hint{margin:0;font-size:11px;color:#8b8e96}.mention-list{border:1px solid #e4e4e7;border-radius:10px;overflow:auto;max-height:160px;background:#fff}.mention-list button{width:100%;border:0;border-radius:0;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:1px;padding:8px 10px}.mention-list button:hover,.mention-list button.active{background:#f1f2f4}.mention-list span{font-size:11px;color:#8b8e96}.comment-text .mention,.mention{color:#1d4ed8;font-weight:650;font-style:normal}.float-panel{position:absolute;top:70px;right:280px;z-index:12;width:min(360px,70vw);background:#fff;border:1px solid #e4e4e7;border-radius:14px;padding:12px;box-shadow:0 16px 40px #00000024}.search-panel input{width:100%;border:1px solid #e4e4e7;border-radius:10px;padding:8px 10px}.search-hits{display:flex;flex-direction:column;gap:6px;margin-top:8px;max-height:240px;overflow:auto}.export-panel{width:180px;display:flex;flex-direction:column;gap:6px}.share-link{display:flex;gap:8px;margin:12px 0}.share-link input{flex:1;border:1px solid #dcdde1;border-radius:10px;padding:8px 10px}.side-drawer{position:absolute;top:58px;right:0;bottom:0;width:300px;background:#fff;border-left:1px solid #e7e7ea;z-index:11;padding:14px;overflow:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.drawer-head h3{margin:0}.app.presenting header,.app.presenting .toolbar,.app.presenting .design-panel,.app.presenting .side-drawer,.app.presenting .integration-actions{display:none}.app.presenting .canvas{position:absolute;top:0;right:0;bottom:0;left:0}.present-badge{position:absolute;top:16px;left:16px;z-index:20;background:#111;color:#fff;border-radius:999px;padding:6px 10px;font-size:12px}.workshop-timer{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:15;background:#111;color:#fff;border-radius:999px;padding:8px 12px;display:flex;gap:8px;align-items:center}.workshop-timer button{background:#2a2a2a;color:#fff;border-color:#2a2a2a;padding:4px 8px}.integration-actions{position:fixed;bottom:22px;right:22px;z-index:15;display:flex;flex-direction:column;gap:8px}.credits-line{color:#166534;font-size:13px}.summary-box{background:#f6f7f9;border-radius:12px;padding:12px;margin:8px 0}.canvas.commenting{cursor:crosshair}.react-flow__node.locked-node{outline:2px dashed #1d4ed8}.landing{min-height:100vh;background:#f6f7f9;color:#171717;display:flex;flex-direction:column}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#111214;color:#fff}.landing-brand{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#fff;padding:0;cursor:pointer}.landing-brand strong{font-size:18px;letter-spacing:-.02em}.landing-nav-actions{display:flex;gap:8px}.landing-nav-actions button{background:#222428;color:#fff;border-color:#2c2e33}.landing-nav-actions .primary,.landing-nav-actions button.active{background:#fff;color:#111;border-color:#fff}.landing-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding:56px 42px 28px;max-width:1180px;width:100%;margin:0 auto;flex:1}.landing-kicker{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b6e76}.landing-copy h1{font-size:52px;line-height:1.05;letter-spacing:-.04em;margin:0 0 16px}.landing-lead{margin:0 0 22px;font-size:18px;line-height:1.5;color:#555861;max-width:540px}.landing-points{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;color:#333}.landing-points li{display:flex;align-items:center;gap:8px}.landing-points svg{color:#166534;flex-shrink:0}.landing-stats{display:flex;gap:18px;margin-top:28px;color:#5b5e66;font-size:13px;font-weight:600}.landing-stats>div{display:flex;align-items:center;gap:8px}.auth-card{background:#fff;border:1px solid #e5e6e9;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:12px;box-shadow:0 18px 50px #11121414}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.auth-tabs button{justify-content:center}.auth-tabs button.active{background:#111;color:#fff;border-color:#111}.auth-card h2{margin:6px 0 0;font-size:24px}.auth-card>p{margin:0;color:#696b72;font-size:14px;line-height:1.45}.auth-card label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.auth-card input{border:1px solid #dcdde1;border-radius:10px;padding:10px 12px;font:inherit}.auth-submit{justify-content:center;margin-top:6px}.auth-error{margin:0;color:#b42318;font-size:13px}.auth-fine{font-size:12px!important}.landing-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:12px 42px 40px;max-width:1180px;width:100%;margin:0 auto}.landing-plan{background:#fff;border:1px solid #e5e6e9;border-radius:16px;padding:18px 20px}.landing-plan.featured{border:2px solid #111}.landing-plan span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#777}.landing-plan h3{margin:6px 0 0;font-size:20px}.landing-plan strong{display:block;font-size:28px;margin:8px 0}.landing-plan p{margin:0;color:#696b72;font-size:13px;line-height:1.4}.landing-foot{padding:0 42px 28px;color:#8b8e96;font-size:12px;max-width:1180px;width:100%;margin:0 auto}.share-invite{display:flex;gap:8px;margin:0 0 14px}.share-invite input{flex:1}.share-people{display:flex;flex-direction:column;gap:8px;margin:0 0 16px;max-height:180px;overflow:auto}.share-person{display:flex;flex-direction:column;gap:2px;font-size:13px}.share-person span{color:#696b72;font-size:12px}.landing-about-teaser{max-width:1180px;width:100%;margin:0 auto;padding:8px 42px 36px;display:flex;flex-direction:column;gap:14px}.landing-about-teaser .product-window{width:100%}.landing-about-teaser .link{align-self:flex-start;background:none;border:0;padding:0;color:#111;font-weight:700;cursor:pointer}.landing-about{max-width:1180px;width:100%;margin:0 auto;padding:20px 42px 48px}.landing-about-head{max-width:640px;margin:0 0 28px}.landing-about-head h2{font-size:36px;letter-spacing:-.03em;margin:0 0 10px}.landing-about-head p{margin:0;color:#555861;line-height:1.5}.about-feature{display:grid;grid-template-columns:1fr 1.15fr;gap:36px;align-items:center;margin:0 0 36px}.about-feature.flip{grid-template-columns:1.15fr 1fr}.about-feature.flip .about-feature-copy{order:2}.about-feature-copy h3{font-size:26px;margin:0 0 10px;letter-spacing:-.03em}.about-feature-copy p{margin:0;color:#555861;line-height:1.5}.about-cta{display:flex;justify-content:center;margin:8px 0 12px}.product-window{background:#111214;border-radius:16px;overflow:hidden;box-shadow:0 22px 60px #1112142e}.product-window.wide{grid-column:auto}.product-chrome{display:flex;align-items:center;gap:6px;padding:10px 12px;color:#8b8e96;font-size:12px}.product-chrome i{width:8px;height:8px;border-radius:50%;background:#3a3d44}.product-chrome i:first-child{background:#f87171}.product-chrome i:nth-child(2){background:#fbbf24}.product-chrome i:nth-child(3){background:#34d399}.product-chrome span{margin-left:8px;color:#c5c7cc}.product-screen{background:#f6f7f9;min-height:220px}.shot-canvas{position:relative;height:280px;overflow:hidden;background:#f6f7f9}.shot-canvas.compact{height:220px}.product-dots{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.shot-top{position:absolute;left:0;right:0;top:0;height:42px;background:#fff;border-bottom:1px solid #e7e7ea;display:flex;align-items:center;gap:8px;padding:0 12px;z-index:2}.shot-top .logo-mark{width:22px;height:22px;font-size:11px;border-radius:7px}.shot-top strong{font-size:13px}.shot-top em{flex:1;font-style:normal;color:#696b72;font-size:12px}.shot-top span{font-size:11px;border:1px solid #e4e4e7;border-radius:8px;padding:3px 7px;background:#fff}.shot-top .shot-ai{background:#111;color:#fff;border-color:#111}.shot-note,.shot-card{position:absolute;z-index:1;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:650;box-shadow:0 8px 20px #00000014}.shot-note{background:#fff1a6;width:118px}.shot-card{background:#fff;border:1px solid #d9d9de;width:126px}.shot-card.dark{background:#111214;color:#fff;border-color:#111}.shot-note.n1{left:8%;top:28%}.shot-note.n2{left:32%;top:22%;transform:rotate(3deg)}.shot-card.n3{left:54%;top:40%}.shot-card.n4{left:72%;top:34%}.shot-note.n5{left:58%;top:48%;background:#d8f5c8}.shot-line{position:absolute;left:42%;top:48%;width:80px;height:2px;background:#9aa0ad;z-index:1}.shot-cursor{position:absolute;z-index:3;display:flex;flex-direction:column;gap:3px}.shot-cursor i{width:10px;height:10px;border-radius:50% 50% 50% 0;transform:rotate(-40deg);background:#1d4ed8}.shot-cursor b{font-size:10px;background:#1d4ed8;color:#fff;padding:2px 6px;border-radius:6px;font-weight:700}.shot-cursor.c1{left:24%;top:52%}.shot-cursor.c2{left:68%;top:58%}.shot-cursor.c2 i,.shot-cursor.c2 b{background:#166534}.shot-bar{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:flex;gap:6px;background:#fff;border:1px solid #e4e4e7;border-radius:14px;padding:6px 8px;box-shadow:0 8px 24px #0000001a;z-index:2}.shot-bar span{width:16px;height:16px;border-radius:5px;background:#eceef1}.shot-bar span.on{background:#111}.shot-timer{position:absolute;left:50%;bottom:16px;transform:translate(-50%);background:#111;color:#fff;border-radius:999px;padding:5px 10px;font-size:12px;z-index:2}.shot-templates{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;background:#fff}.shot-template{border-radius:12px;overflow:hidden;background:#6b717c}.shot-template .template-preview{height:92px}.shot-ai-panel{padding:18px;display:flex;flex-direction:column;gap:10px}.shot-ai-panel>p{margin:0;font-weight:700}.shot-ai-box{background:#fff;border:1px solid #e5e6e9;border-radius:12px;padding:12px;color:#555;font-size:13px;line-height:1.45}.shot-ai-row{display:flex;gap:8px}.shot-ai-row span,.shot-ai-row strong{border-radius:10px;padding:7px 10px;font-size:12px;border:1px solid #e4e4e7;background:#fff}.shot-ai-row strong{background:#111;color:#fff;border-color:#111;font-weight:700}@media(max-width:900px){.landing-hero,.landing-plans,.about-feature,.about-feature.flip{grid-template-columns:1fr;padding:24px 20px}.about-feature.flip .about-feature-copy{order:0}.landing-about,.landing-about-teaser{padding:12px 20px 36px}.landing-about-head h2{font-size:28px}.landing-copy h1{font-size:36px}.landing-nav{padding:14px 16px}.landing-foot{padding:0 20px 24px}.landing-stats{flex-wrap:wrap}.admin-plan-grid,.admin-grid{grid-template-columns:1fr}}.admin-page{padding-bottom:80px}.admin-tabs{display:flex;gap:8px;margin:0 0 18px}.admin-tabs button.active{background:#111;color:#fff;border-color:#111}.admin-section{display:flex;flex-direction:column;gap:16px}.admin-card,.admin-plan{background:#fff;border:1px solid #e5e6e9;border-radius:16px;padding:20px}.admin-plan.featured{border:2px solid #111}.admin-card h2,.admin-plan-head strong{margin:0 0 12px;font-size:16px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.admin-field input,.admin-field select,.admin-field textarea,.admin-test-row input{border:1px solid #dcdde1;border-radius:10px;padding:10px 12px;font:inherit;width:100%}.admin-field textarea{min-height:120px;height:auto;resize:vertical}.admin-field em{font-style:normal;font-weight:500;color:#888;font-size:12px}.admin-check{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;margin:0 0 12px}.admin-check.tight{margin:8px 0}.admin-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-plan-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:8px}.admin-plan-head strong{margin:0;text-transform:uppercase;letter-spacing:.06em;font-size:11px;color:#777}.admin-hint{margin:0 0 12px;color:#696b72;font-size:13px;line-height:1.45}.admin-status{background:#ecfdf3;color:#166534;border-radius:10px;padding:10px 12px}.admin-test-row{display:flex;gap:8px}.admin-test-row input{flex:1}.landing-nav-actions{flex-wrap:wrap;justify-content:flex-end}.landing-install{margin:22px 0 0;display:flex;flex-wrap:wrap;gap:10px}.install-help{width:min(420px,90vw)}.install-help ol{margin:0 0 12px;padding-left:18px;color:#333;line-height:1.7}.install-help li{margin:0 0 6px}.install-help p{margin:0;color:#696b72;font-size:13px;line-height:1.45}.settings-card h2{margin:0;font-size:16px}.settings-card+.settings-card{margin-top:14px}.sidebar .install-sidebar-btn{width:100%}@media(display-mode:standalone){.landing-nav{padding-top:max(16px,env(safe-area-inset-top))}.sidebar{padding-top:max(18px,env(safe-area-inset-top))}.board-app header{padding-top:env(safe-area-inset-top);height:calc(58px + env(safe-area-inset-top))}}.sign-out-btn{color:#f0b4b4!important;margin-top:4px}.sign-out-btn:hover,.sign-out-btn:focus{background:#3a2222!important;color:#fff!important}.auth-card .link{justify-content:center;margin-top:4px}.integration-card.is-locked{opacity:.55}.integration-card.is-locked button:disabled{cursor:not-allowed}.toolbar{left:50%;right:auto;top:auto;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%);flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:2px;padding:6px 8px;border-radius:16px;max-width:calc(100vw - 16px);overflow:visible;white-space:nowrap}.toolbar-menu{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);min-width:188px;background:#fff;border:1px solid #e4e4e7;border-radius:14px;padding:6px;box-shadow:0 12px 36px #0000001f;display:flex;flex-direction:column;gap:2px;z-index:7}.toolbar-menu>button{width:100%;justify-content:flex-start;border:0;padding:8px 10px;gap:8px}.toolbar-menu>button.active{background:#f1f2f4}.toolbar-menu kbd{margin-left:auto;font:11px ui-monospace,Consolas,monospace;color:#8b8e96}.toolbar-menu .draw-options{position:static;left:auto;bottom:auto;transform:none;width:auto;box-shadow:none;border:0;padding:8px 6px 4px}@media(min-width:901px){.toolbar{left:calc((100% - 260px)/2)}}.toolbar-group,.toolbar-item{display:flex;align-items:center;gap:4px;flex-shrink:0;position:relative}.toolbar .sep{width:1px;height:22px;flex-shrink:0}.toolbar>button,.toolbar-group>button,.toolbar-item>button{padding:6px}.toolbar button svg{width:18px;height:18px}.canvas.panning,.canvas.panning .react-flow{cursor:grab}.canvas.panning:active,.canvas.panning .react-flow:active{cursor:grabbing}.shape-palette,.draw-options{left:50%;top:auto;bottom:calc(100% + 10px);transform:translate(-50%);max-height:min(56vh,420px);z-index:6}.asset-palette{width:min(300px,92vw)}.arrange-palette{width:min(210px,92vw)}.board-app .react-flow__controls,.board-app .react-flow__minimap{margin-bottom:72px}.workshop-timer,.integration-actions{bottom:78px}@media(max-width:900px){.board-app header>button:not(.icon-btn){font-size:0;gap:0;padding:7px}.board-app header .title{width:min(140px,28vw)}.design-panel{display:none}.design-panel.has-selection{display:block;position:absolute;left:8px;right:8px;bottom:70px;width:auto;max-height:38vh;border:1px solid #e7e7ea;border-radius:16px;box-shadow:0 12px 36px #0000001f}.board-app .react-flow__minimap{display:none}}