*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:DM Sans,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.italic{font-style:italic}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:#0e0e13;font-family:DM Sans,sans-serif}button,input,textarea,select{font:inherit}button{border:0}#stage{position:fixed;top:56px;right:0;bottom:0;left:0;overflow:hidden;cursor:grab;background:#0e0e13}#stage.panning{cursor:grabbing}#stage.placing{cursor:crosshair}#world{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}#svg-layer{position:absolute;top:0;left:0;overflow:visible}.nd{position:absolute;z-index:2;min-width:230px;max-width:255px;border:1.5px solid #2a2a38;border-radius:14px;background:#16161f;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:border-color .2s,box-shadow .2s,left .4s cubic-bezier(.16,1,.3,1),top .4s cubic-bezier(.16,1,.3,1)}.nd:hover{border-color:#3a3a52;box-shadow:0 8px 32px #0000007f}.nd.nd--root{border-color:#2a2a44}.nd.nd--sel{border-color:var(--acc, #4ade80)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--acc, #4ade80) 20%,transparent),0 8px 32px #0009}.nd-head{display:flex;align-items:center;gap:9px;padding:12px 13px 10px;cursor:pointer}.nd-ico{display:flex;width:28px;height:28px;flex-shrink:0;align-items:center;justify-content:center;border-radius:7px}.nd-title{flex:1;min-width:0;margin:0;color:#dde;font-family:Syne,sans-serif;font-size:12.5px;font-weight:600;line-height:1.3;overflow-wrap:break-word}.nd-chev{display:flex;width:16px;height:16px;flex-shrink:0;align-items:center;justify-content:center;margin:-2px;padding:0;color:#333;background:transparent;cursor:pointer;transition:transform .28s cubic-bezier(.16,1,.3,1),color .15s}.nd-head:hover .nd-chev{color:#666}.nd--collapsed .nd-chev,.orient-horizontal .nd .nd-chev{transform:rotate(-90deg)}.orient-horizontal .nd.nd--collapsed .nd-chev{transform:rotate(-180deg)}.nd-body{padding:0 13px 12px;border-top:1px solid #1c1c28}.nd-sub{margin-top:9px;margin-bottom:3px;color:#7a7a95;font-size:10.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.nd-text{color:#9898b8;font-size:12px;line-height:1.65}.nd-img{width:100%;max-height:100px;margin-top:7px;border-radius:7px;-o-object-fit:cover;object-fit:cover;opacity:.85}.nd-bar{display:flex;align-items:center;gap:5px;margin-top:9px;padding-top:9px;border-top:1px solid #1c1c28}.nd-cnt{flex:1;color:#666;font-size:11px}.ic-btn{display:flex;width:22px;height:22px;flex-shrink:0;align-items:center;justify-content:center;border-radius:5px;background:#1c1c28;cursor:pointer;transition:background .12s,color .12s}.ic-btn:hover{background:#222236}.ic-btn.muted{color:#555}.ic-btn.ok{color:#4ade80}.ic-btn.warn{color:#764}.conn{fill:none;stroke:#252535;stroke-width:1.5;pointer-events:none;transition:stroke .2s,stroke-width .2s}.conn.hot{stroke:#3a3a6a}.conn.sel{stroke:#5a5aaa;stroke-width:2.5}.conn-dot{fill:#252535;pointer-events:none;transition:fill .2s}.conn-dot.hot{fill:#4ade80}.conn-dot.sel{fill:#7878cc}#topbar{position:fixed;z-index:250;top:0;right:0;left:0;display:flex;height:56px;align-items:center;gap:0;padding:0 14px;border-bottom:1px solid #18181f;background:#0c0c12f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto}#topbar *{pointer-events:auto}.tb-action-group{display:flex;align-items:center;gap:8px}.tb-logo{margin-right:18px;color:#dde;font-family:Syne,sans-serif;font-size:16px;font-weight:700;letter-spacing:0}.tb-brand{display:flex;align-items:center;gap:6px;margin-right:18px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tb-brand-icon{height:26px;width:auto;display:block;-webkit-user-drag:none}.tb-brand-text{color:#dde;font-size:18px;font-weight:500;line-height:1}.tb-brand-text strong{color:#4ade80}body.light .tb-brand-text{color:#1a1a2e}body.light .tb-brand-text strong{color:#16a34a}.tb-logo span{color:#4ade80}.tb-sep{width:1px;height:22px;margin:0 8px;background:#1c1c28}.tb-btn{position:relative;z-index:1;display:flex;height:30px;align-items:center;gap:5px;padding:0 11px;border:1.5px solid #1c1c28;border-radius:7px;background:transparent;color:#999;cursor:pointer;font-size:11.5px;font-weight:500;line-height:1;white-space:nowrap;transition:all .12s}.tb-btn.icon-only{width:30px;justify-content:center;padding:0}.tb-btn:hover{border-color:#2a2a42;background:#111118;color:#bbb}.tb-btn:disabled{opacity:.35;cursor:not-allowed;background:transparent!important;border-color:#1c1c28!important;color:#999!important}.tb-btn.hi{border-color:#4ade80;background:#4ade80;color:#0a1a0a;font-weight:600}.tb-btn.hi:hover{border-color:#22c55e;background:#22c55e}.tb-zoom{display:flex;min-width:52px;height:30px;align-items:center;justify-content:center;padding:0 9px;border:1.5px solid #1c1c28;border-radius:7px;background:transparent;color:#777;font-size:11px}.tb-sp{flex:1}.tb-lang{display:flex;height:30px;align-items:center;gap:5px;padding:0 8px;border:1.5px solid #1c1c28;border-radius:7px;color:#999;white-space:nowrap}.tb-lang select{border:0;outline:0;background:transparent;color:inherit;cursor:pointer;font-size:11px;font-weight:600}.tb-lang option{color:#1a1a2e}.modal-bg{position:fixed;z-index:300;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{width:min(440px,calc(100vw - 28px));max-height:84vh;overflow-y:auto;padding:26px;border:1.5px solid #222232;border-radius:18px;background:#111118;box-shadow:0 32px 80px #000000b3}.modal h2{margin:0 0 3px;color:#dde;font-family:Syne,sans-serif;font-size:19px;font-weight:700}.m-sub{margin-bottom:20px;color:#666;font-size:11.5px}.fg{display:block;margin-bottom:14px}.f-lbl{display:block;margin-bottom:5px;color:#666;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.f-in{width:100%;padding:9px 11px;border:1.5px solid #1c1c28;border-radius:8px;outline:none;background:#0c0c14;color:#bbb;font-size:12.5px;transition:border-color .15s}.f-in:focus{border-color:#4ade80}.f-ta{min-height:68px;resize:vertical;line-height:1.6}.file-in{margin-top:7px;color:#666;font-size:11px}.cr{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.csw{width:26px;height:26px;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:transform .1s,border-color .1s}.csw:hover{transform:scale(1.1)}.csw.sel{border-color:#fff;transform:scale(1.15)}.ig{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-top:5px}.icb{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border:1.5px solid #1c1c28;border-radius:6px;background:transparent;cursor:pointer;transition:all .1s}.icb:hover,.icb.sel{border-color:#2a2a42;background:#181826}.m-actions{display:flex;gap:7px;margin-top:20px}.mb{flex:1;height:36px;border-radius:8px;cursor:pointer;font-size:12.5px;font-weight:500;transition:all .12s}.mb.ok{background:#4ade80;color:#0a1a0a;font-weight:600}.mb.ok:hover{background:#22c55e}.mb.cn{border:1.5px solid #1c1c28;background:#181826;color:#777}.mb.cn:hover{color:#aaa}.ip{width:100%;max-height:110px;margin-top:7px;border:1.5px solid #1c1c28;border-radius:7px;-o-object-fit:cover;object-fit:cover;opacity:.8}@keyframes ndIn{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}.nd-new{animation:ndIn .3s cubic-bezier(.16,1,.3,1) forwards}#pres{position:fixed;z-index:400;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#06060e}.pc{width:min(680px,90%);padding:48px;border:1.5px solid #222232;border-radius:20px;background:#111118}@keyframes pcIn{0%{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.pc-anim{animation:pcIn .4s cubic-bezier(.16,1,.3,1) forwards}.p-ico{display:flex;width:48px;height:48px;align-items:center;justify-content:center;margin-bottom:20px;border-radius:12px}.p-title{margin:0 0 7px;color:#dde;font-family:Syne,sans-serif;font-size:32px;font-weight:700;line-height:1.15}.p-sub{margin-bottom:18px;color:#777;font-size:13px}.p-text{color:#9898b8;font-size:15px;line-height:1.8}.p-img{width:100%;max-height:260px;margin:16px 0;border-radius:11px;-o-object-fit:cover;object-fit:cover}.p-branch-title{margin-top:18px;margin-bottom:7px;color:#555;font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.p-ch{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.p-pill{padding:5px 13px;border:1.5px solid #222232;border-radius:999px;background:#181826;color:#7878a0;cursor:pointer;font-size:11.5px;font-weight:500;transition:all .12s}.p-pill:hover{border-color:#2a2a42;background:#1e1e30;color:#bbb}.p-nav{display:flex;align-items:center;gap:12px;margin-top:32px}.pnb{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all .12s}.pnb.pr{background:#181826;color:#777}.pnb.pr:hover{background:#1e1e30;color:#bbb}.pnb.nx{background:#4ade80;color:#0a1a0a}.pnb.nx:hover{background:#22c55e}.p-dots{display:flex;gap:5px}.pd{width:5px;height:5px;border-radius:50%;background:#222232;transition:all .2s}.pd.on{width:16px;border-radius:3px;background:#4ade80}.p-path{position:fixed;top:18px;left:18px;display:flex;align-items:center;gap:5px;color:#666;font-size:11.5px}.p-path .cur{color:#4ade80}.p-cl{position:fixed;z-index:410;top:16px;right:16px;display:flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;background:#181826;color:#888;cursor:pointer;transition:all .12s}.p-cl>*{pointer-events:none}.p-cl:hover{background:#1e1e30;color:#aaa}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:2px;background:#1c1c28}.conn-lbl{position:absolute;z-index:1;display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:auto;transform:translate(-50%,-50%)}.ct-wrap{position:relative;display:inline-flex;align-items:center;gap:5px}.ct{max-width:180px;overflow:hidden;padding:2px 9px;border:1px solid #2a2a42;border-radius:6px;background:#16161f;box-shadow:0 2px 8px #0000004d;color:#9898b8;cursor:pointer;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap;transition:border-color .12s}.ct:hover{border-color:#4a4a6a}.ct-actions{display:flex;gap:3px;opacity:0;pointer-events:none;transition:opacity .12s}.ct-wrap:hover .ct-actions,.ct-actions:hover{opacity:1;pointer-events:auto}.ce-btn{display:flex;width:20px;height:20px;align-items:center;justify-content:center;border:1px solid #2a2a38;border-radius:5px;background:#1c1c28;color:#555;cursor:pointer;transition:background .12s,color .12s}.ce-btn:hover{background:#222236;color:#aaa}.ce-btn.del:hover{background:#2a1414;color:#f87171}.ce-form{display:flex;align-items:center;gap:3px;padding:4px 6px;border:1.5px solid #2a2a42;border-radius:8px;background:#111118;box-shadow:0 4px 16px #0000007f}.ce-in{width:110px;border:none;outline:none;background:transparent;color:#ccc;font-size:11.5px}.ce-ok,.ce-cn{display:flex;width:18px;height:18px;flex-shrink:0;align-items:center;justify-content:center;border-radius:4px;cursor:pointer}.ce-ok{background:#1e3a1e;color:#4ade80}.ce-ok:hover{background:#254825}.ce-cn{background:#1c1c28;color:#555}.ce-cn:hover{background:#222236;color:#888}.ce-ok.lg,.ce-cn.lg{width:24px;height:24px}.ci{position:absolute;z-index:3;cursor:grab}.ci.ci--sel>.ci-del,.ci:hover>.ci-del{display:flex}.ci-del{position:absolute;z-index:5;top:-8px;right:-8px;display:none;width:18px;height:18px;align-items:center;justify-content:center;padding:0;border-radius:50%;background:#f87171;color:#fff;cursor:pointer;line-height:1}.ci--sel{border-radius:6px;outline:1.5px dashed #4ade80;outline-offset:4px}.ci-text{min-width:60px;overflow-wrap:break-word;padding:2px;color:#1a1a2e;cursor:default;font-size:15px;line-height:1.65;white-space:pre-wrap}body:not(.light) .ci-text{color:#d0d0ea}.ci-img{display:block;max-width:none;width:auto;border-radius:9px;box-shadow:0 4px 18px #0000002e}body:not(.light) .ci-img{box-shadow:0 4px 18px #0000007f}.ci-missing{display:flex;width:96px;height:72px;align-items:center;justify-content:center;border:1.5px dashed #2a2a42;border-radius:8px;color:#777}.ci-ta{display:block;min-width:140px;min-height:44px;padding:6px 8px;border:1.5px dashed #4ade80;border-radius:6px;outline:none;background:#ffffff14;color:inherit;font-size:15px;line-height:1.65;resize:none}.ci-edit-actions{display:flex;justify-content:flex-end;gap:4px;margin-top:4px}.ci-rh{position:absolute;z-index:5;display:none;width:10px;height:10px;border-radius:2px;background:#4ade80}.ci-rh-br{right:-5px;bottom:-5px;cursor:nwse-resize}.ci-rh-tl{top:-5px;left:-5px;cursor:nwse-resize}.ci-rh-tr{top:-5px;right:-5px;cursor:nesw-resize}.ci-rh-bl{bottom:-5px;left:-5px;cursor:nesw-resize}.ci:hover .ci-rh,.ci--sel .ci-rh{display:block}.ci-toolbar{position:absolute;z-index:20;top:-8px;left:0;display:flex;align-items:center;gap:3px;padding:5px 7px;border:1.5px solid #2a2a3a;border-radius:9px;background:#111118;box-shadow:0 4px 20px #0000007f;cursor:default;pointer-events:auto;transform:translateY(-100%);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ci-tb-btn{display:flex;width:22px;height:22px;flex-shrink:0;align-items:center;justify-content:center;padding:0;border-radius:5px;background:transparent;color:#666;cursor:pointer;font-size:11px;transition:background .1s,color .1s}.ci-tb-btn:hover{background:#1e1e2e;color:#ccc}.ci-tb-btn.on{background:#1e3a1e;color:#4ade80}.ci-tb-sz{min-width:20px;color:#888;font-size:11px;text-align:center}.ci-tb-sep{width:1px;height:16px;flex-shrink:0;margin:0 2px;background:#2a2a3a}.ci-tb-sel{max-width:68px;height:22px;padding:2px 3px;border:1px solid #2a2a3a;border-radius:5px;outline:none;background:#0c0c14;color:#888;cursor:pointer;font-size:10.5px}.ci-tb-col{width:13px;height:13px;flex-shrink:0;border:1.5px solid transparent;border-radius:3px;cursor:pointer;transition:transform .1s,border-color .1s}.ci-tb-col:hover{transform:scale(1.25)}.ci-tb-col.on{border-color:#fff;transform:scale(1.15)}#sp-ov{position:fixed;z-index:10;top:56px;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .2s}.sp-range{accent-color:#4ade80;cursor:pointer;opacity:.9}#fab{position:fixed;z-index:150;right:24px;bottom:24px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.fab-group{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border:1.5px solid #2a2a3a;border-radius:16px;background:#12121ae0;box-shadow:0 8px 28px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.fab-btn{display:flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:10px;background:transparent;color:#666;cursor:pointer;transition:background .12s,color .12s}.fab-btn:hover{background:#1e1e2e;color:#bbb}.fab-btn.on{background:#4ade80;color:#0a1a0a}.fab-btn.pm{background:#f472b6;color:#fff}.fab-sep{width:22px;height:1px;background:#1c1c28}.fab-sp-ctrl{display:flex;align-items:center;gap:6px;padding:2px 4px}.fab-sp-ctrl input{width:72px}.fab-sp-val{min-width:28px;color:#555;font-size:9.5px;text-align:right}body.light,body.light #stage{background:#eeeef4}body.light #topbar{border-bottom-color:#dddde8;background:#fafafff7}body.light .tb-logo{color:#1a1a2e}body.light .tb-sep{background:#dddde8}body.light .tb-btn{border-color:#dddde8;color:#666}body.light .tb-btn:hover{border-color:#c5c5d5;background:#f4f4f8;color:#1a1a2e}body.light .tb-btn.hi{border-color:#4ade80;background:#4ade80;color:#0a1a0a}body.light .tb-btn.hi:hover{border-color:#22c55e;background:#22c55e}body.light .tb-zoom{border-color:#dddde8;color:#999}body.light .tb-lang{border-color:#dddde8;color:#666}body.light .nd{border-color:#dddde8;background:#fff}body.light .nd:hover{border-color:#c5c5d5;box-shadow:0 8px 32px #0000001a}body.light .nd.nd--root{border-color:#cccce0}body.light .nd-title{color:#1a1a2e}body.light .nd-chev{color:#ccc}body.light .nd-head:hover .nd-chev{color:#999}body.light .nd-body,body.light .nd-bar{border-top-color:#eeeef4}body.light .nd-sub{color:#999}body.light .nd-text{color:#6a6a8a}body.light .nd-cnt{color:#bbb}body.light .ic-btn{background:#f4f4fa}body.light .ic-btn:hover{background:#eaeaf2}body.light .conn{stroke:#d5d5e5}body.light .conn.hot{stroke:#9090b8}body.light .conn.sel{stroke:#7070c0;stroke-width:2.5}body.light .conn-dot{fill:#d5d5e5}body.light .conn-dot.sel{fill:#7070c0}body.light .modal-bg{background:#b4b4d27f}body.light .modal{border-color:#dddde8;background:#fff;box-shadow:0 32px 80px #0000001a}body.light .modal h2{color:#1a1a2e}body.light .m-sub,body.light .f-lbl{color:#999}body.light .f-in{border-color:#dddde8;background:#f4f4fa;color:#1a1a2e}body.light .f-in::-moz-placeholder{color:#bbb}body.light .f-in::placeholder{color:#bbb}body.light .mb.cn{border-color:#dddde8;background:#f4f4fa;color:#666}body.light .mb.cn:hover{color:#1a1a2e}body.light .icb{border-color:#dddde8}body.light .icb:hover,body.light .icb.sel{border-color:#c5c5d5;background:#f4f4fa}body.light #pres{background:#eeeef4}body.light .pc{border-color:#dddde8;background:#fff}body.light .p-path,body.light .p-cl{color:#bbb}body.light .p-cl{background:#f4f4fa}body.light .p-cl:hover{background:#eaeaf2;color:#666}body.light .p-title{color:#1a1a2e}body.light .p-sub{color:#999}body.light .p-text{color:#6a6a8a}body.light .p-pill{border-color:#dddde8;background:#f4f4fa;color:#6a6a8a}body.light .p-pill:hover{border-color:#c5c5d5;background:#eaeaf2;color:#333}body.light .pnb.pr{background:#f4f4fa;color:#999}body.light .pnb.pr:hover{background:#eaeaf2;color:#333}body.light .pd{background:#dddde8}body.light .ct{border-color:#dddde8;background:#fff;box-shadow:0 2px 6px #00000014;color:#6a6a8a}body.light .ct:hover{border-color:#b0b0cc}body.light .ce-btn{border-color:#dddde8;background:#f4f4fa;color:#aaa}body.light .ce-btn:hover{background:#eaeaf2;color:#555}body.light .ce-btn.del:hover{background:#fff0f0;color:#e53e3e}body.light .ce-form{border-color:#dddde8;background:#fff;box-shadow:0 4px 12px #00000014}body.light .ce-in{color:#1a1a2e}body.light .ce-ok{background:#e6fce6;color:#16a34a}body.light .ce-cn{background:#f4f4fa;color:#aaa}body.light .ci-ta{background:#ffffffe5;color:#1a1a2e}body.light .ci-toolbar{border-color:#dddde8;background:#fff;box-shadow:0 4px 16px #0000001a}body.light .ci-tb-btn:hover{background:#f0f0f8;color:#333}body.light .ci-tb-btn.on{background:#e6fce6;color:#16a34a}body.light .ci-tb-sz{color:#666}body.light .ci-tb-sep{background:#dddde8}body.light .ci-tb-sel{border-color:#dddde8;background:#f4f4fa;color:#555}body.light .ci-tb-col.on{border-color:#1a1a2e}body.light .sp-range{accent-color:#22c55e}body.light .fab-group{border-color:#dddde8;background:#ffffffeb;box-shadow:0 8px 24px #0000001a}body.light .fab-btn:hover{background:#f0f0f8;color:#333}body.light .fab-sep{background:#e8e8f0}body.light .fab-sp-val{color:#aaa}@media(max-width:880px){#topbar{overflow-x:auto;padding:0 10px}.tb-action-group{gap:6px}.tb-logo{margin-right:12px}.tb-label{display:none}.tb-btn{min-width:30px;justify-content:center;padding:0 9px}.tb-zoom{min-width:46px}}@media(max-width:640px){.modal{padding:20px}.pc{width:calc(100vw - 28px);padding:28px}.p-title{font-size:26px}#fab{right:14px;bottom:14px}}.dd{position:relative;display:inline-flex;font-family:DM Sans,sans-serif}.dd-trigger{display:flex;height:30px;min-width:80px;align-items:center;justify-content:space-between;gap:6px;padding:0 9px;border:1.5px solid #1c1c28;border-radius:7px;background:transparent;color:#bbb;cursor:pointer;font-size:11.5px;font-weight:500;line-height:1;white-space:nowrap;transition:border-color .12s,background .12s}.dd-trigger:hover{border-color:#2a2a42;background:#111118}.dd--open .dd-trigger{border-color:#4ade80}.dd-val{overflow:hidden;text-overflow:ellipsis}.dd-icon{display:inline-flex;align-items:center;font-size:13px;line-height:1}.dd-item-main{display:inline-flex;align-items:center;gap:8px}.dd-chev{flex-shrink:0;opacity:.7;transition:transform .15s}.dd--open .dd-chev{transform:rotate(180deg)}.dd-menu{position:absolute;z-index:300;top:calc(100% + 4px);left:0;min-width:100%;margin:0;padding:4px;border:1.5px solid #2a2a42;border-radius:9px;background:#16161f;box-shadow:0 8px 24px #0006;list-style:none}.dd-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:6px;color:#ccc;cursor:pointer;font-size:12px;white-space:nowrap}.dd-item:hover{background:#1f1f2e;color:#fff}.dd-item--sel{background:#4ade8022;color:#4ade80}.dd-check{flex-shrink:0;color:#4ade80}.dd--sm .dd-trigger{height:26px;min-width:60px;padding:0 7px;font-size:11px}body.light .dd-trigger{border-color:#d4d4dc;color:#555}body.light .dd-trigger:hover{border-color:#b8b8c8;background:#f4f4f8}body.light .dd--open .dd-trigger{border-color:#22c55e}body.light .dd-menu{border-color:#d4d4dc;background:#fff;box-shadow:0 8px 24px #0000001f}body.light .dd-item{color:#444}body.light .dd-item:hover{background:#f0f0f5;color:#111}body.light .dd-item--sel{background:#22c55e1a;color:#16a34a}.ip-overlay{position:fixed;z-index:500;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:60px;background:#08080eeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body.light .ip-overlay{background:#dcdce6eb}.ip-close{position:absolute;top:20px;right:20px;display:flex;width:40px;height:40px;align-items:center;justify-content:center;border:1.5px solid #2a2a42;border-radius:50%;background:#16161f;color:#ddd;cursor:pointer;transition:all .15s}.ip-close:hover{background:#1f1f2e;color:#fff}body.light .ip-close{border-color:#d4d4dc;background:#fff;color:#333}body.light .ip-close:hover{background:#f0f0f5}.ip-img{max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 20px 60px #00000080;-o-object-fit:contain;object-fit:contain}.ip-text{max-width:min(900px,90vw);max-height:90vh;overflow:auto;padding:60px 80px;border-radius:12px;background:#16161f;color:#eee;font-size:clamp(28px,5vw,56px);line-height:1.4;word-wrap:break-word}body.light .ip-text{background:#fff;color:#16161f;box-shadow:0 20px 60px #0000002e}.cf-bg{position:fixed;z-index:600;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:cfFadeIn .15s ease-out}.cf-modal{width:min(420px,100%);padding:22px;border:1.5px solid #2a2a42;border-radius:14px;background:#16161f;box-shadow:0 24px 60px #0000008c;animation:cfPopIn .18s cubic-bezier(.16,1,.3,1)}.cf-head{display:flex;align-items:center;gap:9px;margin-bottom:12px;color:#ddd}.cf-head--danger{color:#f87171}.cf-head h3{margin:0;color:#eee;font-family:Syne,sans-serif;font-size:16px;font-weight:600}.cf-msg{margin:0 0 22px;color:#aaa;font-size:13.5px;line-height:1.55}.cf-actions{display:flex;justify-content:flex-end;gap:8px}.cf-btn{height:34px;padding:0 16px;border:1.5px solid transparent;border-radius:8px;cursor:pointer;font-size:12.5px;font-weight:600;line-height:1;transition:all .12s}.cf-btn--ghost{border-color:#2a2a42;background:transparent;color:#aaa}.cf-btn--ghost:hover{border-color:#3a3a52;background:#1f1f2e;color:#ddd}.cf-btn--danger{background:#f87171;color:#1a0a0a}.cf-btn--danger:hover{background:#ef4444}.cf-btn--primary{background:#4ade80;color:#0a1a0a}.cf-btn--primary:hover{background:#22c55e}body.light .cf-bg{background:#28283c73}body.light .cf-modal{border-color:#dddde8;background:#fff;box-shadow:0 24px 60px #0000002e}body.light .cf-head h3{color:#1a1a2e}body.light .cf-msg{color:#555}body.light .cf-btn--ghost{border-color:#dddde8;color:#555}body.light .cf-btn--ghost:hover{border-color:#b8b8c8;background:#f0f0f5;color:#222}@keyframes cfFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cfPopIn{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.xconn{transition:stroke-width .12s ease}.xconn.sel{filter:drop-shadow(0 0 6px currentcolor)}.xconn-label{font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;pointer-events:none;paint-order:stroke;stroke:#0e0e13bf;stroke-width:3px;stroke-linejoin:round}body.light .xconn-label{stroke:#eeeef4e5}.nd--linking{cursor:crosshair!important;outline:1px dashed rgb(167 139 250 / 55%);outline-offset:4px}.nd--linking:hover{outline-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa38}.nd--link-anchor{outline:2px solid #a78bfa!important;box-shadow:0 0 0 4px #a78bfa47!important}.fab-hint{margin-top:6px;padding:6px 10px;border:1px solid #2a2a3a;border-radius:10px;background:#12121aeb;color:#c8c8e0;font-size:10.5px;text-align:center;white-space:nowrap;box-shadow:0 6px 18px #00000059}body.light .fab-hint{border-color:#d6d6e2;background:#fffffff5;color:#2a2a3a}.tb-btn--saved{border-color:#4ade807f!important;background:#4ade8029!important;color:#4ade80!important}.tb-btn--error{border-color:#f871717f!important;background:#f8717129!important;color:#f87171!important}body.light .tb-btn--saved{border-color:#22c55e8c!important;background:#22c55e24!important;color:#16a34a!important}body.light .tb-btn--error{border-color:#dc26268c!important;background:#dc262624!important;color:#dc2626!important}#zoomctrl{position:fixed;z-index:220;bottom:24px;left:24px;display:flex;align-items:center;padding:6px;border:1.5px solid #2a2a3a;border-radius:14px;background:#12121ae0;box-shadow:0 8px 28px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:4px}body.light #zoomctrl{border-color:#d6d6e2;background:#fffffff5;box-shadow:0 8px 24px #3c3c6424}.zc-btn{display:flex;height:30px;align-items:center;justify-content:center;padding:0 10px;border:none;border-radius:9px;background:transparent;color:#aaa;cursor:pointer;font-size:11px;font-weight:500;gap:6px;transition:background .12s,color .12s}.zc-btn.icon-only{width:30px;padding:0}.zc-btn:hover{background:#1e1e2e;color:#ddd}body.light .zc-btn{color:#555}body.light .zc-btn:hover{background:#f0f0f5;color:#1a1a2e}.zc-sep{width:1px;height:18px;margin:0 2px;background:#2a2a3a}body.light .zc-sep{background:#d6d6e2}.zc-zoom{min-width:38px;color:#888;font-size:10.5px;font-weight:500;text-align:center}body.light .zc-zoom{color:#555}.xlp{position:fixed;z-index:240;top:50%;right:18px;display:flex;width:250px;flex-direction:column;padding:14px;border:1px solid #2a2a3a;border-radius:16px;background:#12121af5;box-shadow:0 18px 44px #00000073;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#d4d4e4;gap:12px;transform:translateY(-50%)}body.light .xlp{border-color:#dcdce6;background:#fffffffa;box-shadow:0 18px 44px #3c3c642e;color:#1a1a2e}.xlp-head{display:flex;align-items:center;justify-content:space-between}.xlp-title{font-size:12px;font-weight:600;letter-spacing:.2px}.xlp-close{display:flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:8px;background:transparent;color:inherit;cursor:pointer;opacity:.7;transition:background .12s,opacity .12s}.xlp-close:hover{background:#1f1f2c;opacity:1}body.light .xlp-close:hover{background:#f0f0f5}.xlp-sec{display:flex;flex-direction:column;gap:6px}.xlp-lbl{font-size:10.5px;font-weight:600;letter-spacing:.4px;opacity:.75;text-transform:uppercase}.xlp-in{width:100%;padding:8px 10px;border:1px solid #2a2a3a;border-radius:9px;background:#14141d;color:inherit;font-family:inherit;font-size:12px;outline:none;transition:border-color .12s}.xlp-in:focus{border-color:#7878cc}body.light .xlp-in{border-color:#d6d6e2;background:#fafaff}.xlp-swatches{display:grid;grid-template-columns:repeat(9,1fr);gap:5px}.xlp-sw{width:100%;aspect-ratio:1 / 1;border:2px solid transparent;border-radius:7px;cursor:pointer;transition:transform .12s,border-color .12s}.xlp-sw:hover{transform:scale(1.08)}.xlp-sw.on{border-color:#fff;box-shadow:0 0 0 2px #7878cc}body.light .xlp-sw.on{border-color:#1a1a2e}.xlp-row{display:flex;gap:6px}.xlp-row--4 .xlp-tile{height:32px}.xlp-tile{display:flex;flex:1;height:36px;align-items:center;justify-content:center;border:1px solid #2a2a3a;border-radius:9px;background:#14141d;cursor:pointer;transition:background .12s,border-color .12s}.xlp-tile:hover{background:#1c1c28}.xlp-tile.on{border-color:#7878cc;background:#1f1f33}body.light .xlp-tile{border-color:#d6d6e2;background:#fafaff}body.light .xlp-tile:hover{background:#f0f0f8}body.light .xlp-tile.on{border-color:#7878cc;background:#ecebff}.xlp-del{display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid rgb(248 113 113 / 35%);border-radius:9px;background:#f871711f;color:#f87171;cursor:pointer;font-size:11.5px;font-weight:600;gap:6px;transition:background .12s}.xlp-del:hover{background:#f8717138}
