.rofcd-wrap{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--rof-page);color:var(--rof-text);border:1px solid var(--rof-border);border-radius:var(--rof-radius);box-shadow:0 14px 40px rgba(21,55,85,.10);overflow:hidden;max-width:100%;position:relative}.rofcd-header{background:var(--rof-header);color:#fff;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.rofcd-brand{font-size:11px;letter-spacing:1.5px;font-weight:800;opacity:.85}.rofcd-header h2{margin:5px 0 4px;color:#fff;font-size:28px}.rofcd-header p{margin:0;opacity:.92}.rofcd-usage{background:rgba(255,255,255,.16);padding:9px 13px;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:12px}.rofcd-editor{display:flex;min-height:760px}.rofcd-palette{width:190px;background:var(--rof-card);border-right:1px solid var(--rof-border);padding:14px}.rofcd-palette-title{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--rof-muted);padding:7px 8px 12px}.rofcd-tool,.rofcd-toolbar button{appearance:none;border:1px solid var(--rof-border);background:#fff;color:var(--rof-text);border-radius:10px;padding:9px 11px;font-weight:650;cursor:pointer}.rofcd-tool{width:100%;display:flex;align-items:center;gap:9px;margin-bottom:8px;text-align:left;font-size:12px}.rofcd-tool:hover,.rofcd-toolbar button:hover{border-color:var(--rof-accent);transform:translateY(-1px)}.rofcd-tool-icon{width:25px;height:20px;border:2px solid var(--rof-primary);border-radius:6px;display:inline-block;position:relative}.rofcd-tool-icon[data-shape=decision]{transform:rotate(45deg);width:17px;height:17px;border-color:#d88b00}.rofcd-tool-icon[data-shape=circle]{border-radius:50%}.rofcd-tool-icon[data-shape=cloud],.rofcd-tool-icon[data-shape=note]{border-radius:50% 45% 45% 50%}.rofcd-tool-icon[data-shape=cube]{box-shadow:5px 5px 0 #cdd6f5}.rofcd-main{flex:1;min-width:0;background:var(--rof-page);display:flex;flex-direction:column}.rofcd-toolbar{display:flex;flex-wrap:wrap;gap:7px;padding:11px;border-bottom:1px solid var(--rof-border);background:var(--rof-card);position:relative;z-index:5}.rofcd-toolbar button{font-size:11px;padding:8px 10px}.rofcd-export-spacer{flex:1}.rofcd-canvas-shell{padding:16px;overflow:auto;flex:1}.rofcd-canvas{position:relative;width:1200px;height:760px;min-width:900px;background:var(--rof-canvas);border:1px solid var(--rof-border);border-radius:14px;overflow:visible}.rofcd-grid-bg{position:absolute;inset:0;background-image:radial-gradient(#d8e3ed 1px,transparent 1px);background-size:20px 20px;opacity:.65;pointer-events:none}.rofcd-links{position:absolute;inset:0;z-index:1;overflow:visible}.rofcd-nodes{position:absolute;inset:0;z-index:2}.rofcd-node{position:absolute;display:flex;align-items:center;justify-content:center;background:var(--fill);border:2px solid var(--stroke);color:var(--text);border-radius:var(--radius);box-sizing:border-box;cursor:move;user-select:none;transition:box-shadow .15s,transform .15s}.rofcd-node.has-shadow{box-shadow:0 9px 18px rgba(15,47,76,.18)}.rofcd-node.three-d{box-shadow:7px 8px 0 rgba(45,79,118,.16),0 10px 18px rgba(15,47,76,.12)}.rofcd-node.selected{outline:3px solid rgba(34,168,171,.28);z-index:10}.rofcd-node-inner{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;padding:10px;max-width:100%;overflow:hidden}.rofcd-node-label{font-size:14px;font-weight:700;word-break:break-word}.rofcd-node-icon{font-size:22px}.rofcd-node-image{max-width:58px;max-height:55px;object-fit:contain;border-radius:8px}.rofcd-shape-decision{border-radius:0;transform:rotate(45deg)}.rofcd-shape-decision .rofcd-node-inner{transform:rotate(-45deg)}.rofcd-shape-circle{border-radius:50%!important}.rofcd-shape-cloud,.rofcd-shape-note{border-radius:45% 55% 48% 52%/55% 45% 55% 45%!important}.rofcd-shape-note{background:#e9fbf7!important}.rofcd-handle{position:absolute;width:10px;height:10px;border:2px solid var(--rof-primary);background:#fff;border-radius:50%;padding:0;opacity:0;cursor:crosshair}.rofcd-node:hover .rofcd-handle,.rofcd-node.selected .rofcd-handle{opacity:1}.h-top{top:-6px;left:calc(50% - 5px)}.h-right{right:-6px;top:calc(50% - 5px)}.h-bottom{bottom:-6px;left:calc(50% - 5px)}.h-left{left:-6px;top:calc(50% - 5px)}.rofcd-edge-label{font:600 12px Arial;fill:#405468;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}.rofcd-links path{cursor:pointer}.rofcd-links path.selected{stroke-width:4}.rofcd-hint{font-size:11px;color:var(--rof-muted);padding:8px 13px}.rofcd-properties{border-top:1px solid var(--rof-border);background:var(--rof-card);padding:12px 14px;display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;align-items:end}.rofcd-prop-title{font-size:13px;font-weight:800;grid-column:1/-1}.rofcd-prop-empty{font-size:12px;color:var(--rof-muted);grid-column:1/-1}.rofcd-properties label{font-size:10px;font-weight:800;color:var(--rof-muted);display:flex;flex-direction:column;gap:5px}.rofcd-properties input,.rofcd-properties select{border:1px solid var(--rof-border);border-radius:8px;padding:7px;background:#fff;color:var(--rof-text);width:100%;box-sizing:border-box}.rofcd-prop-row{display:flex;gap:8px}.rofcd-prop-row label{flex:1}.rofcd-prop-action{grid-column:1/-1;background:var(--rof-button);color:var(--rof-btntext);border:0;border-radius:9px;padding:9px;font-weight:700;cursor:pointer}.rofcd-footer{text-align:center;padding:13px;background:#fff;border-top:1px solid var(--rof-border);font-size:12px}.rofcd-footer a{color:var(--rof-button);text-decoration:none;font-weight:700}@media(max-width:850px){.rofcd-palette{width:135px}.rofcd-tool{font-size:10px}.rofcd-header{align-items:flex-start;flex-direction:column}.rofcd-properties{grid-template-columns:1fr 1fr}.rofcd-editor{min-height:650px}}.rofcd-node.icon-top .rofcd-node-inner{flex-direction:column}.rofcd-node.icon-left .rofcd-node-inner{flex-direction:row}.rofcd-node.icon-left-overlap .rofcd-node-icon,.rofcd-node.icon-top-overlap .rofcd-node-icon{position:absolute;z-index:3}.rofcd-node.icon-left-overlap .rofcd-node-icon{left:-13px;top:50%;transform:translateY(-50%)}.rofcd-node.icon-top-overlap .rofcd-node-icon{top:-15px;left:50%;transform:translateX(-50%)}.rofcd-icon-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.rofcd-icon-choice{border:1px solid var(--rof-border);background:#fff;border-radius:6px;padding:5px;cursor:pointer;font-size:18px;line-height:1}.rofcd-icon-choice:hover{border-color:var(--rof-accent);transform:scale(1.06)}.rofcd-icon-custom{display:flex;gap:6px;margin-top:6px}.rofcd-icon-custom input{font-size:10px;padding:4px}.rofcd-clear-icon{border:1px solid var(--rof-border);background:#fff;border-radius:7px;padding:5px 8px;cursor:pointer}.rofcd-icon-title{font-size:10px;font-weight:800;color:var(--rof-muted);margin:5px 0}.rofcd-node-inner{pointer-events:none}