@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600&family=Inter:wght@400;500;600&display=swap";.react-flow{direction:ltr}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1px;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background:#1a192b;border:1px solid #fff;border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-top{top:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{top:50%;right:-4px;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{background:#ffffff80;margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{color:#222;text-align:center;background-color:#fff;border:1px solid #1a192b;border-radius:3px;width:150px;padding:10px;font-size:12px}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{box-sizing:content-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fefefe;border:none;border-bottom:1px solid #eee;justify-content:center;align-items:center;width:16px;height:16px;padding:5px;display:flex}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;width:4px;height:4px;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.admin,.admin[data-theme=sakura]{--bg:#faf5f8;--bg-sidebar:linear-gradient(180deg, #fff0f5 0%, #fce8f0 100%);--bg-surface:#fff;--bg-surface-2:#dc78aa0a;--bg-hover:#dc78aa0f;--border:#c88caa26;--border-light:#c88caa14;--text:#4a3548;--text-secondary:#8a6b80;--text-muted:#b89aaa;--text-heading:#3a2538;--accent:#e06898;--accent-2:#c06ad0;--accent-bg:#e068981a;--accent-text:#d05888;--btn-bg:#e068980f;--btn-border:#e068982e;--btn-hover:#e068981f;--primary-grad:linear-gradient(135deg, #e879a8, #c084fc);--primary-shadow:#e0689840;--code-bg:#c06ad014;--code-text:#a855c8;--modal-bg:#fff;--modal-shadow:#6432501f;--overlay:#3c1e3240;--ok-bg:#22c55e14;--ok-text:#16a34a;--ok-border:#22c55e33;--err-bg:#ef444414;--err-text:#dc2626;--err-border:#ef444433;--warn-bg:#eab30814;--warn-text:#ca8a04;--logo-icon:"❀";--switcher-bg:#e068980f}.admin[data-theme=moon]{--bg:#100b16;--bg-sidebar:linear-gradient(180deg, #16101f 0%, #110c18 100%);--bg-surface:#dca0ff08;--bg-surface-2:#dca0ff05;--bg-hover:#dca0ff0f;--border:#dca0ff14;--border-light:#dca0ff0a;--text:#d1d0db;--text-secondary:#7e6b8a;--text-muted:#5c4d66;--text-heading:#f0e6ff;--accent:#e879a8;--accent-2:#c084fc;--accent-bg:#e879a81f;--accent-text:#f0a8c8;--btn-bg:#dca0ff0d;--btn-border:#dca0ff1f;--btn-hover:#dca0ff1a;--primary-grad:linear-gradient(135deg, #e879a8, #c084fc);--primary-shadow:#e879a84d;--code-bg:#c084fc1f;--code-text:#d8b4fe;--modal-bg:#1a1428;--modal-shadow:#00000080;--overlay:#0009;--ok-bg:#86efac1f;--ok-text:#86efac;--ok-border:#86efac40;--err-bg:#fca5a51f;--err-text:#fca5a5;--err-border:#fca5a540;--warn-bg:#fde0471f;--warn-text:#fde047;--logo-icon:"🌙";--switcher-bg:#dca0ff0f}.admin[data-theme=ocean]{--bg:#f2f8fa;--bg-sidebar:linear-gradient(180deg, #e8f4f8 0%, #dff0f6 100%);--bg-surface:#fff;--bg-surface-2:#38bdd20a;--bg-hover:#38bdd20f;--border:#38a0c826;--border-light:#38a0c814;--text:#2a4a52;--text-secondary:#5a8a96;--text-muted:#8ab4c0;--text-heading:#1a3a42;--accent:#0ea5c0;--accent-2:#6366f1;--accent-bg:#0ea5c01a;--accent-text:#0891a8;--btn-bg:#0ea5c00f;--btn-border:#0ea5c02e;--btn-hover:#0ea5c01f;--primary-grad:linear-gradient(135deg, #22d3ee, #6366f1);--primary-shadow:#0ea5c040;--code-bg:#6366f114;--code-text:#4f46e5;--modal-bg:#fff;--modal-shadow:#1e50641f;--overlay:#14323c40;--ok-bg:#22c55e14;--ok-text:#16a34a;--ok-border:#22c55e33;--err-bg:#ef444414;--err-text:#dc2626;--err-border:#ef444433;--warn-bg:#eab30814;--warn-text:#ca8a04;--logo-icon:"🌊";--switcher-bg:#0ea5c00f}.admin[data-theme=matcha]{--bg:#f6f8f2;--bg-sidebar:linear-gradient(180deg, #eef4e6 0%, #e8f0de 100%);--bg-surface:#fff;--bg-surface-2:#78aa500a;--bg-hover:#78aa500f;--border:#78a05026;--border-light:#78a05014;--text:#3a4a2a;--text-secondary:#6a8a56;--text-muted:#9ab888;--text-heading:#2a3a1a;--accent:#65a30d;--accent-2:#ca8a04;--accent-bg:#65a30d1a;--accent-text:#4d7c0f;--btn-bg:#65a30d0f;--btn-border:#65a30d2e;--btn-hover:#65a30d1f;--primary-grad:linear-gradient(135deg, #84cc16, #65a30d);--primary-shadow:#65a30d40;--code-bg:#65a30d14;--code-text:#4d7c0f;--modal-bg:#fff;--modal-shadow:#32501e1f;--overlay:#1e281440;--ok-bg:#22c55e14;--ok-text:#16a34a;--ok-border:#22c55e33;--err-bg:#ef444414;--err-text:#dc2626;--err-border:#ef444433;--warn-bg:#eab30814;--warn-text:#ca8a04;--logo-icon:"🍵";--switcher-bg:#65a30d0f}.admin{background:var(--bg);height:100vh;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;transition:background .35s,color .35s;display:flex}.admin__sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:240px;transition:background .35s,border-color .35s;display:flex;overflow:hidden}.admin__logo{color:var(--text-heading);letter-spacing:.3px;align-items:center;gap:10px;padding:24px 24px 20px;font-size:15px;font-weight:700;display:flex}.admin__logo:before{content:var(--logo-icon);background:var(--primary-grad);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:inline-flex}.admin__nav{flex-direction:column;flex:1;gap:2px;padding:16px 12px;display:flex}.admin__nav-item{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:13.5px;font-weight:500;transition:all .2s;display:flex;position:relative}.admin__nav-item:hover{background:var(--bg-hover);color:var(--text)}.admin__nav-item--active{background:var(--accent-bg);color:var(--accent-text)}.admin__nav-item--active:before{content:"";background:var(--primary-grad);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.admin__nav-icon{text-align:center;flex-shrink:0;width:22px;font-size:16px}.admin__back{color:var(--text-muted);border-top:1px solid var(--border-light);padding:16px 24px;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.admin__back:hover{color:var(--text-secondary)}.admin__theme-switcher{border-top:1px solid var(--border-light);justify-content:center;gap:6px;padding:12px 16px;display:flex}.admin__theme-dot{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:12px;transition:all .2s;display:flex}.admin__theme-dot:hover{transform:scale(1.2)}.admin__theme-dot--active{border-color:var(--accent);box-shadow:0 0 8px var(--primary-shadow)}.admin__content{background:var(--bg);flex:1;padding:36px 44px;transition:background .35s;overflow-y:auto}.admin__content::-webkit-scrollbar{width:6px}.admin__content::-webkit-scrollbar-track{background:0 0}.admin__content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.admin__title{color:var(--text-heading);letter-spacing:-.3px;margin:0 0 28px;font-size:24px;font-weight:700}.admin__header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.admin__header .admin__title{margin:0}.admin__loading{height:200px;color:var(--text-muted);justify-content:center;align-items:center;font-size:14px;display:flex}.admin__empty{height:160px;color:var(--text-muted);background:var(--bg-surface-2);border:1px dashed var(--border);border-radius:14px;justify-content:center;align-items:center;font-size:14px;display:flex}.admin__cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}.admin__card{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:24px;transition:border-color .25s,transform .25s,background .35s}.admin__card:hover{border-color:var(--accent);transform:translateY(-1px)}.admin__card--ok{border-color:var(--ok-border)}.admin__card--err{border-color:var(--err-border)}.admin__card-value{color:var(--text-heading);letter-spacing:-.5px;font-size:32px;font-weight:800}.admin__card-label{color:var(--text-secondary);margin-top:6px;font-size:13px;font-weight:500}.admin__table-wrap{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;transition:background .35s,border-color .35s;overflow:hidden}.admin__table{border-collapse:collapse;width:100%;font-size:13.5px}.admin__table thead{background:var(--bg-surface-2)}.admin__table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border);padding:13px 16px;font-size:11.5px;font-weight:600}.admin__table td{border-bottom:1px solid var(--border-light);color:var(--text);padding:14px 16px}.admin__table tbody tr{transition:background .15s}.admin__table tbody tr:last-child td{border-bottom:none}.admin__table tbody tr:hover td{background:var(--bg-hover)}.admin__url{text-overflow:ellipsis;white-space:nowrap;max-width:240px;color:var(--text-secondary);font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;overflow:hidden}.admin__table code{background:var(--code-bg);color:var(--code-text);border-radius:6px;padding:3px 8px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px}.admin__btn{border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:10px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .2s}.admin__btn:hover{background:var(--btn-hover)}.admin__btn:active{transform:scale(.97)}.admin__btn--primary{background:var(--primary-grad);color:#fff;box-shadow:0 2px 12px var(--primary-shadow);border-color:#0000}.admin__btn--primary:hover{box-shadow:0 4px 18px var(--primary-shadow);filter:brightness(1.08)}.admin__btn--primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.admin__btn--danger{color:var(--err-text);border-color:var(--err-border)}.admin__btn--danger:hover{background:var(--err-bg)}.admin__btn--sm{border-radius:8px;padding:5px 12px;font-size:12px}.admin__actions{gap:6px;display:flex}.admin__modal-overlay{background:var(--overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;justify-content:center;align-items:center;animation:.2s adminFadeIn;display:flex;position:fixed;inset:0}@keyframes adminFadeIn{0%{opacity:0}to{opacity:1}}@keyframes adminSlideUp{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.admin__modal{background:var(--modal-bg);border:1px solid var(--border);width:500px;max-width:90vw;max-height:85vh;box-shadow:0 24px 64px var(--modal-shadow);border-radius:18px;padding:32px;animation:.25s adminSlideUp;overflow-y:auto}.admin__modal h2{color:var(--text-heading);letter-spacing:-.2px;margin:0 0 24px;font-size:18px;font-weight:700}.admin__modal p{color:var(--text-secondary);margin:0 0 16px;font-size:14px}.admin__modal label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;margin-bottom:16px;font-size:12.5px;font-weight:600;display:block}.admin__modal input[type=text],.admin__modal input[type=number],.admin__modal input[type=password],.admin__modal input:not([type]),.admin__modal select{background:var(--bg-surface-2);border:1px solid var(--border);width:100%;color:var(--text);box-sizing:border-box;appearance:none;border-radius:10px;margin-top:6px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s;display:block}.admin__modal select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238a7496' d='M3 4.5L6 8l3-3.5H3z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.admin__modal input:focus,.admin__modal select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.admin__modal-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.admin__checkbox{cursor:pointer;flex-direction:row;align-items:center;gap:10px;text-transform:none!important;color:var(--text)!important;letter-spacing:0!important;font-size:14px!important;font-weight:500!important;display:flex!important}.admin__checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;border-radius:4px;margin:0}.admin__modal-actions{border-top:1px solid var(--border-light);justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;display:flex}.admin__status{letter-spacing:.2px;border-radius:20px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.admin__status--ok{background:var(--ok-bg);color:var(--ok-text)}.admin__status--err{background:var(--err-bg);color:var(--err-text)}.admin__status--pending{background:var(--warn-bg);color:var(--warn-text)}.admin__prompt-cell{text-overflow:ellipsis;white-space:nowrap;max-width:240px;color:var(--text-secondary);font-size:13px;overflow:hidden}.admin__error-text{color:var(--err-text);font-size:12px}.admin__link{color:var(--accent);font-size:12px;font-weight:500;text-decoration:none;transition:color .15s}.admin__link:hover{color:var(--accent-2);text-decoration:underline}.admin__theme-switcher{background:var(--switcher-bg);border-radius:10px;gap:4px;margin:0 8px;padding:10px 16px;display:flex}.admin__theme-btn{cursor:pointer;opacity:.5;background:0 0;border:2px solid #0000;border-radius:8px;flex:1;padding:6px 0;font-size:15px;line-height:1;transition:all .2s}.admin__theme-btn:hover{opacity:.8;background:var(--bg-hover)}.admin__theme-btn--active{opacity:1;border-color:var(--accent);background:var(--bg-surface);box-shadow:0 1px 6px var(--primary-shadow)}.admin__config-list{flex-direction:column;gap:16px;max-width:560px;display:flex}.admin__config-item{flex-direction:column;gap:4px;display:flex}.admin__config-label{color:var(--text-secondary);font-size:13px;font-weight:500}.admin__config-input{border:1px solid var(--border);background:var(--bg-surface);color:var(--text);border-radius:8px;padding:8px 12px;font-family:SF Mono,Fira Code,monospace;font-size:14px;transition:border-color .2s}.admin__config-input:focus{border-color:var(--accent);outline:none}.admin__msg{background:var(--ok-bg);color:var(--ok-text);border-radius:8px;margin-bottom:16px;padding:8px 14px;font-size:13px}:root{--bg:#faf8ff;--bg-secondary:#f3eeff;--surface:#ffffffd1;--surface-hover:#f3eeffeb;--surface-active:#ebe5ff;--text:#1a1025;--text-secondary:#6b5f7d;--text-tertiary:#9b8fb5;--border:#8b5cf61f;--border-strong:#8b5cf640;--primary:#8b5cf6;--primary-light:#a78bfa;--primary-dark:#6d28d9;--gradient:linear-gradient(135deg, #8b5cf6, #6366f1, #3b82f6);--gradient-pink:linear-gradient(135deg, #f472b6, #a855f7);--gradient-cyan:linear-gradient(135deg, #22d3ee, #6366f1);--accent-pink:#f472b6;--accent-cyan:#22d3ee;--accent-green:#34d399;--accent-amber:#fbbf24;--accent-red:#f87171;--blur:blur(20px);--glow:0 0 20px #8b5cf61f;--glow-strong:0 0 32px #8b5cf640;--shadow:0 4px 24px #8b5cf60f;--shadow-hover:0 8px 32px #8b5cf61f;--topbar-h:56px;--nav-w:56px;--panel-w:300px;--radius:16px;--radius-lg:24px;--radius-pill:9999px;--ease:cubic-bezier(.4, 0, .2, 1);--duration:.25s;--canvas-bg:#f8f6ff;--canvas-dots:#8b5cf61f;--wf-bg:#f8f5ff;--wf-title-bg:#ede8f8;--wf-input-bg:#fff;--wf-text:#3d3455;--wf-text-secondary:#6b5f7d;--wf-text-tertiary:#9b8fb5;--wf-border:#8b5cf626;--wf-border-subtle:#8b5cf614;--wf-shadow:0 2px 8px #8b5cf61a}.app--dark{--bg:#0f0a1a;--bg-secondary:#1a1028;--surface:#19122dc7;--surface-hover:#23193cd9;--surface-active:#2d204be6;--text:#e8e0f0;--text-secondary:#9b8fb5;--text-tertiary:#6b5f7d;--border:#8b5cf633;--border-strong:#8b5cf666;--glow:0 0 24px #8b5cf633;--glow-strong:0 0 40px #8b5cf673;--shadow:0 4px 24px #0000004d;--shadow-hover:0 8px 32px #8b5cf640;--canvas-bg:#0d0818;--canvas-dots:#8b5cf62e;--wf-bg:#1e1a2e;--wf-title-bg:#2d2545;--wf-input-bg:#0f0b1e;--wf-text:#c8c2de;--wf-text-secondary:#a09abc;--wf-text-tertiary:#7d7498;--wf-border:#8b5cf626;--wf-border-subtle:#8b5cf614;--wf-shadow:0 2px 8px #0000004d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Noto Sans SC,Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}.app{background:var(--bg);width:100%;height:100%;color:var(--text);flex-direction:column;display:flex;overflow:hidden}.app__body{flex:1;min-height:0;display:flex;position:relative}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);z-index:20;flex-shrink:0;align-items:center;gap:12px;padding:0 16px;display:flex}.topbar__left{flex-shrink:0;align-items:center;gap:10px;display:flex}.topbar__logo{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700;line-height:1}.topbar__title{color:var(--text);white-space:nowrap;font-size:15px;font-weight:600}.topbar__center{flex:1;justify-content:center;align-items:center;gap:12px;min-width:0;display:flex}.topbar__project-input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);text-align:center;width:200px;transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);outline:none;padding:6px 14px;font-size:13px}.topbar__project-input:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px #8b5cf61a}.topbar__status{color:var(--text-tertiary);white-space:nowrap;background:var(--bg-secondary);border-radius:var(--radius-pill);padding:4px 10px;font-size:12px}.topbar__right{flex-shrink:0;align-items:center;gap:4px;display:flex}.topbar__btn{border-radius:var(--radius);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;display:flex}.topbar__btn:hover{background:var(--surface-hover);color:var(--primary)}.topbar__credits{color:var(--text-secondary);border-radius:var(--radius);background:var(--surface-hover);white-space:nowrap;padding:4px 10px;font-size:13px}.topbar__user{position:relative}.topbar__user-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;overflow:hidden}.topbar__user-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.topbar__user-avatar--placeholder{background:var(--primary);color:#fff;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.topbar__user-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:100;min-width:180px;padding:6px 0;animation:.12s fadeIn;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000040}.topbar__user-menu-header{flex-direction:column;gap:2px;padding:8px 14px;display:flex}.topbar__user-menu-name{color:var(--text);font-size:14px;font-weight:600}.topbar__user-menu-username{color:var(--text-tertiary);font-size:12px}.topbar__user-menu-divider{background:var(--border);height:1px;margin:4px 0}.topbar__user-menu-item{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);background:0 0;border:none;padding:8px 14px;font-size:13px;display:block}.topbar__user-menu-item:hover{background:var(--surface-hover);color:var(--text)}.topbar__user-menu-item--danger{color:var(--accent-red)}.topbar__user-menu-item--danger:hover{color:var(--accent-red);background:#ef44441a}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.profile-modal__overlay{z-index:9000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.profile-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:16px;width:380px;padding:24px;display:flex;box-shadow:0 12px 40px #0000004d}.profile-modal__header{justify-content:space-between;align-items:center;display:flex}.profile-modal__header h3{color:var(--text);margin:0;font-size:16px;font-weight:600}.profile-modal__close{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;padding:4px;font-size:16px}.profile-modal__close:hover{background:var(--surface-hover)}.profile-modal__avatar-section{justify-content:center;display:flex}.profile-modal__avatar{cursor:pointer;border:2px solid var(--border);border-radius:50%;width:72px;height:72px;position:relative;overflow:hidden}.profile-modal__avatar img{object-fit:cover;width:100%;height:100%}.profile-modal__avatar-placeholder{background:var(--bg-secondary);justify-content:center;align-items:center;width:100%;height:100%;font-size:32px;display:flex}.profile-modal__avatar-overlay{color:#fff;opacity:0;background:#00000080;justify-content:center;align-items:center;font-size:12px;transition:opacity .15s;display:flex;position:absolute;inset:0}.profile-modal__avatar:hover .profile-modal__avatar-overlay{opacity:1}.profile-modal__field{flex-direction:column;gap:4px;display:flex}.profile-modal__field span{color:var(--text-secondary);font-size:13px}.profile-modal__field input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);transition:border-color var(--duration) var(--ease);outline:none;padding:8px 12px;font-size:14px}.profile-modal__field input:focus{border-color:var(--primary)}.profile-modal__error{color:var(--accent-red);text-align:center;font-size:13px}.profile-modal__success{color:var(--accent-green,#22c55e);text-align:center;font-size:13px}.profile-modal__actions{justify-content:flex-end;gap:8px;display:flex}.profile-modal__btn{border-radius:var(--radius);cursor:pointer;transition:opacity var(--duration) var(--ease);border:none;padding:8px 18px;font-size:13px}.profile-modal__btn:disabled{opacity:.5;cursor:not-allowed}.profile-modal__btn--cancel{background:var(--surface-hover);color:var(--text-secondary)}.profile-modal__btn--save{background:var(--gradient);color:#fff;font-weight:500}.icon-nav{width:var(--nav-w);background:var(--surface);border-right:1px solid var(--border);z-index:15;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;padding:12px 0;display:flex}.icon-nav__item{width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;font-size:18px;display:flex;position:relative}.icon-nav__item:hover{background:var(--surface-hover);color:var(--primary);box-shadow:var(--glow)}.icon-nav__item--active{background:var(--bg-secondary);color:var(--primary);box-shadow:var(--glow)}.icon-nav__item--active:before{content:"";border-radius:var(--radius-pill);background:var(--gradient);width:3px;height:20px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.canvas-area{flex:1;min-width:0;position:relative}.floating-panel-backdrop{z-index:9;position:absolute;inset:0}.floating-panel{left:var(--nav-w);width:var(--panel-w);background:var(--surface);border-right:1px solid var(--border);z-index:10;box-shadow:var(--shadow-hover);animation:panel-in var(--duration) var(--ease);flex-direction:column;display:flex;position:absolute;top:0;bottom:0}.floating-panel__header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 18px 12px;display:flex}.floating-panel__header h2{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:600}.floating-panel__close{width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:flex}.floating-panel__close:hover{background:var(--surface-hover);color:var(--accent-red)}.floating-panel__body{flex-direction:column;flex:1;gap:12px;padding:14px 18px;display:flex;overflow-y:auto}.panel-search__input-wrap{position:relative}.panel-search__input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);width:100%;color:var(--text);transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);outline:none;padding:10px 14px 10px 36px;font-size:13px}.panel-search__input:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px #8b5cf61a}.panel-search__icon{color:var(--text-tertiary);pointer-events:none;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.panel-search__nav{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.panel-search__nav button{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);padding:4px 10px;font-size:12px}.panel-search__nav button:hover{background:var(--surface-hover);color:var(--primary);border-color:var(--primary-light)}.panel-search__results{flex-direction:column;gap:6px;display:flex}.panel-search__result{background:var(--bg-secondary);cursor:pointer;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);border:1px solid #0000;border-radius:12px;padding:8px 12px;font-size:13px}.panel-search__result:hover{background:var(--surface-hover);border-color:var(--border)}.panel-search__result--active{border-color:var(--primary-light);box-shadow:var(--glow)}.panel-templates{flex-direction:column;gap:6px;display:flex}.panel-templates__item{border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text);cursor:pointer;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.panel-templates__item:hover{background:var(--surface-hover);border-color:var(--border-strong);box-shadow:var(--glow);transform:translateY(-1px)}.panel-templates__dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.panel-stats__grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.panel-stats__card{background:var(--bg-secondary);border:1px solid var(--border);text-align:center;border-radius:14px;padding:12px}.panel-stats__card strong{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700;display:block}.panel-stats__card span{color:var(--text-tertiary);font-size:11px}.panel-stats__section h3{color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:600}.panel-stats__tags{flex-wrap:wrap;gap:6px;display:flex}.panel-stats__tag{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex}.panel-stats__tag:hover{border-color:var(--primary-light);color:var(--primary)}.panel-stats__tag span{opacity:.6;font-size:10px}.panel-versions__item{background:var(--bg-secondary);border:1px solid var(--border);transition:background var(--duration) var(--ease), color var(--duration) var(--ease);border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.panel-versions__item:hover{border-color:var(--border-strong)}.panel-versions__info{min-width:0}.panel-versions__info strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;display:block;overflow:hidden}.panel-versions__info span{color:var(--text-tertiary);font-size:11px}.panel-versions__actions{flex-shrink:0;gap:4px;display:flex}.panel-versions__actions button{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);background:0 0;border-radius:8px;padding:4px 8px;font-size:11px}.panel-versions__actions button:hover{background:var(--surface-hover);color:var(--primary);border-color:var(--primary-light)}.panel-versions__actions button:last-child:hover{color:var(--accent-red);border-color:var(--accent-red)}.panel-projects__name-input{border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text);transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);border-radius:12px;outline:none;padding:8px 12px;font-size:13px}.panel-projects__name-input:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px #8b5cf61a}.panel-projects__save-btn{background:var(--gradient);color:#fff;cursor:pointer;width:100%;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);border:none;border-radius:14px;padding:10px;font-size:13px;font-weight:600}.panel-projects__save-btn:hover{box-shadow:var(--glow-strong);transform:translateY(-1px)}.panel-projects__item{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.panel-projects__item:hover{border-color:var(--border-strong);box-shadow:var(--glow)}.panel-projects__item-info{min-width:0}.panel-projects__item-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;display:block;overflow:hidden}.panel-projects__item-info span{color:var(--text-tertiary);font-size:11px}.panel-projects__item-del{border:1px solid var(--border);color:var(--text-tertiary);cursor:pointer;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);background:0 0;border-radius:8px;padding:4px 8px;font-size:11px}.panel-projects__item-del:hover{color:var(--accent-red);border-color:var(--accent-red)}.panel-settings__row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.panel-settings__row label{color:var(--text-secondary);font-size:13px}.panel-settings__row select,.panel-settings__row input[type=number]{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text);transition:border-color var(--duration) var(--ease);border-radius:10px;outline:none;padding:6px 10px;font-size:12px}.panel-settings__row select:focus,.panel-settings__row input[type=number]:focus{border-color:var(--primary-light)}.panel-settings__toggle{border-radius:var(--radius-pill);background:var(--border-strong);cursor:pointer;width:40px;height:22px;transition:background var(--duration) var(--ease);border:none;position:relative}.panel-settings__toggle--on{background:var(--primary);box-shadow:0 0 12px #8b5cf64d}.panel-settings__toggle:after{content:"";width:18px;height:18px;transition:transform var(--duration) var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.panel-settings__toggle--on:after{transform:translate(18px)}.panel-inspector__colors{flex-wrap:wrap;gap:6px;display:flex}.panel-inspector__color{cursor:pointer;width:28px;height:28px;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);border:2px solid #0000;border-radius:50%}.panel-inspector__color:hover{box-shadow:var(--glow);transform:scale(1.15)}.panel-inspector__color--active{border-color:var(--text);box-shadow:var(--glow-strong)}.panel-inspector__input{border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text);transition:border-color var(--duration) var(--ease);border-radius:12px;outline:none;padding:8px 12px;font-size:13px}.panel-inspector__input:focus{border-color:var(--primary-light)}.panel-inspector__detail-btn{border:1px solid var(--border);width:100%;color:var(--primary);cursor:pointer;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);background:0 0;border-radius:12px;padding:8px;font-size:13px;font-weight:500}.panel-inspector__detail-btn:hover{background:var(--bg-secondary);box-shadow:var(--glow)}.panel-search__count{color:var(--text-tertiary);white-space:nowrap;font-size:12px}.panel-search__result-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:8px;display:inline-block}.panel-stats__section{margin-top:12px}.panel-stats__colors{flex-wrap:wrap;gap:10px;display:flex}.panel-stats__colors>div{color:var(--text-secondary);align-items:center;gap:4px;font-size:12px;display:flex}.panel-stats__color-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.panel-versions__create{border:1px dashed var(--border-strong);width:100%;color:var(--primary);cursor:pointer;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);background:0 0;border-radius:14px;padding:10px;font-family:inherit;font-size:13px;font-weight:500}.panel-versions__create:hover{background:var(--bg-secondary);border-color:var(--primary-light);box-shadow:var(--glow)}.panel-versions__empty,.panel-projects__empty,.panel-inspector__empty{color:var(--text-tertiary);text-align:center;padding:16px 0;font-size:13px}.panel-versions__list,.panel-projects__list{flex-direction:column;gap:6px;display:flex}.panel-projects__save{flex-direction:column;gap:8px;display:flex}.panel-inspector__count{color:var(--text-secondary);margin-bottom:8px;font-size:13px}.panel-settings__shortcuts{border:1px solid var(--border);width:100%;color:var(--primary);cursor:pointer;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);background:0 0;border-radius:14px;margin-top:8px;padding:10px;font-family:inherit;font-size:13px;font-weight:500}.panel-settings__shortcuts:hover{background:var(--bg-secondary);box-shadow:var(--glow)}.panel-projects__actions{flex-shrink:0;gap:4px;display:flex}.panel-projects__actions button{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);background:0 0;border-radius:8px;padding:4px 8px;font-family:inherit;font-size:11px}.panel-projects__actions button:hover{background:var(--surface-hover);color:var(--primary);border-color:var(--primary-light)}.panel-projects__item--active{border-color:var(--primary-light);box-shadow:var(--glow)}.floating-toolbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-hover);z-index:10;animation:float-up .4s var(--ease);align-items:center;gap:4px;padding:6px 10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.floating-toolbar__btn{border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);background:0 0;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:flex}.floating-toolbar__btn:hover{background:var(--surface-hover);color:var(--primary)}.floating-toolbar__btn--primary{background:var(--gradient);color:#fff}.floating-toolbar__btn--primary:hover{box-shadow:var(--glow-strong);color:#fff;transform:translateY(-1px)}.floating-toolbar__divider{background:var(--border);width:1px;height:24px;margin:0 4px}.floating-toolbar__more{position:relative}.floating-toolbar__dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:180px;box-shadow:var(--shadow-hover);animation:panel-in var(--duration) var(--ease);padding:6px;position:absolute;bottom:calc(100% + 8px);right:0}.floating-toolbar__dropdown button{width:100%;color:var(--text);text-align:left;cursor:pointer;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);background:0 0;border:none;border-radius:10px;padding:8px 12px;font-size:13px;display:block}.floating-toolbar__dropdown button:hover{background:var(--surface-hover);color:var(--primary)}.ai-node{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius-lg);min-width:280px;max-width:340px;box-shadow:var(--shadow);transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);will-change:transform;padding:18px;position:relative}.ai-node:hover{box-shadow:var(--shadow-hover), var(--glow);border-color:var(--border-strong)}.ai-node .react-flow__handle{background:var(--primary);border:2px solid var(--surface-active);width:10px;height:10px;transition:background var(--duration) var(--ease), box-shadow var(--duration) var(--ease);border-radius:50%}.ai-node .react-flow__handle:hover{background:var(--accent-pink);box-shadow:0 0 10px var(--accent-pink);transform:scale(1.3)}.ai-node__title{width:100%;color:var(--text);border:none;border-bottom:1px solid var(--border);background:0 0;outline:none;margin-bottom:10px;padding:0 0 8px;font-family:inherit;font-size:15px;font-weight:600}.ai-node__title::placeholder{color:var(--text-tertiary)}.ai-node textarea{resize:vertical;border:1px solid var(--border);background:var(--bg-secondary);width:100%;min-height:60px;color:var(--text);transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);border-radius:12px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.5}.ai-node textarea:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px #8b5cf61a}.ai-node textarea::placeholder{color:var(--text-tertiary)}.ai-node button{border-radius:var(--radius-pill);background:var(--gradient);color:#fff;cursor:pointer;width:100%;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);border:none;margin-top:10px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600}.ai-node button:hover:not(:disabled){box-shadow:var(--glow-strong);transform:translateY(-1px)}.ai-node button:disabled{opacity:.5;cursor:not-allowed}.ai-node__result,.ai-node__error{white-space:pre-wrap;border-radius:12px;margin-top:10px;padding:10px 12px;font-size:13px;line-height:1.6}.ai-node__result{color:var(--accent-green);background:#34d3991a;border:1px solid #34d39933}.app--dark .ai-node__result{color:#6ee7b7}.ai-node__error{color:var(--accent-red);background:#f871711a;border:1px solid #f8717133}.group-node{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);min-width:100%;min-height:100%;transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);will-change:transform;background:#8b5cf60a;padding:20px;position:relative}.app--dark .group-node{background:#8b5cf60f}.group-node:hover{border-color:var(--primary-light);box-shadow:var(--glow)}.group-node__title{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:14px;font-weight:600}.group-node__title::placeholder{color:var(--text-tertiary)}.group-node__tags,.group-node__note{margin-top:6px}.group-node__hint{color:var(--text-tertiary);opacity:.6;font-size:11px;position:absolute;bottom:8px;right:12px}.node-tags{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.node-tags span{border-radius:var(--radius-pill);color:var(--primary);background:#8b5cf61a;border:1px solid #8b5cf626;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.node-note-badge{border-radius:var(--radius-pill);color:var(--accent-pink);background:#f472b61a;border:1px solid #f472b626;margin-top:6px;padding:2px 8px;font-size:11px;display:inline-block}.detail-drawer{top:var(--topbar-h);width:360px;height:calc(100vh - var(--topbar-h));background:var(--surface);border-left:1px solid var(--border);z-index:25;animation:drawer-in var(--duration) var(--ease);flex-direction:column;display:flex;position:fixed;right:0;overflow:hidden;box-shadow:-8px 0 32px #00000014}.detail-drawer__header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.detail-drawer__header div{flex-direction:column;gap:2px;display:flex}.detail-drawer__header h2{color:var(--text);margin:0;font-size:16px;font-weight:600}.detail-drawer__header p{color:var(--text-tertiary);margin:0;font-size:12px}.detail-drawer__header button{border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);background:0 0;padding:6px 14px;font-family:inherit;font-size:13px}.detail-drawer__header button:hover{background:var(--surface-hover);color:var(--primary);border-color:var(--primary-light)}.detail-drawer label{color:var(--text-secondary);flex-direction:column;gap:6px;padding:12px 20px;font-size:12px;font-weight:600;display:flex}.detail-drawer input,.detail-drawer textarea{border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text);transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);border-radius:12px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px}.detail-drawer input:focus,.detail-drawer textarea:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px #8b5cf61a}.detail-drawer textarea{resize:vertical;min-height:80px;line-height:1.5}.context-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:180px;box-shadow:var(--shadow-hover), var(--glow);z-index:50;animation:menu-pop var(--duration) var(--ease);padding:6px;position:fixed}.context-menu__title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;padding:6px 12px 8px;font-size:11px;font-weight:600}.context-menu button{width:100%;color:var(--text);text-align:left;cursor:pointer;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);background:0 0;border:none;border-radius:10px;padding:8px 12px;font-family:inherit;font-size:13px;display:block}.context-menu button:hover{background:var(--surface-hover);color:var(--primary)}.context-menu__danger{color:var(--accent-red)!important}.context-menu__danger:hover{color:var(--accent-red)!important;background:#f871711a!important}.shortcut-help{z-index:100;animation:fade-in .2s var(--ease);background:#0f0a1a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shortcut-help__panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:480px;max-width:90vw;max-height:80vh;box-shadow:var(--shadow-hover), var(--glow-strong);animation:modal-pop .3s var(--ease);overflow:auto}.shortcut-help__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.shortcut-help__header h2{color:var(--text);margin:0;font-size:18px;font-weight:600}.shortcut-help__header button{border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);background:0 0;padding:6px 14px;font-family:inherit;font-size:13px}.shortcut-help__header button:hover{background:var(--surface-hover);color:var(--primary)}.shortcut-help__grid{grid-template-columns:auto 1fr;align-items:center;gap:8px 16px;padding:16px 24px 24px;display:grid}.shortcut-help__grid span{background:var(--bg-secondary);border:1px solid var(--border);color:var(--primary);white-space:nowrap;border-radius:8px;padding:4px 10px;font-family:SF Mono,Cascadia Code,monospace;font-size:12px;font-weight:600;display:inline-block}.shortcut-help__grid p{color:var(--text-secondary);margin:0;font-size:13px}.react-flow{background:var(--canvas-bg)!important}.react-flow__controls{overflow:hidden;border-radius:var(--radius)!important;box-shadow:var(--shadow)!important;border:1px solid var(--border)!important;bottom:72px!important}.react-flow__controls-button{background:var(--surface)!important;border-bottom:1px solid var(--border)!important;fill:var(--text-secondary)!important;width:32px!important;height:32px!important}.react-flow__controls-button:hover{background:var(--surface-hover)!important;fill:var(--primary)!important}.react-flow__minimap{overflow:hidden;border-radius:var(--radius)!important;box-shadow:var(--shadow)!important;border:1px solid var(--border)!important;background:var(--surface)!important;bottom:72px!important}.react-flow__edge-path{stroke:var(--primary-light)!important;stroke-width:2px!important}.react-flow__edge.selected .react-flow__edge-path{filter:drop-shadow(0 0 6px var(--accent-pink));stroke:var(--accent-pink)!important}.react-flow__background pattern circle,.react-flow__background pattern line{fill:var(--canvas-dots);stroke:var(--canvas-dots)}@keyframes panel-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes drawer-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes menu-pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modal-pop{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes float-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes sparkle{0%,to{opacity:.2}50%{opacity:.8}}@keyframes glow-pulse{0%,to{box-shadow:var(--glow)}50%{box-shadow:var(--glow-strong)}}.app--dark .ai-node{background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(180deg, var(--primary), var(--accent-pink)) border-box;border:1px solid #0000;border-left-width:3px}.app--dark .ai-node:hover{box-shadow:var(--shadow-hover), var(--glow-strong)}.app--dark .group-node{border-color:#8b5cf64d}.app--dark .group-node:hover{box-shadow:var(--glow);border-color:#a78bfa80}.app--dark .floating-toolbar{box-shadow:var(--shadow), 0 0 24px #8b5cf626;border-color:#8b5cf64d}.app--dark .floating-toolbar__btn:hover{box-shadow:var(--glow)}.app--dark .topbar{border-bottom-color:#8b5cf626;box-shadow:0 1px 20px #8b5cf614}.app--dark .icon-nav{border-right-color:#8b5cf626}.image-edit-node{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:320px;max-width:480px;box-shadow:var(--shadow);transition:box-shadow var(--duration) var(--ease), border-color var(--duration) var(--ease);will-change:transform;overflow:hidden}.image-edit-node:hover{border-color:var(--border-strong);box-shadow:var(--shadow-hover)}.image-edit-node__header{border-bottom:1px solid var(--border);background:var(--bg-secondary);align-items:center;gap:8px;padding:10px 14px;display:flex}.image-edit-node__icon{font-size:16px}.image-edit-node__title{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:13px;font-weight:600}.image-edit-node__upload{cursor:pointer;color:var(--text-tertiary);transition:background var(--duration) var(--ease), color var(--duration) var(--ease);border:2px dashed var(--border);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:12px;padding:40px 20px;font-size:13px;display:flex}.image-edit-node__upload:hover{border-color:var(--primary-light);color:var(--primary);background:#8b5cf60d}.image-edit-node__upload-icon{color:var(--primary);font-size:28px;font-weight:300}.image-edit-node__canvas{cursor:crosshair;-webkit-user-select:none;user-select:none;line-height:0;position:relative}.image-edit-node__canvas img{pointer-events:none;width:100%;display:block}.image-edit-node__selection{border:2px solid var(--primary);pointer-events:none;background:#8b5cf626;border-radius:4px;animation:1.5s ease-in-out infinite selection-pulse;position:absolute;box-shadow:0 0 12px #8b5cf64d}@keyframes selection-pulse{0%,to{box-shadow:0 0 12px #8b5cf64d}50%{box-shadow:0 0 20px #8b5cf680}}.image-edit-node__hint{color:#ffffffb3;pointer-events:none;opacity:0;transition:opacity var(--duration) var(--ease);background:#0000004d;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.image-edit-node__canvas:hover .image-edit-node__hint{opacity:1}.image-edit-node__controls{flex-direction:column;gap:8px;padding:10px 14px;display:flex}.image-edit-node__prompt{border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text);resize:vertical;transition:border-color var(--duration) var(--ease);border-radius:10px;outline:none;padding:8px 12px;font-family:inherit;font-size:12px}.image-edit-node__prompt:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px #8b5cf61a}.image-edit-node__actions{gap:6px;display:flex}.image-edit-node__btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);background:0 0;border-radius:10px;padding:6px 14px;font-family:inherit;font-size:12px}.image-edit-node__btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.image-edit-node__btn--primary{background:var(--gradient);color:#fff;border-color:#0000;font-weight:600}.image-edit-node__btn--primary:hover{box-shadow:var(--glow-strong);transform:translateY(-1px)}.image-edit-node__btn--primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.image-edit-node__btn--small{align-self:flex-start;padding:4px 10px;font-size:11px}.image-edit-node__result{border-top:1px solid var(--border);color:var(--text-secondary);background:var(--bg-secondary);padding:10px 14px;font-size:12px}.floating-toolbar__btn--accent{color:#fff;background:linear-gradient(135deg,#f472b6,#a855f7)}.floating-toolbar__btn--accent:hover{color:#fff;transform:translateY(-1px);box-shadow:0 0 16px #f472b666}@keyframes wf-pulse{0%,to{box-shadow:0 0 6px #8b5cf633}50%{box-shadow:0 0 18px #8b5cf680}}@keyframes wf-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wf{background:var(--wf-bg);border:1px solid var(--wf-border);min-width:200px;max-width:260px;box-shadow:var(--wf-shadow);color:var(--wf-text);will-change:transform;border-radius:6px;font-family:Noto Sans SC,Inter,system-ui,-apple-system,sans-serif;font-size:11px;transition:border-color .2s,box-shadow .2s;overflow:visible}.wf:hover{border-color:var(--border-strong)}.wf--selected{border-color:#8b5cf680;box-shadow:0 0 8px #8b5cf659,0 0 20px #8b5cf61a}.wf--error{color:#f87171;padding:6px 8px;font-size:10px}.wf--running{border-color:#8b5cf680;animation:1.2s ease-in-out infinite wf-pulse}.wf--success{border-color:#34d39999;transition:border-color .3s,box-shadow .3s;box-shadow:0 0 12px #34d39959}.wf--error-state{border-color:#f8717199;box-shadow:0 0 12px #f871714d}.wf__title{color:var(--text);background:var(--wf-title-bg);border-bottom:1px solid var(--wf-border-subtle);border-radius:5px 5px 0 0;padding:5px 10px;font-size:11px;font-weight:600}.wf__ports{border-bottom:1px solid var(--wf-border-subtle);flex-direction:column;padding:4px 0;display:flex}.wf__port-row{justify-content:space-between;align-items:center;min-height:22px;padding:1px 8px;display:flex;position:relative}.wf__port-cell{align-items:center;gap:4px;display:flex;position:relative}.wf__port-cell--left{padding-left:6px}.wf__port-cell--right{flex-direction:row;justify-content:flex-end;padding-right:6px}.wf__port-label{color:var(--wf-text-secondary);font-size:10px;font-weight:500}.wf__controls{flex-direction:column;gap:4px;padding:6px 8px;display:flex}.wf__preview{padding:2px 8px}.wf__preview img{object-fit:contain;border:1px solid var(--wf-border-subtle);background:var(--wf-input-bg);cursor:zoom-in;border-radius:3px;width:100%;max-height:120px}.wf--preview{min-width:240px;max-width:360px}.wf--upload{min-width:220px;max-width:320px}.wf__upload-area{padding:4px 8px 8px}.wf__upload-preview{position:relative}.wf__upload-preview img{border:1px solid var(--wf-border-subtle);background:var(--wf-input-bg);cursor:zoom-in;border-radius:4px;width:100%}.wf__upload-clear{color:#fff;cursor:pointer;opacity:0;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;transition:opacity .15s;display:flex;position:absolute;top:4px;right:4px}.wf__upload-preview:hover .wf__upload-clear{opacity:1}.wf__upload-drop{border:2px dashed var(--wf-border-subtle);cursor:pointer;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:28px 16px;transition:border-color .15s,background .15s;display:flex}.wf__upload-drop:hover{background:#7c3aed0d;border-color:#7c3aed}.wf__upload-icon{opacity:.6;font-size:24px}.wf__upload-hint{color:var(--wf-text-secondary);font-size:11px}.wf__preview-area{padding:4px}.wf__preview-area img{border:1px solid var(--wf-border-subtle);background:var(--wf-input-bg);cursor:zoom-in;border-radius:4px;width:100%}.wf__preview-empty{color:var(--wf-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:32px 16px;font-size:11px;display:flex}.wf__preview-icon{opacity:.5;font-size:28px}.wf__compose-thumbs{gap:4px;padding:2px 8px;display:flex}.wf__compose-thumb{cursor:pointer;border:1.5px solid #0000;border-radius:4px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:2px;transition:border-color .15s;display:flex}.wf__compose-thumb--active{border-color:#7c3aed}.wf__compose-thumb:hover:not(.wf__compose-thumb--active){border-color:var(--wf-border-subtle)}.wf__compose-thumb-label{color:var(--wf-text-dim);font-size:9px}.wf__compose-thumb img{object-fit:contain;border:1px solid var(--wf-border-subtle);background:var(--wf-input-bg);border-radius:3px;width:100%;max-height:60px}.wf__compose-thumb-empty{color:var(--wf-text-dim);font-size:10px}.wf__image-card{cursor:pointer;border:1px solid var(--wf-border-subtle);background:var(--wf-input-bg);border-radius:6px;justify-content:center;align-items:center;min-height:100px;margin:4px 8px;display:flex;position:relative;overflow:hidden}.wf__image-card img{pointer-events:none;width:100%;display:block}.wf__image-card-overlay{opacity:0;color:#fff;letter-spacing:.5px;background:#0006;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:opacity .2s;display:flex;position:absolute;inset:0}.wf__image-card:hover .wf__image-card-overlay{opacity:1}.wf__image-card-empty{color:var(--wf-text-dim);flex-direction:column;align-items:center;gap:6px;padding:20px 12px;font-size:11px;display:flex}.wf__image-card-icon{font-size:24px}.wf__image-card-upload{border:1px dashed var(--wf-border-subtle);color:var(--wf-text-dim);cursor:pointer;background:0 0;border-radius:6px;margin-top:4px;padding:4px 12px;font-family:inherit;font-size:10px;transition:background .15s,color .15s}.wf__image-card-upload:hover{color:#a78bfa;border-color:#8b5cf6}.wf__footer{border-top:1px solid var(--wf-border-subtle);padding:4px 8px 6px}.wf__run{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#6366f1);border:none;border-radius:4px;justify-content:center;align-items:center;gap:3px;width:100%;padding:4px 0;font-family:inherit;font-size:10px;font-weight:600;transition:box-shadow .15s,transform .1s;display:flex}.wf__run:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 10px #7c3aed59}.wf__run:disabled{opacity:.5;cursor:not-allowed}.wf__run-icon{font-size:9px}.wf__run--spin .wf__run-icon{animation:1s linear infinite wf-spin;display:inline-block}.wf__error{color:#f87171;background:#f871710f;padding:3px 8px 4px;font-size:9px}.wf .react-flow__handle{border:2px solid var(--wf-bg);transform-origin:50%;border-radius:50%;width:8px;height:8px;transition:transform .1s,box-shadow .1s}.wf .react-flow__handle:hover{box-shadow:0 0 4px}.control{flex-direction:column;gap:2px;display:flex}.control__label{color:var(--wf-text-tertiary);letter-spacing:.2px;font-size:9px;font-weight:500}.control__input,.control__textarea,.control__select{border:1px solid var(--wf-border-subtle);background:var(--wf-input-bg);width:100%;color:var(--wf-text);border-radius:3px;padding:3px 6px;font-family:Noto Sans SC,Inter,system-ui,sans-serif;font-size:10px;transition:border-color .15s}.control__input:focus,.control__textarea:focus,.control__select:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 1px #7c3aed26}.control__textarea{resize:vertical;min-height:28px}.image-upload-control__preview{position:relative}.image-upload-control__preview img{object-fit:contain;border:1px solid var(--wf-border-subtle);border-radius:3px;width:100%;max-height:100px}.image-upload-control__clear{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;display:flex;position:absolute;top:2px;right:2px}.image-upload-control__drop{border:1px dashed var(--wf-border);min-height:36px;color:var(--wf-text-tertiary);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;font-size:9px;transition:border-color .15s;display:flex}.image-upload-control__drop:hover{background:#7c3aed08;border-color:#7c3aed}.image-edit-control__canvas{cursor:crosshair;-webkit-user-select:none;user-select:none;position:relative}.image-edit-control__canvas img{border:1px solid var(--wf-border-subtle);border-radius:3px;width:100%}.image-edit-control__selection{pointer-events:none;background:#22d3ee14;border:2px solid #22d3ee;border-radius:2px;position:absolute}.image-edit-control__hint{color:var(--wf-text-tertiary);pointer-events:none;justify-content:center;align-items:center;font-size:9px;display:flex;position:absolute;inset:0}.image-edit-control__reset{border:1px solid var(--wf-border-subtle);color:var(--wf-text-tertiary);cursor:pointer;background:0 0;border-radius:2px;align-self:flex-start;margin-top:2px;padding:2px 5px;font-size:9px}.image-edit-control__reset:hover{background:#8b5cf60f}.panel-node-library__category{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.panel-node-library__category-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;padding:3px 0;font-size:10px;font-weight:600}.context-menu__separator{background:var(--border);height:1px;margin:4px 0}.floating-toolbar__btn--run{color:#fff;background:linear-gradient(135deg,#7c3aed,#6366f1)}.floating-toolbar__btn--run:hover{color:#fff;transform:translateY(-1px);box-shadow:0 0 12px #7c3aed59}.image-editor{z-index:9999;background:var(--bg);color:var(--text);flex-direction:column;font-family:inherit;display:flex;position:fixed;inset:0}.image-editor__topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.image-editor__back,.image-editor__close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-size:13px;transition:background .15s,color .15s}.image-editor__back:hover,.image-editor__close:hover{background:var(--surface-hover);color:var(--text)}.image-editor__topbar-title{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:600}.image-editor__body{flex:1;min-height:0;display:flex}.image-editor__toolbar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:52px;padding:12px 8px;display:flex}.image-editor__tool{width:36px;height:36px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;font-size:16px;transition:background .15s,color .15s;display:flex}.image-editor__tool:hover{background:var(--surface-hover);color:var(--text-secondary)}.image-editor__tool--active{color:var(--primary-light);background:#8b5cf626;border-color:#8b5cf666}.image-editor__tool-divider{background:var(--border);width:28px;height:1px;margin:4px 0}.image-editor__brush-size{flex-direction:column;align-items:center;gap:4px;margin-top:4px;display:flex}.image-editor__brush-size span{color:var(--text-tertiary);font-size:10px}.image-editor__brush-slider{writing-mode:vertical-lr;width:28px;height:80px;accent-color:var(--primary);direction:rtl}.image-editor__canvas-wrap{background:var(--bg-secondary);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.image-editor__canvas-wrap canvas{position:absolute;top:0;left:0}.image-editor__canvas-hint{color:var(--text-tertiary);pointer-events:none;font-size:12px;transition:opacity .2s;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.image-editor__history{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:180px;display:flex}.image-editor__history-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;padding:12px 14px 8px;font-size:12px;font-weight:600}.image-editor__history-list{flex-direction:column;flex:1;gap:6px;padding:0 8px 8px;display:flex;overflow-y:auto}.image-editor__history-item{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;transition:background .15s,color .15s;display:flex}.image-editor__history-item:hover{background:var(--surface-hover)}.image-editor__history-item--active{background:#8b5cf61a;border-color:#8b5cf64d}.image-editor__history-item--future{opacity:.35}.image-editor__history-thumb{object-fit:cover;background:var(--bg-secondary);border-radius:6px;flex-shrink:0;width:40px;height:40px}.image-editor__history-info{flex-direction:column;gap:2px;min-width:0;display:flex}.image-editor__history-label{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.image-editor__history-time{color:var(--text-tertiary);font-size:10px}.image-editor__actions{background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.image-editor__action-group{gap:4px;display:flex}.image-editor__action-btn{border:1px solid var(--border-strong);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;padding:6px 16px;font-family:inherit;font-size:12px;transition:background .15s,color .15s}.image-editor__action-btn:hover{background:var(--surface-hover);color:var(--text)}.image-editor__action-btn--active{color:var(--primary-light);background:#8b5cf626;border-color:#8b5cf680;font-weight:600}.image-editor__prompt-area{flex:1;align-items:center;gap:8px;display:flex}.image-editor__prompt{border:1px solid var(--border-strong);background:var(--bg);color:var(--text);border-radius:10px;outline:none;flex:1;padding:7px 14px;font-family:inherit;font-size:13px;transition:border-color .15s}.image-editor__prompt:focus{border-color:#8b5cf680}.image-editor__execute{background:var(--gradient);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:7px 24px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,color .15s}.image-editor__execute:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 16px #7c3aed66}.image-editor__execute:disabled{opacity:.4;cursor:not-allowed}.image-editor__error{color:#fff;pointer-events:none;background:#ef4444e6;border-radius:8px;padding:6px 16px;font-size:12px;animation:3s forwards editor-error-fade;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}@keyframes editor-error-fade{0%,70%{opacity:1}to{opacity:0}}.image-editor__canvas{position:absolute;top:0;left:0}.image-editor__overlay{cursor:crosshair;z-index:1;position:absolute;top:0;left:0}.image-editor__loading{z-index:10;color:var(--text-secondary);background:#0006;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex;position:absolute;inset:0}.image-editor__spinner{border:3px solid #8b5cf633;border-top-color:#8b5cf6;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite editor-spin}@keyframes editor-spin{to{transform:rotate(360deg)}}.image-editor__brush-label{color:var(--text-tertiary);text-align:center;font-size:10px}.image-editor__action-btns{gap:4px;display:flex}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;font-family:Noto Sans SC,Inter,sans-serif;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:340px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--glow);flex-direction:column;gap:14px;padding:40px 32px;display:flex}.login-card__title{background:var(--gradient);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;margin:0;font-size:24px;font-weight:600}.login-card__subtitle{text-align:center;color:var(--text-secondary);margin:0;font-size:14px}.login-card__input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);transition:border-color var(--duration) var(--ease);outline:none;padding:10px 14px;font-size:14px}.login-card__input:focus{border-color:var(--primary)}.login-card__error{color:var(--accent-red);text-align:center;font-size:13px}.login-card__btn{border-radius:var(--radius);background:var(--gradient);color:#fff;cursor:pointer;transition:opacity var(--duration) var(--ease);border:none;padding:10px;font-size:15px;font-weight:500}.login-card__btn:disabled{opacity:.5;cursor:not-allowed}.login-card__switch{color:var(--primary);cursor:pointer;text-align:center;background:0 0;border:none;font-size:13px}.login-card__remember{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;display:flex}.login-card__remember input[type=checkbox]{accent-color:var(--primary);cursor:pointer;width:14px;height:14px}.lightbox{z-index:9999;cursor:zoom-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox__img{object-fit:contain;border-radius:8px;max-width:90vw;max-height:90vh;box-shadow:0 0 40px #00000080}.drag-ghost{background:var(--surface);border:1px solid var(--primary);border-radius:var(--radius);color:var(--text);opacity:.9;padding:4px 12px;font-size:12px}.canvas-drop-active .react-flow__pane{outline-offset:-4px;outline:2px dashed #8b5cf666}