.ab321{--ab-bg:var(--surface,var(--card,#fff));--ab-soft:var(--surface-2,#f5f7fa);--ab-line:var(--border,#dce3ed);--ab-accent:var(--primary,#356953);color:var(--text,#18253b);min-width:0}.ab321 *{box-sizing:border-box}.ab321 button,.ab321 input,.ab321 select{font:inherit}.ab321 button:focus-visible,.ab321 input:focus-visible,.ab321 select:focus-visible{outline:3px solid var(--ab-accent);outline-offset:3px}.ab321 .ab-top,.ab321 .ab-toolbar,.ab321 .ab-node,.ab321 .ab-head{display:flex;align-items:center;gap:12px}.ab321 .ab-top{justify-content:space-between;flex-wrap:wrap}.ab321 h2{font-size:18px;margin:0}.ab321 h3{font-size:14px;margin:0}.ab321 p{font-size:12px;line-height:1.7;color:var(--muted,#627187)}.ab321 .ab-intro{padding:20px;background:var(--ab-bg);border:1px solid var(--ab-line);border-radius:16px;margin-bottom:18px}.ab321 .ab-intro>p{margin:8px 0 0}.ab321 .ab-eyebrow{display:block;font-size:10px;letter-spacing:.13em;color:var(--ab-accent);font-weight:750;margin-bottom:8px}.ab321 .ab-toolbar{flex-wrap:wrap;padding-top:16px;margin-top:16px;border-top:1px solid var(--ab-line)}.ab321 .ab-toolbar label{flex:1;min-width:200px;font-size:11px;font-weight:650}.ab321 select,.ab321 input:not([type=checkbox]){display:block;width:100%;padding:10px 12px;border:1px solid var(--ab-line);border-radius:9px;color:inherit;background:var(--ab-bg);min-width:0;font-size:13px}.ab321 label>select{margin-top:6px}.ab321 .ab-tag{display:inline-block;border:1px solid var(--ab-line);background:var(--ab-soft);padding:6px 9px;border-radius:20px;font-size:10px;font-weight:600}.ab321 .ab-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(285px,.85fr);gap:20px;align-items:start}.ab321 .ab-canvas,.ab321 .ab-inspector{background:var(--ab-bg);border:1px solid var(--ab-line);border-radius:16px;padding:20px;min-width:0}.ab321 .ab-inspector{position:sticky;top:20px}.ab321 .ab-head{justify-content:space-between;margin-bottom:16px}.ab321 .ab-flow{list-style:none;margin:0;padding:0}.ab321 .ab-flow>li{position:relative;margin:0 0 20px}.ab321 .ab-flow>li:after{content:'';position:absolute;height:20px;width:1px;background:var(--ab-line);left:61px;bottom:-20px}.ab321 .ab-node{padding:13px 12px;border:1px solid var(--ab-line);border-radius:12px;background:var(--ab-bg);position:relative;min-height:86px}.ab321 .ab-node.selected{border-color:var(--ab-accent);box-shadow:0 0 0 1px var(--ab-accent)}.ab321 .ab-node .ab-number,.ab321 .ab-ap .ab-number{width:30px;height:30px;flex-shrink:0;border-radius:9px;background:var(--ab-soft);display:grid;place-items:center;font-size:12px;font-weight:750}.ab321 .ab-select{min-width:0;flex:1;text-align:left;border:0;background:none;padding:0;color:inherit;cursor:pointer}.ab321 .ab-select strong{display:block;font-size:13px;overflow-wrap:anywhere}.ab321 .ab-select span{display:block;margin-top:6px;font-size:11px;line-height:1.6;color:var(--muted,#627187);overflow-wrap:anywhere}.ab321 .ab-actions{display:flex;gap:3px;flex-wrap:wrap;width:66px;flex-shrink:0}.ab321 .ab-icon{width:30px;height:30px;border:1px solid var(--ab-line);border-radius:7px;background:var(--ab-soft);color:inherit;cursor:pointer;display:grid;place-items:center;padding:0}.ab321 .ab-handle{touch-action:none;cursor:grab;flex-shrink:0;border:0;background:transparent;letter-spacing:-2px;width:20px;font-size:20px}.ab321 .ab-delete{color:var(--danger,#b6323a);font-size:16px;width:63px}.ab321 .ab-node.is-dragging{opacity:.25}.ab321 .ab-node.drop-before:before,.ab321 .ab-node.drop-after:after{content:'';position:absolute;left:0;right:0;height:7px;border:2px dashed var(--ab-accent);background:var(--ab-soft);border-radius:4px}.ab321 .ab-node.drop-before:before{top:-15px}.ab321 .ab-node.drop-after:after{bottom:-15px}.ab321 .ab-ap{display:flex;align-items:center;gap:12px;background:var(--ab-soft);border:1px dashed var(--ab-line);border-radius:12px;padding:15px;margin:0 0 16px}.ab321 .ab-ap p{margin:4px 0 0}.ab321 .ab-add{width:100%;border:1px dashed var(--ab-accent);padding:12px;border-radius:10px;background:transparent;color:var(--ab-accent);cursor:pointer}.ab321 .ab-field{display:block;margin:18px 0;font-size:11px;font-weight:650}.ab321 .ab-field input,.ab321 .ab-field select{margin-top:7px}.ab321 .ab-note{padding:12px 14px;background:var(--ab-soft);border-radius:10px;font-size:12px;line-height:1.7;color:var(--muted,#627187)}.ab321 .ab-note.warning{border-left:3px solid var(--warning,#be852f)}.ab321 .ab-person{display:block;width:100%;text-align:left;padding:12px;border:1px solid var(--ab-line);border-radius:10px;background:var(--ab-soft);color:inherit;cursor:pointer;margin:8px 0}.ab321 .ab-person span{display:block;color:var(--muted,#627187);font-size:11px;line-height:1.5;margin-top:5px}.ab321 .ab-foot{font-size:11px;line-height:1.6;color:var(--muted,#627187);padding:12px 0}.ab321 .ab-errors{font-size:13px;line-height:1.6;color:var(--danger,#b6323a);margin-bottom:12px;overflow-wrap:anywhere}.ab321 .ab-save-row{display:flex;gap:8px;flex-wrap:wrap}.ab321 .ab-save-row .btn{white-space:normal}.ab321 .ab-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ab321 .ab-choice{padding:16px;border:1px solid var(--ab-line);border-radius:10px;background:var(--ab-bg);color:inherit;cursor:pointer;text-align:left;font-size:13px}.ab321 .ab-choice span{display:block;font-size:11px;color:var(--muted,#627187);line-height:1.6;margin-top:6px}.ab321 dialog{width:min(820px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--ab-line);border-radius:16px;background:var(--ab-bg);color:inherit;padding:24px;box-shadow:0 24px 90px #0003}.ab321 dialog::backdrop{background:#12203666}.ab321 .ab-review{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.ab321 .ab-review>div{border:1px solid var(--ab-line);border-radius:12px;padding:14px;min-width:0}.ab321 .ab-review ol{padding-left:20px;font-size:12px;line-height:1.8}.ab321 .ab-review li{margin-bottom:10px;overflow-wrap:anywhere}.ab321 .ab-review small{display:block;color:var(--muted,#627187)}.ab321 .ab-copy-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 0}.ab321 .ab-copy-list label{font-size:12px;line-height:1.7}.ab321 [hidden]{display:none!important}.ab321 button:disabled{opacity:.45;cursor:not-allowed}.ab-drag-shell{position:fixed;z-index:10000;pointer-events:none;opacity:.94}.ab-drag-shell .ab-node{box-shadow:0 14px 35px #0003}.ab321 .ab-announcer{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:800px){.ab321 .ab-grid{grid-template-columns:1fr}.ab321 .ab-inspector{position:static}.ab321 .ab-canvas,.ab321 .ab-inspector,.ab321 .ab-intro{padding:14px}.ab321 .ab-top{align-items:flex-start}.ab321 .ab-save-row{width:100%}.ab321 .ab-save-row>.btn{flex:1}.ab321 .ab-toolbar label{flex-basis:100%}.ab321 .ab-review{grid-template-columns:1fr}.ab321 dialog{padding:18px}.ab321 .ab-copy-list{grid-template-columns:1fr}.ab321 .ab-node{gap:7px;padding:11px 8px}.ab321 .ab-choices{grid-template-columns:1fr}.ab321 .ab-select strong{font-size:12px}.ab321 .ab-actions{width:58px}.ab321 .ab-icon{width:27px;height:30px}.ab321 .ab-delete{width:56px}}
@media(prefers-reduced-motion:reduce){.ab321 *{transition:none!important;animation:none!important}}