@font-face{font-family:SourceSans;src:url('../../../assets/fonts/source-sans-3/SourceSans3-Variable.ttf')}*{box-sizing:border-box}:root{--ink:#213633;--paper:#eeeee7;--surface:#f8f8f3;--line:#bdc5bd;--accent:#c76842;--blue:#47707a;--gold:#b38a35;--shadow:0 10px 28px #21363318}html,body{height:100%;margin:0}body{font:16px/1.35 SourceSans,Arial,sans-serif;color:var(--ink);background:var(--paper);overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{border:1px solid var(--ink);border-radius:8px;background:var(--ink);color:white;padding:.55rem .85rem;font-weight:650;cursor:pointer}button:hover{filter:brightness(1.08)}button.quiet,.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.app-shell{height:100%;display:flex;flex-direction:column}.app-head{min-height:72px;display:flex;align-items:center;gap:18px;padding:10px 18px;border-bottom:1px solid var(--line);background:var(--surface)}.brand img{width:104px;display:block}.title-block{border-left:1px solid var(--line);padding-left:18px}.title-block h1,.panel-heading h2{margin:0;font-size:1.2rem}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;font-weight:760;color:#60706a}.mode-switch{display:flex;margin-left:auto;border:1px solid var(--line);border-radius:9px;padding:3px}.mode-switch button{background:transparent;color:var(--ink);border:0;padding:.45rem .75rem}.mode-switch .active{background:var(--ink);color:#fff}.head-actions{display:flex;align-items:center;gap:8px}.head-actions #saveState{font-size:.78rem;color:#67736f;min-width:112px}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:250px minmax(420px,1fr) 280px}.panel{padding:18px;background:var(--surface);overflow:auto}.palette{border-right:1px solid var(--line)}.inspector{border-left:1px solid var(--line)}.panel-heading{display:flex;align-items:center;gap:10px}.step{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:white;font-weight:800}.hint,.inspector-empty{color:#65736e;font-size:.9rem}.element-palette{display:grid;gap:7px;margin:16px 0}.palette-item{display:grid;grid-template-columns:31px 1fr;align-items:center;text-align:left;background:white;color:var(--ink);border-color:#d2d7d1;padding:.62rem}.type-icon{width:29px;height:29px;border-radius:7px;background:var(--type-color);display:grid;place-items:center;color:white;font-size:.78rem;font-weight:800}.wide{width:100%}.canvas-panel{min-width:0;display:flex;flex-direction:column}.canvas-toolbar{min-height:58px;padding:8px 14px;background:#f5f5ef;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px}.canvas-toolbar>div{display:flex;align-items:center;gap:8px}.canvas-toolbar label{font-size:.78rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.canvas-toolbar input{border:0;border-bottom:1px solid var(--line);background:transparent;padding:.35rem;width:190px;font-weight:700}.canvas-toolbar p{margin-left:auto;font-size:.82rem;color:#65736e}.icon-button{border-radius:50%;width:36px;height:36px;padding:0}.canvas{position:relative;flex:1;overflow:hidden;background-color:#fafaf6;background-image:radial-gradient(#9daaa3 1px,transparent 1px);background-size:24px 24px;touch-action:none}.canvas svg,.canvas #groupLayer,.canvas #nodeLayer{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.canvas svg{pointer-events:none}.canvas #groupLayer,.canvas #nodeLayer{pointer-events:none}.edge-path{stroke:var(--ink);stroke-width:2.3;fill:none;marker-end:url(#arrow);pointer-events:stroke;cursor:pointer}.edge-hit{stroke:transparent;stroke-width:16;fill:none;pointer-events:stroke}.edge-label{font-size:13px;font-weight:650;fill:var(--ink);paint-order:stroke;stroke:#fafaf6;stroke-width:5px;stroke-linejoin:round;pointer-events:none}.edge-selected{stroke:var(--accent);stroke-width:3}.node{position:absolute;width:150px;min-height:68px;transform:translate(-50%,-50%);background:white;border:2px solid var(--type-color);border-radius:12px;box-shadow:0 4px 12px #21363314;padding:11px 28px 10px 12px;pointer-events:auto;cursor:grab;user-select:none}.node.selected{outline:3px solid #c7684250;box-shadow:var(--shadow)}.node-type{display:block;font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;color:#65736e}.node-label{display:block;font-weight:760;font-size:1rem;line-height:1.15;margin-top:4px}.port{position:absolute;right:-9px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:var(--ink);border:3px solid white;cursor:crosshair}.port:hover{transform:translateY(-50%) scale(1.2)}.group{position:absolute;border:2px dashed #84948d;border-radius:16px;background:#dfe5df55;pointer-events:auto;cursor:grab}.group.selected{border-color:var(--accent)}.group span{display:inline-block;margin:10px;padding:3px 8px;border-radius:6px;background:#fafaf6;font-weight:700}.empty-state{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none;color:#68766f}.empty-state strong{font-size:1.2rem}.empty-state span{font-size:.9rem;margin-top:5px}.inspector form label{display:grid;gap:5px;margin:13px 0;font-size:.8rem;font-weight:720}.inspector input,.inspector select,.inspector textarea,dialog input,dialog select{width:100%;border:1px solid var(--line);border-radius:7px;padding:.58rem;background:white}.check{display:flex!important;grid-template-columns:18px 1fr!important;align-items:center}.check input{width:auto}.danger{width:100%;margin-top:12px;background:#fff5f1;color:#9d3e27;border-color:#d8a18f}.statement{padding:10px;border-left:3px solid var(--accent);background:#f2eee7;margin:14px 0}.model-summary{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.model-summary p{margin:5px 0 12px}.advanced-fields[hidden]{display:none}.advanced-fields{border-top:1px solid #d7dcd5;margin-top:16px;padding-top:2px}dialog{border:0;border-radius:14px;padding:0;box-shadow:0 22px 60px #182a2650;max-width:520px;width:calc(100% - 32px)}dialog::backdrop{background:#182a2670}dialog form{padding:26px}dialog h2{margin:.25rem 0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}pre{max-height:55vh;overflow:auto;background:#172421;color:#e7eee9;padding:16px;border-radius:8px;font-size:.75rem}.drag-line{stroke:var(--accent);stroke-width:2;stroke-dasharray:6 5;fill:none}@media(max-width:1000px){.workspace{grid-template-columns:210px 1fr}.inspector{position:absolute;right:0;top:72px;bottom:0;width:280px;z-index:5;box-shadow:-12px 0 25px #21363318}.canvas-panel{margin-right:280px}.head-actions #saveState{display:none}}@media(max-width:760px){body{overflow:auto}.app-head{flex-wrap:wrap}.workspace{display:block}.palette,.inspector{position:static;width:auto}.canvas-panel{margin:0;height:65vh}.head-actions{width:100%;overflow:auto}.workspace{min-height:auto}.canvas-toolbar p{display:none}}
dialog textarea{width:100%;border:1px solid var(--line);border-radius:7px;padding:.58rem;background:white;resize:vertical}.field-hint{margin:.55rem 0;color:#65736e;font-size:.82rem}.empty-state[hidden]{display:none}