:root{--primary:#3a7894;--primary-hover:#347088;--primary-dark:#2c5d75;--primary-darker:#1f4456;--primary-light:#adc8d3;--primary-lighter:#c8dae3;--primary-soft:#e8eff4;--stroke-border:#4a85a0;--stroke-bg:#fff;--bg:#eef2f6;--bg-2:#e7edf2;--bg-soft:#f4f7fa;--surface:#fff;--surface-soft:#f8fafc;--text-primary:#243f4f;--text-secondary:#5b7385;--text-muted:#8a9ba8;--text-on-primary:#fff;--border:#e3e9ee;--border-soft:#edf1f5;--warn:#d97706;--warn-dark:#b45309;--warn-soft:#d9770614;--warn-border:#d9770647;--danger:#dc2626;--danger-soft:#dc262614;--success:#16a34a;--sh-xs:none;--sh-sm:none;--sh-md:0 4px 16px #1c4b6414;--sh-lg:0 18px 48px #1c4b642e;--ring:0 0 0 3px #3a789429;--r-xs:6px;--r-sm:8px;--r-md:10px;--r-lg:12px;--r-xl:14px;--r-pill:999px;--topbar-h:60px;--panel-w:400px;--ease:cubic-bezier(.32, .72, 0, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}button{font:inherit;cursor:pointer;color:inherit;letter-spacing:inherit;background:0 0;border:none}input,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}input:focus,textarea:focus,select:focus,button:focus{outline:none}input:not([type=color]):not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-soft);width:100%;padding:9px 11px;font-family:inherit;font-size:13px;transition:border-color .15s,background .15s,box-shadow .15s}input:not([type=color]):not([type=checkbox]):not([type=radio]):not([type=file]):hover,textarea:hover,select:hover{border-color:var(--primary-light)}input:not([type=color]):not([type=checkbox]):not([type=radio]):not([type=file]):focus,textarea:focus,select:focus{border-color:var(--primary);background:var(--surface);box-shadow:var(--ring)}textarea{resize:vertical;line-height:1.45}input[type=color]{cursor:pointer}h1,h2,h3{letter-spacing:-.02em;font-weight:800}::selection{background:var(--primary-light);color:var(--primary-darker)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.boot-screen{height:100vh;color:var(--text-secondary);place-items:center;display:grid}.logo-row{justify-content:center;align-items:center;gap:14px;width:100%;display:flex}.logo-full{max-width:100%;height:auto;margin:0 auto;display:block}.logo-mark{background:var(--primary);border-radius:22%;flex-shrink:0;display:none}.logo-text{flex-direction:column;line-height:1.08;display:flex}.logo-text .a{letter-spacing:.02em;color:var(--primary-darker);font-size:17px;font-weight:900}.logo-text .b{color:var(--primary);letter-spacing:.06em;font-size:12px;font-weight:700}.logo-text .c{color:var(--text-muted);letter-spacing:.18em;margin-top:3px;font-size:8.5px;font-weight:600}.logo-text.large .a{font-size:24px}.logo-text.large .b{font-size:15px}.logo-text.large .c{font-size:10px}.topbar{height:var(--topbar-h);z-index:50;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.top-left,.top-right{align-items:center;gap:6px;display:flex}.pill-chip{border-radius:var(--r-sm);color:var(--text-secondary);transition:background .15s var(--ease), color .15s var(--ease);background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.pill-chip:hover{background:var(--bg-soft)}.back-chip{cursor:pointer;max-width:460px;color:var(--text-primary);font-weight:700}.back-chip:hover{background:var(--bg-soft)}.back-chip .label{white-space:normal;word-break:normal;overflow-wrap:normal;text-align:left;max-height:2.56em;line-height:1.28;overflow:hidden}.topbar svg{flex-shrink:0}.pill-chip span:not(.label),.logout-btn span,.edit-chip span,.save-chip span{white-space:nowrap}.edit-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.edit-chip.active:hover{background:var(--primary-hover)}.nospace{white-space:nowrap!important}.top-left .pill-chip:not(.back-chip){color:var(--text-muted);cursor:default;font-weight:500}.top-left .pill-chip:not(.back-chip):hover{background:0 0}.edit-chip{cursor:pointer;background:var(--bg-soft);border-color:var(--border);color:var(--text-primary)}.edit-chip:hover{background:var(--border-soft)}.save-chip{cursor:pointer;background:var(--bg-soft);border-color:var(--border);color:var(--text-muted)}.save-chip.dirty{background:var(--primary);color:#fff;border-color:var(--primary)}.save-chip.dirty:hover{background:var(--primary-hover)}.save-chip:disabled{cursor:default;opacity:.8}.history-group{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--r-sm);align-items:center;gap:2px;margin-right:2px;padding:3px;display:inline-flex}.hist-btn{border-radius:var(--r-xs);width:30px;height:30px;color:var(--text-secondary);place-items:center;transition:background .15s,color .15s,transform .1s;display:grid}.hist-btn:hover:not(:disabled){background:var(--primary-soft);color:var(--primary-dark)}.hist-btn:active:not(:disabled){transform:scale(.9)}.hist-btn:disabled{color:#cdd8e0;cursor:default}.logout-btn{border-radius:var(--r-sm);color:var(--text-secondary);transition:all .15s var(--ease);background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.logout-btn:hover{color:var(--danger);background:var(--danger-soft)}.login-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.login-wrap:first-child img{object-fit:cover;z-index:-1;width:100%;height:100vh;position:absolute}.login-wrap .login-card:nth-child(2) img{z-index:2;width:fit-content;height:50px;margin-bottom:20px;position:absolute;top:50px}.login-card{background:var(--surface);border:1px solid var(--border-soft);width:100%;max-width:400px;box-shadow:var(--sh-lg);text-align:center;animation:pop-in .5s var(--ease);border-radius:40px;flex-direction:column;align-items:center;padding:40px 34px 30px;display:flex}.login-card h1{color:var(--primary-darker);margin-top:20px;font-size:19px;line-height:1.25}.login-card .sub{color:var(--text-muted);margin-top:8px;margin-bottom:26px;font-size:13px}.login-card .field{text-align:left;width:100%;margin-bottom:14px}.login-card .field label{color:var(--text-secondary);margin-bottom:7px;font-size:12px;font-weight:600;display:block}.login-card .field input{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-soft);width:100%;transition:all .16s var(--ease);padding:12px 14px;font-size:14px}.login-card .field input:hover{border-color:var(--primary-light)}.login-card .field input:focus{border-color:var(--primary);background:var(--surface);box-shadow:var(--ring)}.login-btn{border-radius:var(--r-sm);background:var(--primary);color:#fff;width:100%;box-shadow:var(--sh-sm);transition:all .18s var(--ease);justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:13px;font-size:14px;font-weight:700;display:inline-flex}.login-btn:hover:not(:disabled){background:var(--primary-hover)}.login-btn:disabled{opacity:.7;cursor:default}.form-error{background:var(--danger-soft);width:100%;color:var(--danger);border-radius:var(--r-xs);margin-bottom:8px;padding:10px 12px;font-size:12.5px;font-weight:500}.login-hint{color:var(--text-muted);margin-top:22px;font-family:ui-monospace,monospace;font-size:11.5px;line-height:1.7}.home-wrap{max-width:720px;padding:calc(var(--topbar-h) + 28px) 24px 64px;animation:fade-in .4s var(--ease);flex-direction:column;align-items:center;margin:0 auto;display:flex}.home-title{text-align:center;letter-spacing:.05em;color:var(--text-secondary);margin:22px 0 30px;font-size:20px;font-weight:700;line-height:1.6}.sections-grid{grid-template-columns:repeat(2,minmax(0,230px));justify-content:center;gap:18px;width:100%;display:grid}.section-tile{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-xl);box-shadow:var(--sh-sm);color:var(--primary);flex-direction:column;align-items:center;gap:6px;padding:34px 22px;transition:all .2s;display:flex}.section-tile:hover{border-color:var(--primary);transition:all .2s;scale:1.05}.section-tile-icon{border-radius:var(--r-lg);place-items:center;height:102px;margin-bottom:12px;font-weight:900;display:grid}.section-tile-icon img{width:120px}.section-tile-title{color:var(--text-primary);font-size:17px;font-weight:800}.section-tile-sub{color:var(--text-muted);font-size:12.5px}.search-wrap{width:100%;max-width:540px;margin-bottom:22px;position:relative}.search-wrap input{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);width:100%;box-shadow:var(--sh-xs);transition:all .16s var(--ease);padding:13px 16px 13px 44px;font-size:14px}.search-wrap input:hover{border-color:var(--primary-light)}.search-wrap input:focus{border-color:var(--primary);box-shadow:var(--ring)}.search-icon{color:var(--text-muted);display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.process-list{flex-direction:column;gap:12px;width:100%;max-width:540px;display:flex}.process-group{flex-direction:column;display:flex}.process-item{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);cursor:pointer;text-align:left;width:100%;box-shadow:var(--sh-xs);transition:transform .18s var(--ease), box-shadow .18s var(--ease), border-color .18s var(--ease);align-items:center;gap:14px;padding:16px 18px;display:flex}.process-item:hover{background:var(--surface-soft);border-color:var(--primary)}.process-item .num{min-width:34px;height:34px;color:var(--primary);background:var(--primary-soft);border-radius:var(--r-sm);flex-shrink:0;place-items:center;padding:0 8px;font-size:15px;font-weight:800;display:grid}.process-item .label{color:var(--text-primary);flex:1;font-size:14.5px;font-weight:600;line-height:1.4}.chevron-btn{border-radius:var(--r-xs);width:30px;height:30px;color:var(--text-muted);flex-shrink:0;place-items:center;margin-left:-4px;transition:background .15s,color .15s;display:grid}.chevron-btn:hover{background:var(--primary-soft);color:var(--primary)}.chevron-btn.open{color:var(--primary)}.process-children{border-left:2px solid var(--primary-lighter);animation:pop-in .2s var(--ease);flex-direction:column;gap:5px;margin:7px 0 4px 32px;padding-left:16px;display:flex}.child-empty{color:var(--text-muted);align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;display:flex}.child-item{text-align:left;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border-soft);align-items:center;gap:12px;width:100%;padding:9px 12px;transition:background .14s,border-color .14s,transform .14s;display:flex}.child-item:hover{background:var(--surface-soft);border-color:var(--primary-lighter);transform:translate(3px)}.child-badge{background:var(--primary);color:#fff;border-radius:7px;flex-shrink:0;place-items:center;min-width:26px;height:26px;padding:0 7px;font-size:11.5px;font-weight:800;display:grid}.child-badge.pill{border-radius:var(--r-pill)}.child-badge.stroke,.child-badge.dashed{background:var(--stroke-bg);color:var(--stroke-border);border:1.5px solid var(--stroke-border)}.child-badge.dashed{border-style:dashed}.child-badge.diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border-radius:0}.child-label{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:13px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.create-btn{border:1.5px dashed var(--primary-light);box-shadow:none;color:var(--primary);background:0 0;justify-content:flex-start}.create-btn:hover{background:var(--surface);border-color:var(--primary);border-style:dashed}.create-btn .num{color:var(--primary);background:0 0}.create-btn .label{color:var(--primary)}.delete-archive-btn{border-radius:var(--r-xs);color:var(--text-muted);flex-shrink:0;align-items:center;padding:7px;transition:all .15s;display:inline-flex}.delete-archive-btn:hover{background:var(--danger-soft);color:var(--danger)}.archive-toggle{color:var(--text-secondary);border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--border-soft);box-shadow:var(--sh-xs);align-self:flex-start;align-items:center;gap:8px;margin-top:6px;padding:9px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.archive-toggle:hover{color:var(--primary)}.archive-toggle-arrow{color:var(--text-muted)}.archived-item{opacity:.92}.archive-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-pill);background:var(--bg-soft);color:var(--text-muted);margin-left:10px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.empty-state{text-align:center;color:var(--text-muted);justify-content:center;align-items:center;gap:10px;padding:44px;font-size:13.5px;display:flex}.empty-state.error{color:var(--danger)}.diagram-wrap{height:100vh;padding-top:var(--topbar-h);align-items:stretch;gap:0;display:flex;position:relative}.diagram-main{flex:1;min-width:0}.diagram-container{background:var(--surface);height:calc(100vh - var(--topbar-h));padding:16px;overflow:auto}.diagram-canvas{-webkit-user-select:none;user-select:none;margin:0;position:relative;width:100%!important}.diagram-canvas.linking{cursor:crosshair}.draft-banner{top:calc(var(--topbar-h) + 6px);z-index:45;background:var(--surface);border:1px solid var(--border-soft);color:var(--text-secondary);animation:pop-in .3s var(--ease);border-radius:14px;align-items:center;gap:14px;max-width:min(94vw,620px);padding:10px 12px 10px 14px;font-size:13px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:2px 2px 50px #0000004d}.draft-banner-icon{background:var(--warn-soft,#d977061f);color:#b45309;border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.draft-banner-text{flex-direction:column;gap:2px;min-width:0;display:flex}.draft-banner-title{color:var(--text-primary);font-size:13px;font-weight:700}.draft-banner-time{color:var(--text-muted);align-items:center;gap:5px;font-size:11.5px;font-weight:500;display:inline-flex}.draft-banner-actions{flex-shrink:0;gap:8px;display:flex}.draft-btn{background:var(--bg-soft);color:var(--text-primary);border-radius:10px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .15s}.draft-btn:hover{background:var(--border-soft)}.draft-btn.primary{background:var(--primary);color:#fff}.draft-btn.primary:hover{background:var(--primary-hover)}.export-panel{flex-direction:column;gap:16px;display:flex}.export-block{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;padding:12px 12px 14px}.export-block-title{color:var(--text-primary);align-items:center;gap:7px;margin-bottom:10px;font-size:12.5px;font-weight:700;display:flex}.share-link-row{align-items:stretch;gap:8px;display:flex}.share-link-input{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text-secondary);border-radius:9px;flex:1;padding:8px 10px;font-family:ui-monospace,monospace;font-size:12px}.share-copy-btn{white-space:nowrap;flex-shrink:0;width:auto!important;padding:8px 14px!important}.edit-selected-banner{background:var(--primary-soft);border:1px solid var(--primary-lighter);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:9px 10px 9px 12px;display:flex}.edit-selected-info{color:var(--primary-darker);align-items:center;gap:7px;font-size:12.5px;display:inline-flex}.edit-selected-clear{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.edit-selected-clear:hover{border-color:var(--primary);color:var(--primary)}.type-btn.shape-card.on{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 2px var(--primary-lighter)}.rail-layer{z-index:6;pointer-events:none;will-change:transform;width:56px;height:100%;position:absolute;top:0;left:0;box-shadow:-20px -10px #fff}.rail-layer .lane-rail{pointer-events:auto}.lane-rail{background:var(--lane-accent,var(--primary));color:#fff;border-radius:var(--r-sm) 0 0 var(--r-sm);cursor:default;border:2px solid #fff;justify-content:center;align-items:center;width:56px;display:flex;position:absolute;left:0;border-radius:var(--r-sm)!important}.diagram-wrap.edit-mode .lane-rail{cursor:pointer}.diagram-wrap.edit-mode .lane-rail:hover{filter:brightness(.92)}.lane-rail .lane-label{white-space:nowrap;letter-spacing:.03em;text-align:center;font-size:12px;font-weight:700;line-height:1.3;transform:rotate(-90deg)}.lane-row{border-bottom:1px solid var(--border);pointer-events:none;position:absolute;left:56px;right:0}.lane-row:last-child{border-bottom:none}.edges{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.link-preview{pointer-events:none}.node{background:var(--primary);color:var(--node-text-on-fill,#fff);border-radius:var(--r-md);transition:transform .16s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);z-index:2;border:1px solid #ffffff1a;align-items:center;gap:12px;padding:12px 16px;display:flex;position:absolute;box-shadow:0 1px 2px #1c4b641f,0 5px 14px #1c4b6414}.node:hover{transform:translateY(-1px);box-shadow:0 2px 4px #1c4b6424,0 12px 26px #1c4b6429}.node .num{pointer-events:none;flex-shrink:0;font-weight:800}.node .text{flex:1;font-size:12.5px;font-weight:500;line-height:1.38}.node.editable{cursor:move}.node.editable:active{cursor:grabbing}.node.dragging{box-shadow:var(--sh-lg);z-index:30}.node.selected{box-shadow:0 0 0 3px var(--surface), 0 0 0 4.5px var(--primary), 0 12px 26px #1c4b6433;z-index:20}.node.dimmed{opacity:.4;pointer-events:none;filter:(blur(1.5px))}.node.link-target{outline:2px dashed var(--primary);outline-offset:4px}.node.svg-shape.selected:after,.node.svg-shape.multi-selected:after{content:"";box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--primary);pointer-events:none;z-index:3;border-radius:10px;position:absolute;inset:-4px}.node.pill{border-radius:var(--r-pill);padding:13px 22px}.node.pill .text{font-weight:600}.node .num{color:#fff;opacity:.85;min-width:16px;font-size:13px}.node.box-shape.s-stroke,.node.box-shape.s-dashed{background:var(--stroke-bg);color:var(--text-primary);border:2px solid var(--stroke-border);box-shadow:var(--sh-xs)}.node.box-shape.s-dashed{border-style:dashed}.node.box-shape.s-stroke .num,.node.box-shape.s-dashed .num{color:var(--stroke-border)}.node.box-shape.s-stroke:hover,.node.box-shape.s-dashed:hover{border-color:var(--primary);background:var(--surface-soft)}.node.box-shape.s-stroke.selected,.node.box-shape.s-dashed.selected{border-color:var(--primary-darker);color:var(--primary-darker);box-shadow:0 0 0 2.5px var(--surface), 0 0 0 5px var(--primary)}.node.svg-shape{box-shadow:none;text-align:center;background:0 0;border:none;justify-content:center;padding:10px}.node.svg-shape:before{content:none}.shape-svg{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.node.svg-shape .num,.node.svg-shape .text{z-index:1;position:relative}.node.svg-shape .text{flex:0 auto}.node.svg-shape.selected{box-shadow:none}.node.svg-shape.link-target{outline:none}.shape-fill{fill:var(--primary);stroke:#0000;stroke-width:0;filter:drop-shadow(0 4px 12px #1c4b6424);transition:fill .2s var(--ease), stroke .2s var(--ease)}.node.s-solid.svg-shape:hover .shape-fill{fill:var(--primary-hover)}.node.s-solid.svg-shape.selected .shape-fill{fill:var(--primary-darker)}.node.s-solid.svg-shape.dimmed .shape-fill{fill:var(--primary-light)}.node.s-stroke.svg-shape,.node.s-dashed.svg-shape{color:var(--text-primary)}.node.s-stroke .shape-fill,.node.s-dashed .shape-fill{fill:var(--stroke-bg);stroke:var(--stroke-border);stroke-width:2px;filter:none}.node.s-stroke.svg-shape .num,.node.s-dashed.svg-shape .num{color:var(--stroke-border)}.node.s-stroke:hover .shape-fill,.node.s-dashed:hover .shape-fill{fill:var(--surface-soft);stroke:var(--primary)}.node.s-stroke.selected .shape-fill,.node.s-dashed.selected .shape-fill{stroke:var(--primary-darker)}.node.s-solid.link-target .shape-fill,.node.s-stroke.link-target .shape-fill,.node.s-dashed.link-target .shape-fill{stroke:var(--primary);stroke-width:3px}.node.svg-shape.selected .shape-fill,.node.s-solid.svg-shape.selected .shape-fill,.node.s-stroke.svg-shape.selected .shape-fill,.node.s-dashed.svg-shape.selected .shape-fill{stroke:var(--primary);stroke-width:3px;filter:drop-shadow(0 0 2px var(--primary)) drop-shadow(0 6px 16px #1c4b644d)}.node.subprocess{border-radius:var(--r-sm);position:relative}.node.subprocess:before,.node.subprocess:after{content:"";opacity:.5;pointer-events:none;background:currentColor;border-radius:2px;width:3px;position:absolute;top:7px;bottom:7px}.node.subprocess:before{left:8px}.node.subprocess:after{right:8px}.node.delay{border-radius:var(--r-sm) 999px 999px var(--r-sm) / var(--r-sm) 50% 50% var(--r-sm)}.node .link-handle{z-index:25;cursor:crosshair;background:0 0;place-items:center;width:26px;height:26px;display:grid;position:absolute}.node .link-handle .link-dot{background:var(--surface);border:2px solid var(--primary);width:12px;height:12px;transition:transform .12s var(--ease), background .12s;border-radius:50%;box-shadow:0 1px 4px #1c4b644d}.node .link-handle:hover .link-dot{background:var(--primary);transform:scale(1.35)}.node .link-handle.top{top:0;left:50%;transform:translate(-50%,-50%)}.node .link-handle.right{top:50%;left:100%;transform:translate(-50%,-50%)}.node .link-handle.bottom{top:100%;left:50%;transform:translate(-50%,-50%)}.node .link-handle.left{top:50%;left:0;transform:translate(-50%,-50%)}.modal-backdrop{z-index:100;animation:fade-in .18s var(--ease);background:#1c4b641a;justify-content:flex-start;align-items:flex-start;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--sh-lg);border:1px solid var(--border-soft);animation:pop-in .24s var(--ease);padding:26px 26px 22px;overflow-y:auto}.modal-close{border-radius:var(--r-pill);width:34px;height:34px;color:var(--text-muted);background:var(--bg-soft);place-items:center;transition:all .15s;display:grid;position:absolute;top:14px;right:14px}.modal-close:hover{background:var(--border-soft);color:var(--text-primary)}.modal-section{margin-bottom:18px}.modal-section:last-child{margin-bottom:0}.modal-section h3{color:var(--primary-dark);align-items:center;gap:9px;margin-bottom:10px;font-size:14px;font-weight:800;display:flex}.modal-section p{color:var(--text-primary);margin-bottom:8px;font-size:13.5px;line-height:1.6}.modal-section ul{flex-direction:column;gap:7px;list-style:none;display:flex}.modal-section.risks{background:var(--warn-soft);border:1px solid var(--warn-border);border-radius:var(--r-lg);padding:16px 18px 16px 20px;position:relative}.modal-section.risks:before{content:"";border-radius:var(--r-lg) 0 0 var(--r-lg);background:var(--warn);width:4px;position:absolute;top:0;bottom:0;left:0}.modal-section.risks h3{color:var(--warn-dark);margin-bottom:12px}.modal-section.risks ul{gap:10px}.modal-section.risks li{color:var(--text-primary);padding-left:22px;font-size:13.5px;line-height:1.55;position:relative}.modal-section.risks li:before{content:"!";background:var(--warn);color:#fff;border-radius:50%;place-items:center;width:15px;height:15px;font-size:10px;font-weight:800;line-height:1;display:grid;position:absolute;top:1px;left:0}.popup-preview-empty{color:var(--text-muted);font-size:13px;font-style:italic}.admin-panel{z-index:25;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--sh-md);max-height:calc(100vh - var(--topbar-h));position:absolute;top:0;left:0;right:0;overflow:visible}.panel-section{border-bottom:1px solid var(--border-soft);padding:20px}.panel-section:last-child{border-bottom:none}.panel-section>header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.panel-section h3{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.panel-section h3 .muted{color:var(--text-muted);opacity:.7;font-weight:600}.type-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:var(--r-pill);background:var(--primary-soft);color:var(--primary-dark);padding:4px 10px;font-size:10px;font-weight:800}.type-badge.pill,.type-badge.diamond{background:var(--primary);color:#fff}.type-badge.stroke{background:var(--bg-soft);border:1px solid var(--stroke-border);color:var(--stroke-border)}.type-badge.dashed{background:var(--bg-soft);border:1px dashed var(--stroke-border);color:var(--stroke-border)}.hint{color:var(--text-secondary);background:var(--bg-soft);border-radius:var(--r-sm);border:1px solid var(--border-soft);padding:11px 13px;font-size:12.5px;line-height:1.55}.panel-section input,.panel-section textarea,.panel-section select,.field-row input,.field-row textarea,.field-row select{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-soft);width:100%;color:var(--text-primary);padding:9px 11px;font-size:13px;transition:border-color .15s,background .15s,box-shadow .15s}.panel-section input:hover,.panel-section textarea:hover,.panel-section select:hover{border-color:var(--primary-light)}.panel-section input:focus,.panel-section textarea:focus,.panel-section select:focus{border-color:var(--primary);background:var(--surface);box-shadow:var(--ring)}.panel-section textarea{resize:vertical;font-family:inherit;line-height:1.45}.icon-btn{border-radius:var(--r-xs);background:var(--surface-soft);border:1px solid var(--border);color:var(--text-secondary);transition:all .16s var(--ease);align-items:center;gap:6px;padding:7px 11px;font-size:12px;font-weight:600;display:inline-flex}.icon-btn:hover{background:var(--primary-soft);border-color:var(--primary-lighter);color:var(--primary-dark)}.icon-btn.ghost{background:0 0;border-color:#0000;padding:6px}.icon-btn.ghost:hover{background:var(--bg-soft)}.icon-btn.ghost.danger:hover{background:var(--danger-soft);color:var(--danger)}.btn{border-radius:var(--r-sm);background:var(--surface-soft);border:1px solid var(--border);width:100%;color:var(--text-primary);transition:all .16s var(--ease);justify-content:center;align-items:center;gap:7px;padding:11px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover{background:var(--bg-soft);border-color:var(--primary-lighter)}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--sh-sm)}.btn.primary:hover{background:var(--primary-hover)}.btn.small{white-space:nowrap;width:auto;padding:8px 13px;font-size:12.5px}.btn.danger{background:var(--danger-soft);color:var(--danger);border-color:#0000;margin-top:14px}.btn.danger:hover{background:#dc262624}.preview-btn{background:var(--primary-soft);color:var(--primary-dark);border-color:var(--primary-lighter)}.preview-btn:hover{background:var(--primary-lighter)}.panel-list{flex-direction:column;gap:7px;display:flex}.panel-item{border-radius:var(--r-sm);background:var(--surface-soft);border:1px solid var(--border);transition:all .15s var(--ease);grid-template-columns:18px 4px 1fr auto auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.panel-item:hover{background:var(--bg-soft);border-color:var(--primary-lighter)}.panel-item.selected{background:var(--primary-soft);border-color:var(--primary)}.panel-item.drag-over{border-color:var(--primary);border-style:dashed}.panel-item[draggable=true]{cursor:default}.drag-handle{color:var(--text-muted);cursor:grab;align-items:center;display:flex}.drag-handle:active{cursor:grabbing}.panel-bar{background:var(--primary);border-radius:2px;width:4px;height:22px}.panel-item input{background:0 0;border:1px solid #0000;border-radius:7px;padding:5px 7px;font-size:13px}.panel-item input:hover{background:var(--surface);border-color:var(--border)}.panel-item input:focus{background:var(--surface);border-color:var(--primary);box-shadow:none}.panel-meta{color:var(--text-muted);white-space:nowrap;font-family:ui-monospace,monospace;font-size:10.5px}.node-types-intro{color:var(--text-secondary);margin-bottom:12px;font-size:11.5px;line-height:1.55}.node-types{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.node-types.img-grid{grid-template-columns:repeat(2,1fr);gap:12px}.node-id-organize{border-top:1px solid var(--border-soft);margin-top:16px;padding-top:14px}.type-btn{border-radius:var(--r-md);background:var(--surface-soft);border:1px solid var(--border);color:var(--text-primary);transition:all .16s var(--ease);flex-direction:column;align-items:center;gap:8px;padding:16px 6px 12px;font-size:11.5px;font-weight:700;display:flex}.type-btn:hover{background:var(--surface);border-color:var(--primary);box-shadow:var(--sh-md);transform:translateY(-2px)}.type-btn:active{transform:translateY(0)}.type-btn small{color:var(--text-muted);text-align:center;font-size:9.5px;font-weight:500;line-height:1.3}.shape-card{cursor:grab;gap:10px;padding:12px 8px 11px}.shape-card:active{cursor:grabbing}.shape-thumb{border-radius:var(--r-sm);background:var(--surface);place-items:center;width:100%;height:125px;display:grid;overflow:hidden}.shape-thumb img{object-fit:contain;pointer-events:none;max-width:92%}.type-preview{color:#fff;flex-shrink:0;place-items:center;width:44px;height:28px;display:grid;position:relative}.type-preview.pill{border-radius:var(--r-pill)}.type-preview.rect{border-radius:6px}.type-preview.diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.type-preview.parallelogram{clip-path:polygon(22% 0,100% 0,78% 100%,0 100%)}.type-preview.preparation{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.type-preview.manualinput{clip-path:polygon(0 22%,100% 2%,100% 100%,0 100%)}.type-preview.document{clip-path:polygon(0 0,100% 0,100% 76%,55% 96%,0 80%)}.type-preview.delay{border-radius:5px 999px 999px 5px/5px 50% 50% 5px}.type-preview.subprocess{border-radius:6px}.type-preview.subprocess:before,.type-preview.subprocess:after{content:"";opacity:.7;background:currentColor;border-radius:1px;width:2px;position:absolute;top:4px;bottom:4px}.type-preview.subprocess:before{left:6px}.type-preview.subprocess:after{right:6px}.type-preview.s-solid{background:var(--primary);color:#fff}.type-preview.s-stroke{background:var(--stroke-bg);border:2px solid var(--stroke-border);color:var(--stroke-border)}.type-preview.s-dashed{background:var(--stroke-bg);border:2px dashed var(--stroke-border);color:var(--stroke-border)}.type-preview.delay.s-stroke,.type-preview.delay.s-dashed,.type-preview.subprocess.s-stroke,.type-preview.subprocess.s-dashed{border-width:2px}.field-row{grid-template-columns:auto 1fr;align-items:center;gap:10px;margin-bottom:12px;display:grid}.field-row.col{display:block}.field-row.col label{margin-bottom:6px;display:block}.field-row.two{grid-template-columns:1fr 1fr}.field-row.three{grid-template-columns:1fr 1fr 1fr}.field-row.four{grid-template-columns:1fr 1fr 1fr 1fr;gap:6px}.field-row label{color:var(--text-secondary);font-size:11px;font-weight:600}.field-row.two label,.field-row.three label,.field-row.four label,.field-row.col label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:5px;font-size:10px;font-weight:700;display:block}.field-row label.lbl{text-transform:none;letter-spacing:normal;color:var(--text-secondary);font-size:12.5px;font-weight:600}details.info-edit,details.edges-edit{border-top:1px solid var(--border-soft);margin-top:14px;padding-top:14px}details summary{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:7px;margin-bottom:10px;padding:4px 0;font-size:11px;font-weight:700;list-style:none;display:flex}details summary::-webkit-details-marker{display:none}details summary:before{content:"›";transition:transform .18s var(--ease);font-size:16px;line-height:1}details[open] summary:before{transform:rotate(90deg)}.edges-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.edge-item{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--r-sm);padding:10px 11px}.edge-row{align-items:center;gap:8px;font-size:12.5px;display:flex}.edge-row.sm{margin-top:8px;font-size:11.5px}.edge-row.sm select{border:1px solid var(--border);background:var(--surface);border-radius:7px;flex:1;padding:5px 7px;font-size:11.5px}.edge-arrow{color:var(--primary);font-weight:700}.edge-tgt{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11.5px;overflow:hidden}.check{color:var(--text-secondary);cursor:pointer;align-items:center;gap:5px;font-size:11px;display:inline-flex}.check input{width:auto}.edge-add{background:var(--surface-soft);border:1px dashed var(--primary-lighter);border-radius:var(--r-sm);flex-direction:column;gap:10px;padding:12px;display:flex}.popup-preview-card{background:var(--surface);border:1px solid var(--primary-lighter);border-radius:var(--r-sm);max-height:280px;margin-top:12px;padding:14px;overflow-y:auto}.popup-preview-title{color:var(--primary-dark);border-bottom:1px solid var(--border-soft);margin-bottom:10px;padding-bottom:8px;font-size:13px;font-weight:800}.popup-preview-p{color:var(--text-primary);margin-bottom:6px;font-size:12px;line-height:1.5}.popup-preview-heading{margin:8px 0 6px;font-size:12px;font-weight:700}.preview-risks{color:var(--warn)}.popup-preview-list{list-style:none}.popup-preview-list li{color:var(--text-primary);margin-bottom:4px;padding-left:14px;font-size:12px;line-height:1.5;position:relative}.popup-preview-list li:before{content:"";background:var(--warn);border-radius:50%;width:5px;height:5px;position:absolute;top:7px;left:0}.popup-preview-risk-box{background:var(--warn-soft);border:1px solid var(--warn-border);border-radius:var(--r-md);margin-top:10px;padding:10px 12px 10px 14px;position:relative}.popup-preview-risk-box:before{content:"";border-radius:var(--r-md) 0 0 var(--r-md);background:var(--warn);width:3px;position:absolute;top:0;bottom:0;left:0}.popup-preview-risk-box .popup-preview-heading{margin-top:0}.popup-preview-risk-box .popup-preview-list li{padding-left:16px}.popup-preview-risk-box .popup-preview-list li:before{content:"!";background:var(--warn);color:#fff;border-radius:50%;place-items:center;width:12px;height:12px;font-size:8px;font-weight:800;display:grid;top:2px}.pdf-item{cursor:default}.pdf-item:hover{transform:none}.pdf-size{color:var(--text-muted);margin-left:10px;font-family:ui-monospace,monospace;font-size:11px;font-weight:600;display:inline-block}.pdf-actions{flex-shrink:0;align-items:center;gap:7px;display:flex}.action-btn{border-radius:var(--r-xs);background:var(--surface-soft);border:1px solid var(--border);color:var(--text-secondary);transition:all .15s var(--ease);align-items:center;gap:6px;padding:8px;font-size:12.5px;font-weight:600;display:inline-flex}.action-btn:hover:not(:disabled){background:var(--primary-soft);border-color:var(--primary-lighter);color:var(--primary-dark)}.action-btn:disabled{opacity:.6;cursor:default}.action-btn-icon{padding:8px}.action-btn-danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger);border-color:#dc262633}.pdf-modal-backdrop{z-index:110;animation:fade-in .18s var(--ease);background:#1c4b642e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.pdf-modal-card{background:var(--surface);border-radius:var(--r-xl);width:100%;max-width:460px;box-shadow:var(--sh-lg);border:1px solid var(--border-soft);animation:pop-in .24s var(--ease);overflow:hidden}.pdf-modal-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.pdf-modal-head h3{color:var(--primary-darker);font-size:16px}.pdf-modal-close{border-radius:var(--r-pill);width:34px;height:34px;color:var(--text-muted);background:var(--bg-soft);place-items:center;transition:all .15s;display:grid}.pdf-modal-close:hover{background:var(--border-soft);color:var(--text-primary)}.pdf-modal-body{flex-direction:column;gap:16px;padding:22px;display:flex}.pdf-field{flex-direction:column;gap:7px;display:flex}.pdf-field label{color:var(--text-secondary);font-size:12px;font-weight:600}.pdf-field input{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-soft);width:100%;transition:all .15s var(--ease);padding:11px 13px;font-size:14px}.pdf-field input:focus{border-color:var(--primary);background:var(--surface);box-shadow:var(--ring)}.pdf-field input[type=file]{cursor:pointer;padding:9px;font-size:12.5px}.pdf-field-hint{color:var(--text-muted);font-size:11.5px}.pdf-modal-error{background:var(--danger-soft);color:var(--danger);border-radius:var(--r-xs);padding:9px 12px;font-size:12.5px;font-weight:500}.pdf-modal-foot{border-top:1px solid var(--border-soft);background:var(--surface-soft);justify-content:flex-end;gap:10px;padding:18px 22px;display:flex}.pdf-modal-btn{border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);transition:all .15s var(--ease);align-items:center;gap:7px;padding:10px 18px;font-size:13px;font-weight:600;display:inline-flex}.pdf-modal-btn:hover:not(:disabled){background:var(--bg-soft)}.pdf-modal-btn:disabled{opacity:.6;cursor:default}.pdf-modal-btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.pdf-modal-btn-primary:hover:not(:disabled){background:var(--primary-hover)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--primary-light);background-clip:padding-box;border:3px solid #0000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--primary);background-clip:padding-box}@media (width<=1080px){.pill-row{flex-wrap:nowrap;overflow-x:auto}.pill-dropdown{width:min(380px,100vw - 20px)}}@media (width<=560px){.sections-grid{grid-template-columns:1fr}.action-btn span{display:none}.topbar{padding:0 14px}}.group-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-xs);margin-bottom:12px;overflow:hidden}.group-card.open{box-shadow:var(--sh-md);border-radius:var(--r-lg) var(--r-lg) 20px 20px}.group-head{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--surface-soft);transition:background .18s var(--ease);align-items:center;gap:10px;padding:14px 16px;display:flex}.group-head:hover{background:var(--primary-soft)}.group-chevron{color:var(--text-secondary);cursor:pointer;display:inline-flex}.group-folder{color:var(--primary);display:inline-flex}.group-name{color:var(--text-primary);flex:1;font-size:15px;font-weight:700}.group-count{background:var(--primary-soft);min-width:24px;height:22px;color:var(--primary-dark);border-radius:var(--r-pill);justify-content:center;align-items:center;padding:0 8px;font-size:12.5px;font-weight:700;display:inline-flex}.group-actions{gap:6px;margin-left:4px;display:inline-flex}.group-act-btn{border:1px solid var(--border);background:var(--surface);border-radius:var(--r-sm);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:all .15s var(--ease);justify-content:center;align-items:center;display:inline-flex}.group-act-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--surface-soft)}.group-act-btn.danger:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.group-body{background:var(--bg-soft);flex-direction:column;gap:8px;padding:10px;display:flex}.group-body .process-item{padding:12px 14px}.row-title{color:var(--text-primary);font-size:14.5px;font-weight:600;display:block}.row-subtitle{color:var(--text-muted);margin-top:2px;font-size:12.5px;font-weight:500;line-height:1.35;display:block}.row-actions{gap:4px;margin-left:auto;display:inline-flex}.child-empty{color:var(--text-muted);text-align:center;padding:12px 14px;font-size:13px}.pdf-field select{border:1px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--text-primary);background:var(--surface);padding:10px 12px;font-size:14px}.pdf-field select:focus{border-color:var(--primary);box-shadow:var(--ring);outline:none}.diagram-container.fit{overflow:hidden}.canvas-scale{transform-origin:0 0}.admin-panel-bar{z-index:3;background:var(--surface);border-bottom:1px solid var(--border);letter-spacing:.14em;color:var(--text-muted);justify-content:space-between;align-items:center;padding:12px 16px;font-size:11px;font-weight:700;display:flex;position:sticky;top:0}.panel-close-btn{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:all .15s var(--ease);justify-content:center;align-items:center;display:inline-flex}.panel-close-btn:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.title-edit-btn{vertical-align:middle;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;transition:all .15s var(--ease);justify-content:center;align-items:center;margin-left:8px;display:inline-flex}.title-edit-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--surface-soft)}.tile-wrap{display:flex;position:relative}.tile-wrap .section-tile{flex:1}.tile-edit{z-index:2;position:absolute;top:10px;right:10px}.tile-edit .title-edit-btn{background:var(--surface-soft);margin-left:0}.folder-no{background:var(--primary);color:#fff;border-radius:var(--r-sm);flex-shrink:0;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 7px;font-size:13px;font-weight:800;display:inline-flex}.order-grip{color:var(--text-muted);cursor:grab;opacity:.55;transition:opacity .15s var(--ease), color .15s var(--ease);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.order-grip:hover{opacity:1;color:var(--primary)}.order-grip:active{cursor:grabbing}.group-head[draggable=true]{cursor:grab}.group-head[draggable=true]:active{cursor:grabbing}.diagram-row .num,.pdf-item .num{min-width:44px}.group-card.drag-over{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary), var(--sh-md)}.process-item.drag-over{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary);transform:translateY(-1px)}.seg-toggle{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);width:100%;display:flex;overflow:hidden}.seg-toggle button{color:var(--text-secondary);cursor:pointer;transition:background .15s var(--ease), color .15s var(--ease);background:0 0;border:none;flex:1;padding:7px 10px;font-size:12.5px;font-weight:600}.seg-toggle button+button{border-left:1px solid var(--border)}.seg-toggle button:hover{background:var(--surface-soft)}.seg-toggle button.on{background:var(--primary);color:#fff}.panel-card{border-bottom:1px solid var(--border-soft)}.panel-card:last-child{border-bottom:none}.panel-card-head{cursor:pointer;text-align:left;width:100%;transition:background .15s var(--ease);background:0 0;border:none;align-items:center;gap:10px;padding:15px 20px;display:flex}.panel-card-head:hover{background:var(--bg-soft)}.panel-card-ic{border-radius:var(--r-xs);background:var(--primary-soft);width:26px;height:26px;color:var(--primary-dark);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.panel-card-head h3{letter-spacing:.13em;text-transform:uppercase;color:var(--text-secondary);flex:1;margin:0;font-size:11px;font-weight:700}.panel-card-head-right{align-items:center;gap:8px;display:inline-flex}.panel-card-chev{color:var(--text-muted);transition:transform .2s var(--ease);flex-shrink:0}.panel-card.open .panel-card-chev{transform:rotate(180deg)}.panel-card.open .panel-card-ic{background:var(--primary);color:#fff}.panel-card-body{padding:4px 20px 20px}.selected-card{background:var(--primary-soft);border-bottom:1px solid var(--border)}.selected-card .editor-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:700;display:flex}.selected-tag{letter-spacing:.08em;text-transform:uppercase;border-radius:var(--r-pill);background:var(--primary);color:#fff;margin-bottom:10px;padding:3px 9px;font-size:10px;font-weight:800;display:inline-block}.icon-picker{position:relative}.icon-picker-trigger{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-soft);width:100%;color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;padding:8px 11px;font-size:13px;transition:border-color .15s,background .15s;display:inline-flex}.icon-picker-trigger:hover{border-color:var(--primary-light)}.icon-picker-trigger .icon-picker-caret{color:var(--text-muted);margin-left:auto}.icon-picker-pop{z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-lg);width:280px;max-width:90vw;padding:10px;position:absolute;top:calc(100% + 6px);left:0;right:0}.icon-picker-search{margin-bottom:8px}.icon-picker-search input{border-radius:var(--r-sm);border:1px solid var(--border);width:100%;padding:8px 10px;font-size:13px}.icon-picker-grid{grid-template-columns:repeat(6,1fr);gap:4px;max-height:216px;display:grid;overflow-y:auto}.icon-picker-cell{aspect-ratio:1;border-radius:var(--r-xs);background:var(--surface-soft);color:var(--text-secondary);cursor:pointer;transition:all .12s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.icon-picker-cell:hover{background:var(--primary-soft);color:var(--primary-dark)}.icon-picker-cell.sel{background:var(--primary);color:#fff;border-color:var(--primary)}.icon-picker-empty{text-align:center;color:var(--text-muted);padding:22px 8px;font-size:12px}.color-field{margin-bottom:12px}.color-field>label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.color-row{align-items:center;gap:8px;display:flex}.color-swatch-btn{border-radius:var(--r-sm);border:1px solid var(--border);cursor:pointer;width:38px;height:34px;box-shadow:inset 0 0 0 2px var(--surface);background:repeating-conic-gradient(#e9eef2 0% 25%,#fff 0% 50%) 50%/12px 12px;flex-shrink:0;transition:border-color .15s,transform .1s;position:relative;overflow:hidden}.color-swatch-btn:hover{border-color:var(--primary-light)}.color-swatch-btn:active{transform:scale(.96)}.color-swatch-btn input[type=color]{cursor:pointer;opacity:0;background:0 0;border:none;width:calc(100% + 8px);height:calc(100% + 8px);padding:0;position:absolute;inset:-4px}.color-swatch-empty{background:linear-gradient(to top left, transparent calc(50% - 1px), var(--danger) 50%, transparent calc(50% + 1px));display:block;position:absolute;inset:0}.color-hex{text-transform:uppercase;flex:1;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px!important}.color-row .icon-btn.ghost{flex-shrink:0}.color-swatches{grid-template-columns:repeat(8,1fr);gap:6px;margin-top:8px;display:grid}.color-swatches .swatch{aspect-ratio:1;cursor:pointer;width:100%;transition:transform .1s var(--ease), box-shadow .12s;border:1px solid #00000014;border-radius:6px}.color-swatches .swatch:hover{box-shadow:var(--sh-md);transform:scale(1.12)}.color-swatches .swatch.on{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--primary)}.theme-all{margin-top:6px}.theme-panel{flex-direction:column;display:flex}.theme-card{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-soft);margin-bottom:10px;padding:12px 12px 4px}.theme-card-head{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:10px;font-size:12.5px;font-weight:700;display:flex}.theme-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:inset 0 0 0 1px #0000001f}.theme-all-card{background:var(--primary-soft);border-color:var(--primary-lighter)}.sec-editor{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-soft);margin-bottom:10px;padding:12px}.sec-editor.sec-fixed{background:var(--bg-soft);border-style:dashed}.sec-editor-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.sec-editor-head .sec-title{flex:1}.sec-editor-head .sec-actions{align-items:center;gap:2px;display:inline-flex}.sec-editor-row{margin-bottom:8px}.sec-editor-row:last-child,.sec-editor-row>.color-field{margin-bottom:0}.sec-editor .seg-toggle.sm button{padding:6px 10px;font-size:11.5px}.edge-summary{color:var(--text-secondary);background:var(--bg-soft);border-radius:var(--r-sm);border:1px solid var(--border-soft);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;padding:10px 12px;font-size:12.5px;display:flex}.chip{border-radius:var(--r-pill);background:var(--primary-soft);color:var(--primary-dark);align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.edge-group{transition:opacity .15s}.panel-add-row{align-items:center;gap:8px;margin-bottom:15px;display:flex}.editor-title{align-items:center;gap:8px;display:flex}.modal-node-title{color:var(--text-primary);border-bottom:1px solid var(--border-soft);align-items:center;gap:12px;margin-bottom:18px;padding-bottom:16px;font-size:16px;font-weight:800;display:flex}.modal-node-icon{border-radius:var(--r-md);background:var(--primary-soft);width:34px;height:34px;color:var(--primary-dark);flex-shrink:0;place-items:center;display:grid}.nm-import{margin-top:4px}.nm-import-div{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;margin:6px 0 12px;font-size:11px;display:flex}.nm-import-div:before,.nm-import-div:after{content:"";background:var(--border);flex:1;height:1px}.nm-import-btn{border-radius:var(--r-sm);background:var(--surface-soft);border:1px dashed var(--primary-light);width:100%;color:var(--primary-dark);cursor:pointer;transition:all .16s var(--ease);justify-content:center;align-items:center;gap:8px;padding:11px 14px;font-size:13px;font-weight:600;display:inline-flex}.nm-import-btn:hover:not(:disabled){background:var(--primary-soft);border-color:var(--primary)}.nm-import-btn:disabled{opacity:.6;cursor:default}.nm-import-tpl{cursor:pointer;width:100%;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:7px;font-size:12px;font-weight:600;display:inline-flex}.nm-import-tpl:hover:not(:disabled){color:var(--primary-dark)}.nm-import-hint{color:var(--text-muted);text-align:center;margin-top:8px;font-size:11.5px;line-height:1.5}.panel-card-body input:not([type=color]),.panel-card-body textarea,.panel-card-body select,.selected-card input:not([type=color]),.selected-card textarea,.selected-card select,.pill-dropdown input:not([type=color]),.pill-dropdown textarea,.pill-dropdown select{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-soft);width:100%;color:var(--text-primary);padding:9px 11px;font-family:inherit;font-size:13px;transition:border-color .15s,background .15s,box-shadow .15s}.panel-card-body input:not([type=color]):hover,.panel-card-body textarea:hover,.panel-card-body select:hover,.selected-card input:not([type=color]):hover,.selected-card textarea:hover,.selected-card select:hover,.pill-dropdown input:not([type=color]):hover,.pill-dropdown textarea:hover,.pill-dropdown select:hover{border-color:var(--primary-light)}.panel-card-body input:not([type=color]):focus,.panel-card-body textarea:focus,.panel-card-body select:focus,.selected-card input:not([type=color]):focus,.selected-card textarea:focus,.selected-card select:focus,.pill-dropdown input:not([type=color]):focus,.pill-dropdown textarea:focus,.pill-dropdown select:focus{border-color:var(--primary);background:var(--surface);box-shadow:var(--ring);outline:none}.panel-card-body textarea,.selected-card textarea,.pill-dropdown textarea{resize:vertical;line-height:1.45}.admin-panel,.panel-card,.panel-card-body,.selected-card,.pill-row,.pill-dropdown,.sec-editor,.sec-editor-head,.sec-editor-row,.field-row{min-width:0}.panel-card-body,.selected-card .panel-card-body{max-width:100%}.panel-card-body *,.pill-dropdown *{box-sizing:border-box}.sec-editor-head{flex-wrap:nowrap}.sec-editor-head .icon-picker{flex:none}.sec-editor-head .icon-picker-trigger{width:auto;padding:8px 9px}.sec-editor-head .sec-title{flex:auto;min-width:0}.sec-fixed{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:var(--r-pill);white-space:nowrap;flex:none;padding:3px 7px;font-size:10px;font-weight:700}.sec-actions{flex:none}.sec-actions .icon-btn.ghost{padding:5px}.sec-editor-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sec-editor-row .seg-toggle.sm{flex:none}.sec-editor-row .color-field{flex:120px;min-width:120px;margin-bottom:0}.field-row .icon-picker{flex:none}.field-row .icon-picker-trigger{width:auto;padding:8px 9px}.node .resize-handle{z-index:26;background:var(--surface);border:2px solid var(--primary);width:11px;height:11px;transition:transform .12s var(--ease);border-radius:3px;position:absolute;box-shadow:0 1px 3px #1c4b6459}.node .resize-handle:hover{background:var(--primary);transform:scale(1.25)}.node .resize-handle.nw{cursor:nwse-resize;top:0;left:0;transform:translate(-50%,-50%)}.node .resize-handle.se{cursor:nwse-resize;top:100%;left:100%;transform:translate(-50%,-50%)}.node .resize-handle.ne{cursor:nesw-resize;top:0;left:100%;transform:translate(-50%,-50%)}.node .resize-handle.sw{cursor:nesw-resize;top:100%;left:0;transform:translate(-50%,-50%)}.node .resize-handle.nw:hover,.node .resize-handle.se:hover,.node .resize-handle.ne:hover,.node .resize-handle.sw:hover{transform:translate(-50%,-50%)scale(1.25)}.node.resizing{box-shadow:var(--sh-lg);z-index:30;transition:none}.node-text-edit{z-index:4;resize:none;width:100%;min-height:1.4em;color:var(--text-primary);font:inherit;box-shadow:0 0 0 2px var(--primary);cursor:text;text-align:left;background:#fff;border:none;border-radius:5px;outline:none;flex:1;padding:3px 5px;font-size:12.5px;font-weight:500;line-height:1.38;position:relative}.node.svg-shape .node-text-edit{width:90%;margin:0 auto}.node.pill .node-text-edit{font-weight:600}.node.editing-text,.node .text{cursor:text}.edge-endpoint{fill:var(--surface);stroke:var(--edge-color,var(--primary));stroke-width:2.5px;transition:r .12s var(--ease), fill .12s var(--ease)}.edge-endpoint:hover{fill:var(--edge-color,var(--primary));r:9}.pill-row-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding:6px 18px 8px;font-size:10.5px;font-weight:800}.pill-row{flex-wrap:wrap;align-items:flex-start;gap:7px;padding:0 18px 10px;display:flex}.pill-wrap{display:inline-flex;position:relative}.pill-row .sel-empty-hint{padding:2px 0}.pill-tab{border-radius:var(--r-pill);border:1.5px solid var(--border);background:var(--surface-soft);color:var(--text-secondary);cursor:pointer;transition:all .15s var(--ease);white-space:nowrap;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.pill-tab:hover{border-color:var(--primary-light);color:var(--primary-dark);background:var(--primary-soft)}.pill-tab.open{background:var(--primary);border-color:var(--primary);color:#fff}.pill-tab .pill-tab-chev{transition:transform .18s var(--ease);opacity:.7}.pill-tab.open .pill-tab-chev{transform:rotate(180deg)}.pill-tab.action{background:var(--surface)}.pill-tab.action.danger{color:var(--danger);border-color:#dc26264d}.pill-tab.action.danger:hover{background:var(--danger-soft);border-color:var(--danger)}.pill-badge{background:#ffffff4d;border-radius:9px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:800;display:inline-flex}.pill-tab:not(.open) .pill-badge{background:var(--primary-soft);color:var(--primary-dark)}.pill-dropdown{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border-soft);width:380px;box-shadow:var(--sh-lg);max-height:calc(100vh - var(--topbar-h) - 120px);z-index:30;animation:pill-drop-in .14s var(--ease);padding:16px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.pill-dropdown.align-right{left:auto;right:0}@keyframes pill-drop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pill-dropdown .editor-title{margin-bottom:12px}.pill-dropdown-inner{max-width:100%;margin:0}.editor-sidebar{top:var(--topbar-h);width:min(400px,100vw - 20px);height:calc(100vh - var(--topbar-h));background:var(--surface);border-left:1px solid var(--border);z-index:60;animation:sidebar-slide-in .18s var(--ease);flex-direction:column;display:flex;position:fixed;right:0;box-shadow:-8px 0 28px #1c4b6424}@keyframes sidebar-slide-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.editor-sidebar-head{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.editor-sidebar-title{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.editor-sidebar-body{flex:1;padding:18px 16px;overflow:hidden auto}.editor-sidebar-body *{box-sizing:border-box}.editor-sidebar-body .color-swatches{grid-template-columns:repeat(8,1fr)}.editor-sidebar-body .editor-title{margin-bottom:12px}.editor-sidebar-body input:not([type=color]),.editor-sidebar-body textarea,.editor-sidebar-body select{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-soft);width:100%;color:var(--text-primary);padding:9px 11px;font-size:13px;transition:border-color .15s,background .15s,box-shadow .15s}.editor-sidebar-body input:not([type=color]):hover,.editor-sidebar-body textarea:hover,.editor-sidebar-body select:hover{border-color:var(--primary-light)}.editor-sidebar-body input:not([type=color]):focus,.editor-sidebar-body textarea:focus,.editor-sidebar-body select:focus{border-color:var(--primary);background:var(--surface);box-shadow:var(--ring);outline:none}.editor-sidebar-body textarea{resize:vertical;font-family:inherit;line-height:1.45}.editor-sidebar-body,.editor-sidebar-body *{box-sizing:border-box}.align-guide{z-index:40;pointer-events:none;background:#e0407f;position:absolute}.align-guide.v{width:1px;top:0;bottom:0}.align-guide.h{height:1px;left:0;right:0}.diagram-canvas.drop-active{outline:2px dashed var(--primary-light);outline-offset:-6px}.drop-ghost{z-index:45;pointer-events:none;opacity:.72;filter:drop-shadow(0 6px 14px #1c4b6440);width:120px;height:auto;position:absolute;transform:translate(-50%,-50%)}.marquee-box{z-index:46;pointer-events:none;border:1.5px solid var(--primary);background:#3a78941f;border-radius:3px;position:absolute}.node.multi-selected{outline:2px solid var(--primary);outline-offset:2px}.node.multi-selected.box-shape{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--primary);outline:none}.multi-menu{z-index:3000;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);width:214px;box-shadow:var(--sh-lg);animation:fade-in .12s var(--ease);padding:12px;position:fixed}.multi-menu-head{color:var(--text-primary);border-bottom:1px solid var(--border-soft);margin-bottom:8px;padding-bottom:8px;font-size:12px;font-weight:800}.multi-menu-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:8px 0 6px;font-size:10.5px;font-weight:700}.multi-menu-swatches{grid-template-columns:repeat(9,1fr);gap:4px;display:grid}.mm-swatch{aspect-ratio:1;cursor:pointer;border:1px solid #0000001a;border-radius:5px;width:100%;transition:transform .1s}.mm-swatch:hover{transform:scale(1.15)}.mm-swatch.mm-clear{background:linear-gradient(to top left, transparent calc(50% - 1px), var(--danger) 50%, transparent calc(50% + 1px)), var(--surface-soft)}.multi-menu-styles{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.mm-style{border-radius:var(--r-sm);background:var(--surface-soft);border:1px solid var(--border);color:var(--text-primary);transition:all .14s var(--ease);padding:7px 4px;font-size:11.5px;font-weight:700}.mm-style:hover{border-color:var(--primary);background:var(--surface)}.multi-menu-delete{border-radius:var(--r-sm);background:var(--danger-soft);width:100%;color:var(--danger);border:1px solid var(--danger-border);transition:all .14s var(--ease);margin-top:12px;padding:8px;font-size:12px;font-weight:700}.multi-menu-delete:hover{background:var(--danger);color:#fff}.archive-confirm{border-radius:var(--r-pill);animation:fade-in .14s var(--ease);align-items:center;gap:6px;padding:3px 6px;display:inline-flex}.archive-confirm-q{color:var(--warn-dark);padding-left:4px;font-size:12px;font-weight:700}.archive-confirm .action-btn.confirm-yes{background:var(--warn);border-color:var(--warn);color:#fff}.archive-confirm .action-btn.confirm-yes:hover{background:var(--warn-dark)}.archive-card .group-head{background:var(--bg-soft)}.archive-card .group-name{color:var(--text-secondary)}.archived-row{opacity:.9}.archived-row .num{color:var(--text-muted);background:0 0;justify-content:center;align-items:center;display:inline-flex}.sel-ctx-menu{z-index:120;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);width:230px;box-shadow:var(--sh-lg);animation:pill-drop-in .12s var(--ease);padding:4px;position:fixed;overflow:visible}.sel-ctx-header{border-bottom:1px solid var(--border-soft);letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;padding:7px 10px 8px;font-size:11px;font-weight:800;display:flex}.sel-ctx-close{border-radius:var(--r-xs);width:20px;height:20px;color:var(--text-secondary);background:0 0;justify-content:center;align-items:center;display:inline-flex}.sel-ctx-close:hover{background:var(--bg-soft);color:var(--danger)}.sel-ctx-list{flex-direction:column;gap:1px;display:flex}.sel-ctx-empty{color:var(--text-secondary);padding:10px;font-size:12.5px}.sel-ctx-item-wrap{position:relative}.sel-ctx-item{border-radius:var(--r-xs);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;transition:background .12s var(--ease);background:0 0;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.sel-ctx-item span{flex:1}.sel-ctx-item:hover{background:var(--primary-soft)}.sel-ctx-item.open{background:var(--primary);color:#fff}.sel-ctx-item.danger{color:var(--danger)}.sel-ctx-item.danger:hover{background:var(--danger-soft)}.sel-ctx-chevron{opacity:.55;flex:none}.sel-ctx-flyout{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-md);width:min(400px,100vw - 20px);box-shadow:var(--sh-lg);max-height:min(600px,100vh - 24px);animation:pill-drop-in .12s var(--ease);padding:16px;position:fixed;overflow:hidden auto}.sel-ctx-flyout *{box-sizing:border-box}.sel-ctx-flyout-inner{max-width:100%}.sel-ctx-flyout .color-swatches{grid-template-columns:repeat(8,1fr)}.sel-ctx-flyout .editor-title{margin-bottom:12px}.topbar.is-hidden{opacity:.5;pointer-events:none;transition:opacity .3s}.pill-chip.present-chip{color:var(--primary-dark);font-weight:700}.pill-chip.present-chip:hover{background:var(--primary-soft);color:var(--primary-darker)}.modal-backdrop.present{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;z-index:90;background:0 0}.modal-card.present-card{pointer-events:auto;box-shadow:0 0 0 1px var(--primary-light), var(--sh-lg)}.diagram-wrap.presenting .diagram-canvas{pointer-events:none}.diagram-wrap.presenting .node.dimmed{opacity:.28;filter:blur(1.5px);transition:opacity .35s}.diagram-wrap.presenting .node.dimmed.present-source{opacity:.5;filter:none}.diagram-wrap.presenting .node.selected{animation:present-pulse 1.7s var(--ease) infinite}@keyframes present-pulse{0%,to{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--primary), 0 14px 30px #1c4b6447}50%{box-shadow:0 0 0 3px var(--surface), 0 0 0 7px var(--primary), 0 16px 38px #1c4b645c}}.present-bar{z-index:120;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-lg);animation:pop-in .3s var(--ease);align-items:center;gap:6px;padding:8px 10px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.present-btn{border-radius:var(--r-pill);width:40px;height:40px;color:var(--text-secondary);transition:all .15s var(--ease);background:0 0;place-items:center;display:grid}.present-btn:hover:not(:disabled){background:var(--bg-soft);color:var(--text-primary)}.present-btn:disabled{opacity:.35;cursor:default}.present-btn.play{width:48px;height:48px;color:var(--text-on-primary);background:var(--primary)}.present-btn.play:hover{background:var(--primary-hover)}.present-btn.exit{color:var(--danger)}.present-btn.exit:hover{background:var(--danger-soft)}.present-count{text-align:center;min-width:78px;color:var(--text-secondary);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:1px;padding:0 6px;font-size:13px;font-weight:700;display:flex}.present-jump-btn{font:inherit;color:var(--text-primary);border-radius:var(--r-sm);cursor:pointer;font-variant-numeric:tabular-nums;min-width:22px;transition:background .15s var(--ease);background:0 0;border:none;padding:2px 6px;font-weight:700}.present-jump-btn:hover{background:var(--bg-soft)}.present-jump-input{width:46px;font:inherit;text-align:center;color:var(--text-primary);background:var(--surface);border:1.5px solid var(--primary);border-radius:var(--r-sm);font-variant-numeric:tabular-nums;-moz-appearance:textfield;outline:none;padding:2px 4px;font-weight:700}.present-jump-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.present-jump-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.present-count-total{color:var(--text-secondary);white-space:nowrap}.present-sep{background:var(--border);align-self:stretch;width:1px;margin:4px 2px}.present-btn.on{color:var(--primary);background:var(--primary-soft,#1c4b6414)}.present-speed{color:var(--text-secondary);align-items:center;gap:7px;padding:0 6px;display:flex}.present-speed input[type=range]{width:92px;accent-color:var(--primary);cursor:pointer}.present-speed-val{color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums;min-width:22px;font-size:12px;font-weight:700}.confirm-backdrop{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#14283457;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg,16px);width:min(420px,100%);box-shadow:var(--sh-lg);animation:pop-in .22s var(--ease);padding:22px 22px 18px}.confirm-title{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:800}.confirm-text{color:var(--text-secondary);margin:0 0 18px;font-size:13.5px;line-height:1.5}.confirm-text b{color:var(--text-primary);font-weight:700}.confirm-actions{justify-content:flex-end;gap:10px;display:flex}.confirm-btn{border-radius:var(--r-pill);transition:all .15s var(--ease);cursor:pointer;padding:9px 16px;font-size:13px;font-weight:700}.confirm-btn.ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.confirm-btn.ghost:hover{background:var(--bg-soft);color:var(--text-primary)}.confirm-btn.primary{background:var(--primary);color:var(--text-on-primary,#fff);border:1px solid var(--primary)}.confirm-btn.primary:hover{background:var(--primary-hover)}.edge-draw-anim{stroke-dasharray:1;stroke-dashoffset:1px;animation:edge-draw 1s var(--ease) forwards}@keyframes edge-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.edge-label-bg{fill:var(--surface);stroke-width:1px;opacity:.96}.edge-label-text{fill:var(--text-primary);-webkit-user-select:none;user-select:none;font-family:inherit;font-size:12px;font-weight:600}.edge-label-edit{z-index:40;text-align:center;min-width:90px;color:var(--text-primary);background:var(--surface);border:1.5px solid var(--primary);border-radius:var(--r-sm);box-shadow:var(--sh-md);outline:none;padding:4px 8px;font-size:12px;font-weight:600;position:absolute;transform:translate(-50%,-50%);width:fit-content!important}.sa-root{background:var(--bg);min-height:100vh;color:var(--text-primary);padding-bottom:60px}.sa-topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;justify-content:space-between;align-items:center;gap:16px;padding:14px 26px;display:flex;position:sticky;top:0}.sa-brand{flex:auto;align-items:center;gap:16px;min-width:0;display:flex}.sa-brand>div{min-width:0}.sa-title{color:var(--text-primary);white-space:nowrap;align-items:center;gap:7px;font-size:17px;font-weight:800;display:flex}.sa-sub{color:var(--text-muted);white-space:nowrap;font-size:12.5px}.sa-top-actions{flex:none;align-items:center;gap:12px;display:flex}.sa-badge{border-radius:var(--r-pill);padding:4px 10px;font-size:11px;font-weight:700}.sa-badge.ok{color:var(--success);background:#16a34a1f}.sa-badge.warn{background:var(--warn-soft);color:var(--warn-dark)}.sa-stats{grid-template-columns:repeat(4,1fr);gap:14px;width:100%;max-width:1200px;margin:0 auto;padding:22px 26px 6px;display:grid}.sa-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 20px}.sa-stat-val{align-items:center;gap:9px;font-size:28px;font-weight:800;line-height:1.1;display:flex}.sa-stat-label{color:var(--text-muted);margin-top:4px;font-size:12.5px}.sa-dot-live{background:var(--success);border-radius:50%;width:8px;height:8px;animation:1.8s infinite sa-pulse;display:inline-block;box-shadow:0 0 #16a34a80}@keyframes sa-pulse{0%{box-shadow:0 0 #16a34a73}70%{box-shadow:0 0 0 8px #16a34a00}to{box-shadow:0 0 #16a34a00}}.sa-tabs{flex-wrap:wrap;gap:8px;width:100%;max-width:1200px;margin:0 auto;padding:18px 26px 0;display:flex}.sa-tab{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;align-items:center;gap:7px;padding:9px 16px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.sa-tab:hover{border-color:var(--primary-light)}.sa-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.sa-main{width:100%;max-width:1200px;margin:0 auto;padding:20px 26px}.sa-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:22px}.sa-section-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.sa-section-head h3{align-items:center;gap:8px;margin:0;font-size:15.5px;display:flex}.sa-hint,.sa-event-role{color:var(--text-muted);font-size:12px}.sa-empty{text-align:center;color:var(--text-muted);padding:26px}.sa-people{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.sa-person{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-soft);flex-direction:column;padding:16px 18px;display:flex}.sa-person-top{align-items:center;gap:12px;display:flex}.sa-avatar{background:var(--primary);color:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:16px;font-weight:800;display:grid}.sa-person-id{flex:1;min-width:0}.sa-person-name{flex-wrap:wrap;align-items:center;gap:8px;font-size:14.5px;font-weight:700;line-height:1.35;display:flex}.sa-person-dept{color:var(--text-muted);margin-top:2px;font-size:12.5px}.sa-online-dot{background:var(--success);border-radius:50%;flex:none;width:9px;height:9px}.sa-person-activity{border-top:1px solid var(--border-soft);flex-direction:column;align-items:flex-start;gap:8px;margin-top:14px;padding-top:12px;font-size:13px;display:flex}.sa-act-view{background:var(--primary-soft);color:var(--primary-dark);border-radius:var(--r-pill);padding:3px 11px;font-size:12.5px;font-weight:600}.sa-act-target{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.55;display:-webkit-box;overflow:hidden}.sa-role-chip{border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.02em;padding:2px 8px;font-size:10.5px;font-weight:700}.sa-role-chip.admin{background:var(--primary-soft);color:var(--primary-dark)}.sa-role-chip.viewer{color:var(--text-secondary);background:#eef1f4}.sa-role-chip.superadmin{color:var(--warn-dark);background:#fde9c8}.sa-locks{flex-direction:column;gap:8px;display:flex}.sa-lock{border:1px solid var(--warn-border);background:var(--warn-soft);border-radius:var(--r-md);align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.sa-lock-owner{font-weight:700}.sa-lock-txt{color:var(--text-secondary)}.sa-lock-dept{color:var(--text-muted);margin-left:auto;font-size:12px}.sa-lock-time{color:var(--text-muted);font-size:12px}.sa-btn{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;align-items:center;gap:7px;padding:9px 15px;font-size:14px;font-weight:600;display:inline-flex}.sa-btn:hover{border-color:var(--primary-light)}.sa-btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.sa-btn.primary:hover{background:var(--primary-hover)}.sa-btn:disabled{opacity:.55;cursor:default}.sa-input{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);width:100%;color:var(--text-primary);padding:9px 12px;font-family:inherit;font-size:14px}.sa-input:focus{border-color:var(--primary);box-shadow:var(--ring);outline:none}.sa-input.sm{padding:6px 9px}.sa-err{border-radius:var(--r-md);background:var(--danger-soft);color:var(--danger);margin-top:10px;padding:9px 12px;font-size:13px}.sa-icon-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;place-items:center;padding:6px;display:inline-grid}.sa-icon-btn:hover{background:var(--primary-soft);color:var(--primary-dark)}.sa-icon-btn.danger:hover{background:var(--danger-soft);color:var(--danger)}.sa-addbar,.sa-userbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.sa-addbar .sa-input{flex:1;min-width:220px}.sa-userbar .sa-input{width:auto;min-width:170px}.sa-search{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);min-width:180px;color:var(--text-muted);flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.sa-search input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;padding:9px 0;font-family:inherit;font-size:14px}.sa-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.sa-dept-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-soft);align-items:center;gap:12px;padding:14px;display:flex}.sa-dept-icon{border-radius:var(--r-md);background:var(--primary-soft);width:40px;height:40px;color:var(--primary-dark);place-items:center;display:grid}.sa-dept-body{flex:1;min-width:0}.sa-dept-name{font-weight:700}.sa-dept-meta{color:var(--text-muted);margin-top:2px;font-size:12px}.sa-dept-actions{gap:2px;display:flex}.sa-inline-edit{align-items:center;gap:4px;display:flex}.sa-table{border-collapse:collapse;width:100%}.sa-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);padding:10px 12px;font-size:12px;font-weight:600}.sa-table td{border-bottom:1px solid var(--border-soft);vertical-align:middle;padding:14px 12px}.sa-table tbody tr:hover{background:var(--surface-soft)}.sa-table tr.muted{opacity:.55}.sa-u-name{font-weight:600}.sa-u-sub{color:var(--text-muted);font-size:12px}.sa-status{border-radius:var(--r-pill);padding:3px 9px;font-size:12px;font-weight:600}.sa-status.on{color:var(--success);background:#16a34a1f}.sa-status.off{color:var(--text-muted);background:#eef1f4}.sa-row-actions{justify-content:flex-end;gap:2px;display:flex}.sa-modal-overlay{z-index:60;background:#1c32405c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.sa-modal{background:var(--surface);border-radius:var(--r-xl);width:100%;max-width:460px;box-shadow:var(--sh-lg);overflow:hidden}.sa-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.sa-modal-head h3{margin:0;font-size:16px}.sa-form{flex-direction:column;gap:14px;padding:18px;display:flex}.sa-form label{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.sa-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sa-pw{border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-muted);align-items:center;gap:8px;padding:0 10px;display:flex}.sa-pw .sa-input{box-shadow:none;border:none;padding-left:0}.sa-modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.sa-feed{flex-direction:column;display:flex}.sa-event{border-bottom:1px solid var(--border-soft);gap:13px;padding:13px 4px;display:flex}.sa-event:hover{background:var(--surface-soft)}.sa-event-line{line-height:1.5}.sa-event-dot{background:var(--text-muted);border-radius:50%;flex:none;width:9px;height:9px;margin-top:6px}.sa-event.t-admin .sa-event-dot{background:var(--primary)}.sa-event.t-auth .sa-event-dot{background:var(--success)}.sa-event.t-user .sa-event-dot{background:var(--primary-light)}.sa-event.t-superadmin .sa-event-dot{background:var(--warn)}.sa-event-line{flex-wrap:wrap;align-items:baseline;gap:6px;font-size:14px;display:flex}.sa-event-action{color:var(--text-secondary)}.sa-event-target{color:var(--primary-dark);font-weight:600}.sa-event-meta{color:var(--text-muted);margin-top:2px;font-size:12px}.lock-banner{border:1px solid var(--warn-border);background:var(--warn-soft);color:var(--warn-dark);border-radius:var(--r-md);align-items:center;gap:10px;margin:10px 16px 0;padding:10px 14px;font-size:14px;display:flex}.lock-banner-icon{place-items:center;display:inline-grid}.lock-banner-text b{font-weight:800}@media (width<=720px){.sa-stats{grid-template-columns:repeat(2,1fr)}.sa-form-row{grid-template-columns:1fr}.sa-table thead{display:none}}