.oak-canvas{--oc-card:var(--raised);padding:32px 32px 0;max-width:none;display:flex;flex-direction:column;height:calc(100dvh - 57px);min-height:570px}.oc-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 4px 26px}.oc-eyebrow{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.14em;color:var(--faint);font-weight:600;margin-bottom:8px}.oc-eyebrow svg{width:13px;height:13px}.oc-header h1{font-size:28px;line-height:1.2;letter-spacing:-.8px;margin:0 0 6px;font-weight:600}.oc-header p{font-size:12px;color:var(--muted);margin:0}.oc-header-actions{display:flex;gap:8px;align-items:center}.oc-button{height:34px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:6px;font-size:12px;background:var(--raised);color:var(--text);white-space:nowrap}.oc-button:hover,.oc-button.is-active{background:var(--hover);border-color:var(--muted)}.oc-button svg{width:14px;height:14px}.oc-primary{background:var(--text);color:var(--bg);border-color:var(--text)}.oc-primary:hover{background:var(--text);opacity:.88}.oc-viewport{position:relative;flex:1;min-height:380px;overflow:hidden;border:1px solid var(--line);border-radius:9px;background-color:var(--bg);background-image:radial-gradient(circle,color-mix(in srgb,var(--faint) 25%,transparent) .8px,transparent .9px);background-size:24px 24px;touch-action:none;isolation:isolate;outline-offset:-3px!important;cursor:grab}.oc-world{position:absolute;left:0;top:0;width:1px;height:1px;transform-origin:0 0;will-change:transform}.oc-lines{position:absolute;top:0;left:0;width:1px;height:1px;overflow:visible;z-index:0}.oc-edge-line{fill:none;stroke:var(--faint);stroke-width:1.2;opacity:.65;pointer-events:none}.oc-edge-hit{fill:none;stroke:transparent;stroke-width:18;cursor:pointer;pointer-events:stroke}.oc-edge circle{fill:var(--bg);stroke:var(--faint);stroke-width:1.2;pointer-events:none}.oc-edge:hover .oc-edge-line,.oc-edge.is-selected .oc-edge-line{stroke:var(--text);stroke-width:2;opacity:1}.oc-edge.is-selected circle{stroke:var(--text);fill:var(--text)}.oc-node{position:absolute;width:280px;border:1px solid var(--line);border-radius:8px;background:var(--oc-card);color:var(--text);box-shadow:0 5px 18px #0000000d;z-index:1;cursor:default;user-select:none;overflow:hidden;transition:border-color .12s,box-shadow .12s}.oc-node:hover{border-color:var(--muted)}.oc-node.is-selected,.oc-node.is-source{border-color:var(--text);box-shadow:0 0 0 1px var(--text),0 5px 18px #0000000d;z-index:2}.oc-node.is-source{outline:3px solid color-mix(in srgb,var(--text) 15%,transparent);outline-offset:4px}.oc-node-handle{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;cursor:grab}.oc-node-kind{font-size:10px;display:flex;align-items:center;gap:6px;color:var(--muted)}.oc-node-kind svg{width:13px;height:13px}.oc-grip{color:var(--faint);opacity:.5;display:flex}.oc-grip svg{width:15px;height:15px}.oc-node-title{font-size:17px;font-weight:550;line-height:1.35;letter-spacing:-.35px;margin:0 18px 8px;min-height:23px;white-space:pre-wrap;overflow-wrap:anywhere}.oc-node-text{font-size:12px;line-height:1.75;color:var(--muted);margin:0 18px 18px;min-height:55px;max-height:220px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-width:thin}.oc-node [contenteditable]{cursor:text;user-select:text;outline:0!important}.oc-node [contenteditable]:focus{background:color-mix(in srgb,var(--bg) 50%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--bg) 50%,transparent);border-radius:2px}.oc-node [contenteditable]:empty:before{content:attr(data-placeholder);color:var(--faint);pointer-events:none}.oc-project-link{border-top:1px solid var(--line);padding:10px 17px;color:var(--muted);font-size:10px;display:flex;align-items:center;justify-content:space-between}.oc-project-link svg{width:12px;height:12px}.oc-project-link:hover{color:var(--text);background:var(--hover)}.oc-note-footer{font-size:9px;color:var(--faint);padding:0 18px 14px}.oc-note .oc-node-title{font-size:21px;letter-spacing:-.6px}.oc-note .oc-node-text{min-height:48px}.oc-canvas-label{position:absolute;top:16px;left:18px;display:flex;align-items:center;gap:7px;color:var(--faint);font-size:10px;pointer-events:none;user-select:none}.oc-canvas-label svg{width:13px;height:13px}.oc-instruction{position:absolute;bottom:21px;left:22px;font-size:10px;line-height:1.5;color:var(--muted);pointer-events:none;user-select:none;padding:4px 7px;background:var(--bg);border-radius:4px;max-width:calc(100% - 270px)}.oc-controls{position:absolute;bottom:17px;right:17px;display:flex;align-items:center;gap:2px;padding:5px;border:1px solid var(--line);border-radius:7px;background:var(--raised);box-shadow:0 3px 12px #0000000b;cursor:default}.oc-controls button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--muted);border-radius:4px}.oc-controls button:hover:not(:disabled){color:var(--text);background:var(--hover)}.oc-controls svg{width:15px;height:15px}.oc-controls .oc-zoom{width:44px;font-size:10px;font-variant-numeric:tabular-nums}.oc-control-divider{height:16px;width:1px;background:var(--line);margin:0 3px}.oc-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 3px 16px;font-size:10px;color:var(--faint)}.oc-footer b{font-weight:400;color:var(--muted)}.oc-footer-dot{padding:0 7px;opacity:.6}.oc-viewport.is-connecting,.oc-viewport.is-connecting .oc-node,.oc-viewport.is-connecting [contenteditable],.oc-viewport.is-connecting .oc-node-handle{cursor:crosshair}.oc-viewport.is-dragging,.oc-viewport.is-dragging .oc-node,.oc-viewport.is-dragging .oc-node-handle,.oc-viewport.is-panning,.oc-viewport.is-panning .oc-node,.oc-viewport.is-panning [contenteditable]{cursor:grabbing}.oc-viewport.is-dragging *{user-select:none}.oc-viewport.is-connecting [contenteditable]{pointer-events:none}
@media(max-width:1000px){.oak-canvas{padding:26px 22px 0}.oc-shortcuts{display:none}.oc-instruction{max-width:calc(100% - 245px);left:12px}.oc-controls{right:12px}.oc-header h1{font-size:26px}}
@media(max-width:600px){.oak-canvas{padding:23px 12px 0;height:calc(100dvh - 57px);min-height:590px}.oc-header{padding:0 4px 20px;gap:12px}.oc-eyebrow{font-size:8px;letter-spacing:.1em}.oc-header h1{font-size:25px}.oc-header p{font-size:11px;max-width:155px}.oc-header-actions{gap:5px}.oc-button{height:40px;padding:0 9px;font-size:11px;gap:5px}.oc-button svg{width:13px;height:13px}.oc-instruction{left:10px;bottom:75px;max-width:calc(100% - 20px);font-size:10px}.oc-controls{bottom:12px;right:12px}.oc-controls button{height:36px;width:33px}.oc-canvas-label{left:13px;top:13px}.oc-footer{font-size:9px}.oc-node-title{font-size:18px}.oc-node-text{font-size:13px}.oc-node-handle{padding-top:16px;padding-bottom:12px}.oc-project-link{padding-top:13px;padding-bottom:13px}}