html.canvas-standalone,html.canvas-standalone body{height:100%;margin:0;overflow:hidden;}.canvas{display:grid;grid-template-rows:auto 1fr;height:100%;background:var(--canvas-bg);color:var(--canvas-node-text);font-family:var(--hz-font-body);}.toolbar{display:flex;gap:var(--pix-8);align-items:center;padding:var(--pix-8) var(--pix-12);background:var(--canvas-toolbar-bg);border-bottom:var(--pix-1) solid var(--canvas-toolbar-border);box-shadow:0 var(--pix-1) 0 var(--canvas-toolbar-shadow) inset;user-select:none;}.toolbar .btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--pix-6) var(--pix-10);border:var(--pix-1) solid var(--canvas-btn-border);background:var(--canvas-btn-bg);color:var(--canvas-btn-text);border-radius:var(--pix-10);cursor:pointer;}.toolbar .btn:hover{border-color:var(--canvas-btn-border-hover);}.btn-left{margin-left:auto;}.sep{width:var(--pix-1);height:var(--pix-22);background:var(--canvas-sep);margin:0 var(--pix-6);}.hint{opacity:.7;font-size:var(--font-12);}.legend{position:absolute;right:10px;bottom:10px;font-size:var(--font-14);opacity:.7;font-weight:400;background:var(--black-opacity-25);padding:var(--pix-6) var(--pix-8);border-radius:var(--pix-8);border:var(--pix-1) solid var(--canvas-legend-border);}.leg-r{right:10px;bottom:10px;}.leg-l{right:auto;bottom:10px;}.viewport .legend{transition:opacity .18s ease,transform .18s ease;}.viewport.help-off .legend{opacity:0;transform:translateY(4px);pointer-events:none;}.btn[aria-pressed="false"]{opacity:.75;}.viewport{position:relative;overflow:hidden;--bgx:0px;--bgy:0px;--bgs:1;background:radial-gradient(circle at center,var(--canvas-grid-dot) 1px,transparent 1px) 0 0 / calc(var(--canvas-grid-size) * var(--bgs)) calc(var(--canvas-grid-size) * var(--bgs)),repeating-linear-gradient( 0deg,var(--canvas-grid-line) 0 1px,transparent 1px calc(var(--canvas-grid-size) * var(--bgs)) ) 0 0 / calc(var(--canvas-grid-size) * var(--bgs)) calc(var(--canvas-grid-size) * var(--bgs)),repeating-linear-gradient( 90deg,var(--canvas-grid-line) 0 1px,transparent 1px calc(var(--canvas-grid-size) * var(--bgs)) ) 0 0 / calc(var(--canvas-grid-size) * var(--bgs)) calc(var(--canvas-grid-size) * var(--bgs));background-position:var(--bgx) var(--bgy),var(--bgx) var(--bgy),var(--bgx) var(--bgy);}.viewport h4{font-weight:400;}.meta{font-weight:400;}.drag-handle{font-weight:300;}.camera{position:absolute;inset:0;background:transparent;transform-origin:0 0;will-change:transform;cursor:grab;}.camera.dragging{cursor:grabbing;}.nodes{position:absolute;inset:0;overflow:visible;pointer-events:auto;}.node{position:absolute;min-width:192px;max-width:320px;padding:var(--pix-12) var(--pix-14);border-radius:var(--pix-14);background:var(--canvas-node);border:var(--pix-1) solid var(--canvas-node-border);box-shadow:0 var(--pix-8) var(--pix-20) var(--canvas-node-shadow);color:var(--canvas-node-text);user-select:none;pointer-events:auto;}.node:hover{border-color:var(--canvas-btn-border-hover);}.node.selected{outline:var(--pix-2) solid var(--canvas-accent);outline-offset:var(--pix-2);}.node.blue{--node-c:var(--canvas-blue);--node-c-deco:var(--canvas-blue-deco);}.node.teal{--node-c:var(--canvas-teal);--node-c-deco:var(--canvas-teal-deco);}.node.yellow{--node-c:var(--canvas-yellow);--node-c-deco:var(--canvas-yellow-deco);}.node.watermelon{--node-c:var(--canvas-watermelon);--node-c-deco:var(--canvas-watermelon-deco);}.node.blue,.node.teal,.node.yellow,.node.watermelon{border-color:var(--node-c);box-shadow:0 var(--pix-8) var(--pix-20) var(--canvas-node-shadow),inset var(--pix-4) 0 0 var(--node-c-deco);}.node.blue h4,.node.teal h4,.node.yellow h4,.node.watermelon h4{color:var(--node-c);}.node h4{margin:0 0 var(--pix-6);font-size:var(--font-14);letter-spacing:.2px;pointer-events:auto;user-select:text;}.node .meta{opacity:.8;font-size:var(--font-12);}.node h4 .icon{margin-right:var(--pix-6);display:inline-block;transform:translateY(1px);}.title-text{font-size:var(--font-14);}.node .drag-handle{font-size:var(--font-12);opacity:.75;user-select:none;pointer-events:none;}svg.edges{position:absolute;inset:0;overflow:visible;}svg.edges .edge,svg.edges .edge-hit{cursor:default;}#viewport.alt-down svg.edges .edge,#viewport.alt-down svg.edges .edge-hit{cursor:not-allowed;}#viewport.alt-down svg.edges .edge{opacity:.9;}#viewport.alt-down svg.edges .edge:hover{filter:brightness(1.2);opacity:.7;}#viewport .edge-hit{pointer-events:none;}#viewport.alt-down{cursor:crosshair;}#viewport.alt-down .edge-hit{pointer-events:stroke;}#status{font-family:var(--hz-font-mono);}#status.is-off{color:var(--canvas-warning);font-weight:600;}body.snap-off .node{outline:var(--pix-2) dashed var(--canvas-warning);outline-offset:var(--pix-2);}.marquee{position:absolute;border:var(--pix-1) dashed var(--canvas-accent);background:var(--canvas-accent-soft);pointer-events:none;z-index:10;}#camera{position:relative;}#camera.dragging,#camera.dragging *{user-select:none;}#nodes,#edges{position:absolute;inset:0;}#edges .edge{pointer-events:none;}.crud-layout.cb-container{width:100%;padding:0 12px;}.cb-stage{width:100%;height:calc(100dvh - 240px);min-height:480px;margin-top:var(--pix-12);border:var(--pix-1) solid var(--hz-border);border-radius:var(--pix-8);overflow:hidden;}.cb-stage .canvas{height:100%;}.cb-board-select{min-width:180px;max-width:320px;padding:var(--pix-4) var(--pix-8);font-size:var(--font-13);background:var(--hz-bg-deep);color:var(--hz-text-primary);border:var(--pix-1) solid var(--hz-border);border-radius:var(--pix-4);}.cb-save-status{font-size:var(--font-12);color:var(--hz-text-muted);font-family:var(--hz-font-mono);}.cb-save-status.is-error{color:var(--error);}.cb-container .control-bar{border-radius:var(--pix-8);}.cb-stage .canvas{grid-template-rows:1fr;}.cb-help-btn{margin-left:auto;padding-inline:var(--pix-6);};