:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{width:100%;min-height:100vh}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}:root{--color-primary: #0066cd;--color-primary-hover: #036fe1;--color-success: #27ae60;--color-danger: #e74c3c;--color-danger-hover: #c0392b;--color-info: #3498db;--color-info-hover: #2980b9;--color-warning: #e65100;--color-warning-hover: #bf4400;--color-accent: #0066cd;--color-accent-hover: #036fe1;--color-text-primary: #333;--color-text-secondary: #555;--color-text-muted: #666;--color-bg-page: #f5f5f5;--color-bg-card: white;--color-bg-header: #f8f9fa;--color-bg-disabled: #f5f5f5;--color-bg-error: #fee;--color-bg-success: #e8f5e9;--color-bg-warning: #fff3e0;--color-border: #e0e0e0;--color-border-light: #f0f0f0;--color-border-input: #ddd;--border-radius: 4px;--border-radius-lg: 8px;--shadow-card: 0 2px 4px rgba(0, 0, 0, .1);--shadow-dropdown: 0 4px 6px rgba(0, 0, 0, .1);--shadow-dialog: 0 16px 48px rgba(0, 0, 0, .2);--color-overlay: rgba(0, 0, 0, .5);--color-topbar-bg: #0066cd;--color-topbar-text: white;--color-topbar-hover: #34495e;--color-dropdown-bg: white;--color-dropdown-text: #333;--color-dropdown-hover: #f0f0f0;--color-dropdown-active: #0066cd;--color-dropdown-active-text: white;--color-left-panel-bg: #fafbfc;--color-left-panel-item-border: #f0f0f0;--color-left-panel-hover: #f0f7ff;--color-left-panel-selected: #e3f2fd;--color-param-value-bg: #f5f5f5;--color-node-bg: #e8f4fc;--color-node-border: #b3d9f2;--color-node-head-bg: #fff3e0;--color-node-head-border: #ffb74d;--color-edge: #666;--color-edge-condition: #8b5cf6;--color-connection-input: #27ae60;--color-connection-output: #e74c3c;--color-node-text: #0066cd;--color-effect-no-condition: #3498db;--color-effect-no-condition-hover: #2980b9;--color-effect-has-condition: #8b5cf6;--color-effect-has-condition-hover: #7c3aed;--color-category-bg: #e3f2fd;--color-category-text: #0066cd;--color-param-comment: #f19f00;--color-btn-edit-bg: #fff3e0;--color-btn-edit-hover: #ffe0b2;--color-btn-remove-bg: #ffebee;--z-dialog: 900;--z-dialog-nested: 950;--z-context-menu: 1100;--z-drag-ghost: 1200;--z-confirm-dialog: 9998;--z-notification: 9999;--dialog-viewport-padding: 1.5rem;--context-menu-viewport-padding: 8px;--effect-workspace-bg: #f6f8fb;--effect-task-accent: #2379c9;--effect-task-surface: #eef6fd;--effect-task-border: #9dc8eb;--effect-task-hover-surface: #e4f1fb;--effect-task-hover-border: #5ea3da;--effect-if-accent: #7c5ac7;--effect-if-surface: #f8f5ff;--effect-if-header-bg: #eee8fb;--effect-if-header-hover: #e6def8;--effect-if-border: #b9a5e4;--effect-label-accent: #64748b;--effect-label-surface: #f7f8fa;--effect-label-hover: #edf0f4;--effect-label-border: #cbd2dc;--effect-label-text: #526174;--effect-branch-line: #c8d2df;--effect-branch-text: #59697c;--effect-selection-ring: #0066cd;--effect-drop-color: #0066cd;--effect-drop-badge-bg: #e3f2fd;--effect-empty-border: #cbd5e1;--effect-empty-surface: rgba(255, 255, 255, .56);--effect-drag-ghost-bg: rgba(255, 255, 255, .96);--effect-kind-bg: rgba(255, 255, 255, .72);--effect-kind-text: #405269;--effect-block-accent-width: 4px;--effect-block-radius: 6px;--effect-label-radius: 5px;--effect-kind-radius: 3px;--effect-block-gap: .48rem;--effect-branch-indent: 12px;--effect-motion-duration: .12s;--effect-block-shadow: 0 1px 2px rgba(25, 42, 65, .08);--effect-drag-shadow: 0 12px 30px rgba(25, 42, 65, .24);--effect-tree-surface: #ffffff;--effect-tree-border: #dfe5ec;--effect-tree-line: #cbd5e1;--effect-tree-row-bg: #ffffff;--effect-tree-row-hover: #f8fafc;--effect-tree-row-border: #e8edf3;--effect-tree-row-selected-bg: #f7f3ff;--effect-tree-row-selected-edge: #1473e6;--effect-tree-focus-ring: #1473e6;--effect-tree-caret-color: #53657c;--effect-tree-more-color: #29405d;--effect-tree-control-hover: #eef3f8;--effect-tree-if-bg: #fcf9ff;--effect-tree-if-border: #c178f2;--effect-tree-if-text: #943bd1;--effect-tree-task-bg: #2f80ed;--effect-tree-task-text: #ffffff;--effect-tree-label-text: #43ad45;--effect-tree-label-hole: #ffffff;--effect-inspector-bg: #ffffff;--effect-inspector-border: #dfe5ec;--effect-inspector-shadow: -8px 0 18px rgba(25, 42, 65, .04);--effect-tree-min-width: 430px;--effect-tree-row-height: 46px;--effect-tree-empty-height: 38px;--effect-tree-icon-size: 28px;--effect-tree-glyph-size: 17px;--effect-tree-action-size: 28px;--effect-tree-caret-icon-size: 16px;--effect-tree-more-icon-size: 17px;--effect-tree-indent: 20px;--effect-tree-row-padding: .65rem;--effect-tree-row-gap: .52rem;--effect-tree-section-gap: .18rem;--effect-tree-container-radius: 6px;--effect-tree-icon-radius: 4px;--effect-tree-control-radius: 4px;--effect-tree-if-font-size: .74rem;--effect-tree-row-font-size: .84rem;--effect-tree-meta-font-size: .7rem;--effect-tree-branch-font-size: .72rem;--effect-tree-branch-letter-spacing: .04em;--effect-tree-meta-max-width: 32%;--effect-tree-control-padding: .24rem .35rem;--effect-tree-drop-idle-height: 1px;--effect-tree-drop-height: 14px;--effect-tree-drop-active-height: 28px;--effect-tree-drop-label-offset: .3rem;--effect-tree-drop-label-padding: .08rem .35rem;--effect-tree-drop-font-size: .62rem;--effect-tree-drag-opacity: .34;--effect-inspector-min-width: 300px;--effect-inspector-preferred-width: 34vw;--effect-inspector-max-width: 420px}[data-theme=dark]{--color-primary: #006bd8;--color-primary-hover: #036fe1;--color-success: #2ecc71;--color-danger: #e74c3c;--color-danger-hover: #c0392b;--color-info: #5dade2;--color-info-hover: #3498db;--color-warning: #ff8a50;--color-warning-hover: #ff6d00;--color-accent: #006bd8;--color-accent-hover: #036fe1;--color-text-primary: #e0e0e0;--color-text-secondary: #b0b0b0;--color-text-muted: #909090;--color-bg-page: #1a1a2e;--color-bg-card: #16213e;--color-bg-header: #1f3054;--color-bg-disabled: #2a3a5a;--color-bg-error: #4a2020;--color-bg-success: #1a4030;--color-bg-warning: #3a2a10;--color-border: #3a4a6a;--color-border-light: #2a3a5a;--color-border-input: #4a5a7a;--shadow-card: 0 2px 4px rgba(0, 0, 0, .3);--shadow-dropdown: 0 4px 6px rgba(0, 0, 0, .4);--shadow-dialog: 0 16px 48px rgba(0, 0, 0, .5);--color-overlay: rgba(0, 0, 0, .7);--color-topbar-bg: #0f3460;--color-topbar-text: #e0e0e0;--color-topbar-hover: #1a4a7a;--color-dropdown-bg: #16213e;--color-dropdown-text: #e0e0e0;--color-dropdown-hover: #1f3054;--color-dropdown-active: #0066cd;--color-dropdown-active-text: white;--color-left-panel-bg: #0f2744;--color-left-panel-item-border: #1a3a5a;--color-left-panel-hover: #1a4060;--color-left-panel-selected: #1a4a7a;--color-param-value-bg: #1a3050;--color-node-bg: #1a3a5a;--color-node-border: #3a6090;--color-node-head-bg: #3a3020;--color-node-head-border: #8a6830;--color-edge: #6a7a9a;--color-edge-condition: #9b7cf6;--color-connection-input: #2eb870;--color-connection-output: #c85050;--color-node-text: #6cb8ff;--color-effect-no-condition: #5dade2;--color-effect-no-condition-hover: #3498db;--color-effect-has-condition: #9b7cf6;--color-effect-has-condition-hover: #8b5cf6;--color-category-bg: #1a4a7a;--color-category-text: #6cb8ff;--color-param-comment: #ffd700;--color-btn-edit-bg: #3a3020;--color-btn-edit-hover: #4a4030;--color-btn-remove-bg: #4a2020;--effect-workspace-bg: #101d32;--effect-task-accent: #58a9ee;--effect-task-surface: #17314b;--effect-task-border: #38698f;--effect-task-hover-surface: #1b3b5a;--effect-task-hover-border: #58a9ee;--effect-if-accent: #aa8bea;--effect-if-surface: #211d38;--effect-if-header-bg: #30274d;--effect-if-header-hover: #3a2f5d;--effect-if-border: #66548d;--effect-label-accent: #9aa8bb;--effect-label-surface: #202d41;--effect-label-hover: #2a3a50;--effect-label-border: #4a5c73;--effect-label-text: #b3c0d2;--effect-branch-line: #45566d;--effect-branch-text: #a7b4c5;--effect-selection-ring: #5caeff;--effect-drop-color: #5caeff;--effect-drop-badge-bg: #183f65;--effect-empty-border: #41536a;--effect-empty-surface: rgba(15, 39, 68, .45);--effect-drag-ghost-bg: rgba(22, 33, 62, .96);--effect-kind-bg: rgba(8, 18, 34, .42);--effect-kind-text: #c7d5e6;--effect-block-shadow: 0 1px 3px rgba(0, 0, 0, .28);--effect-drag-shadow: 0 14px 34px rgba(0, 0, 0, .5);--effect-tree-surface: #16213e;--effect-tree-border: #3a4a64;--effect-tree-line: #4a5b73;--effect-tree-row-bg: #16213e;--effect-tree-row-hover: #1b2b48;--effect-tree-row-border: #2b3a55;--effect-tree-row-selected-bg: #2b2548;--effect-tree-row-selected-edge: #5caeff;--effect-tree-focus-ring: #5caeff;--effect-tree-caret-color: #a8b6c8;--effect-tree-more-color: #b7c5d8;--effect-tree-control-hover: #263955;--effect-tree-if-bg: #2d2545;--effect-tree-if-border: #aa75e6;--effect-tree-if-text: #cba4f4;--effect-tree-task-bg: #347fcf;--effect-tree-task-text: #ffffff;--effect-tree-label-text: #68c76c;--effect-tree-label-hole: #16213e;--effect-inspector-bg: #16213e;--effect-inspector-border: #3a4a64;--effect-inspector-shadow: -8px 0 20px rgba(0, 0, 0, .16)}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;box-sizing:border-box;padding:.48rem .85rem;border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg-card);color:var(--color-text-primary);cursor:pointer;font:inherit;font-size:.82rem;line-height:1.2;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.ui-button:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-left-panel-selected);color:var(--color-primary)}.ui-button:focus-visible,.ui-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.ui-button:disabled{cursor:not-allowed;opacity:.55}.ui-button-primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-topbar-text)}.ui-button-primary:hover:not(:disabled){border-color:var(--color-primary-hover);background:var(--color-primary-hover);color:var(--color-topbar-text)}.ui-button-info{border-color:var(--color-info);color:var(--color-info)}.ui-button-danger{border-color:var(--color-danger);color:var(--color-danger)}.ui-button-danger:hover:not(:disabled){border-color:var(--color-danger-hover);background:var(--color-bg-error);color:var(--color-danger-hover)}.ui-button-small{padding:.3rem .6rem;font-size:.74rem}.ui-input{width:100%;box-sizing:border-box;padding:.55rem .65rem;border:1px solid var(--color-border-input);border-radius:var(--border-radius);background:var(--color-bg-card);color:var(--color-text-primary);font:inherit;font-size:.82rem}.ui-input:focus{border-color:var(--color-primary)}.ui-category-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:var(--border-radius-lg);background:var(--color-category-bg);color:var(--color-category-text);font-size:.8rem}.ui-form-group{margin:0}.ui-form-group label{display:block;margin-bottom:.35rem;color:var(--color-text-secondary);font-size:.8rem;font-weight:500}.ui-context-menu{position:fixed;z-index:var(--z-context-menu);box-sizing:border-box;max-width:calc(100vw - var(--context-menu-viewport-padding) - var(--context-menu-viewport-padding));max-height:calc(100vh - var(--context-menu-viewport-padding) - var(--context-menu-viewport-padding));max-height:calc(100dvh - var(--context-menu-viewport-padding) - var(--context-menu-viewport-padding));padding:.35rem;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);background:var(--color-bg-card);color:var(--color-text-primary);box-shadow:var(--shadow-dialog)}.ui-context-menu__item{display:block;width:100%;padding:.5rem .875rem;border:0;border-radius:var(--border-radius);background:transparent;color:var(--color-text-primary);cursor:pointer;font:inherit;font-size:.8rem;text-align:left;transition:background .1s ease}.ui-context-menu__item:hover,.ui-context-menu__item:focus-visible{outline:none;background:var(--color-bg-hover)}.ui-context-menu__item--danger{color:var(--color-danger)}.ui-context-menu__item--danger:hover,.ui-context-menu__item--danger:focus-visible{background:var(--color-bg-error)}.ui-context-menu__divider{height:1px;margin:.25rem 0;background:var(--color-border-light)}body.is-effect-block-dragging,body.is-effect-block-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}[data-theme=dark] ::-webkit-scrollbar{width:10px;height:10px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--color-bg-card);border-radius:5px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:5px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--color-border-input)}[data-theme=dark] ::-webkit-scrollbar-corner{background:var(--color-bg-card)}[data-theme=dark] *{scrollbar-color:var(--color-border) var(--color-bg-card);scrollbar-width:thin}.management-page{background:var(--color-bg-card);border-radius:var(--border-radius-lg);padding:.5rem 1.5rem 1.5rem;box-shadow:var(--shadow-card)}.graph-editor-view{position:fixed;inset:40px 0 0;z-index:100;background:var(--color-bg-page)}.graph-editor-back{position:absolute;top:10px;left:10px;z-index:200;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg-card);box-shadow:var(--shadow-card);color:var(--color-text-primary);opacity:.85}.graph-editor-back:hover{border-color:var(--color-primary);background:var(--color-bg-header);opacity:1}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border-light)}.page-header h2{margin:0;color:var(--color-text-primary)}.btn-primary{padding:.5rem 1rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;transition:transform .2s ease,background-color .2s ease}.btn-primary:hover{background-color:var(--color-primary-hover);transform:scale(1.05)}.btn-small{padding:.25rem .75rem;margin-right:.5rem;background-color:var(--color-info);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.85rem;transition:background-color .2s}.btn-small:hover{background-color:var(--color-info-hover)}.btn-danger{background-color:var(--color-danger)}.btn-danger:hover{background-color:var(--color-danger-hover)}.loading,.error,.empty{text-align:center;padding:2rem;color:var(--color-text-muted)}.error{color:var(--color-danger)}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead{background-color:var(--color-bg-header)}.data-table th,.data-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{font-weight:600;color:var(--color-text-secondary)}.data-table tbody tr:hover{background-color:var(--color-bg-header)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--color-text-secondary);font-weight:500}.form-input{width:100%;padding:.75rem;border:1px solid var(--color-border-input);border-radius:var(--border-radius);font-size:1rem;transition:border-color .3s;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--color-accent)}.form-input:disabled{background-color:var(--color-bg-disabled);cursor:not-allowed}.error-message{color:var(--color-danger);margin-bottom:1rem;padding:.75rem;background-color:var(--color-bg-error);border-radius:var(--border-radius);font-size:.9rem}.usage-guide-overlay{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--color-overlay)}.usage-guide-dialog{width:min(1120px,100%);max-height:calc(100vh - 4rem);display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-dialog);color:var(--color-text-primary)}.usage-guide-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);background:var(--color-bg-header)}.usage-guide-header h2{margin:0;font-size:1.35rem}.usage-guide-section-heading p,.usage-guide-card p,.usage-guide-example p{margin:0;color:var(--color-text-secondary);line-height:1.65}.usage-guide-close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg-card);color:var(--color-text-secondary);cursor:pointer;font-family:Arial,sans-serif;font-size:1.35rem;line-height:1}.usage-guide-close:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-left-panel-selected)}.usage-guide-body{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:0;overflow:hidden}.usage-guide-nav{display:flex;flex-direction:column;gap:.35rem;padding:1.25rem;overflow-y:auto;border-right:1px solid var(--color-border);background:var(--color-left-panel-bg)}.usage-guide-nav a{padding:.55rem .7rem;border-radius:var(--border-radius);color:var(--color-text-secondary);text-decoration:none;font-size:.88rem}.usage-guide-nav a:hover{color:var(--color-primary);background:var(--color-left-panel-selected)}.usage-guide-content{padding:0 1.75rem 2rem;overflow-y:auto;scroll-behavior:smooth}.usage-guide-section{padding-top:1.75rem;scroll-margin-top:1rem}.usage-guide-section+.usage-guide-section{margin-top:1.75rem;border-top:1px solid var(--color-border-light)}.usage-guide-section-heading{display:flex;align-items:flex-start;gap:.85rem;margin-bottom:1rem}.usage-guide-section-heading h3{margin:0 0 .25rem;font-size:1.1rem}.usage-guide-step{flex:0 0 auto;padding:.2rem .45rem;border-radius:var(--border-radius);background:var(--color-category-bg);color:var(--color-category-text);font-size:.75rem;font-weight:700}.usage-guide-steps,.usage-guide-list{margin:0;padding-left:1.35rem;color:var(--color-text-secondary);line-height:1.75}.usage-guide-callout,.usage-guide-warning,.usage-guide-example,.usage-guide-note{margin-top:1rem;padding:.85rem 1rem;border-radius:var(--border-radius);line-height:1.65}.usage-guide-callout,.usage-guide-example{border-left:3px solid var(--color-info);background:var(--color-left-panel-selected);color:var(--color-text-secondary)}.usage-guide-warning{border-left:3px solid var(--color-warning);background:var(--color-bg-warning);color:var(--color-text-secondary)}.usage-guide-note{background:var(--color-bg-header);color:var(--color-text-secondary)}.usage-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.usage-guide-card{padding:1rem;border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg-header)}.usage-guide-card h4,.usage-guide-columns h4,.usage-guide-example strong{margin:0 0 .5rem;color:var(--color-text-primary)}.usage-guide-card span{display:block;margin-top:.75rem;color:var(--color-primary);font-size:.82rem}.usage-guide-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.usage-guide-table code,.usage-guide-content code{padding:.08rem .3rem;border-radius:var(--border-radius);background:var(--color-param-value-bg);color:var(--color-primary);font-family:monospace}@media(max-width:800px){.usage-guide-overlay{padding:0}.usage-guide-dialog{width:100%;max-height:100vh;border-radius:0}.usage-guide-body{grid-template-columns:1fr}.usage-guide-nav{flex-direction:row;border-right:0;border-bottom:1px solid var(--color-border)}.usage-guide-grid,.usage-guide-columns{grid-template-columns:1fr}}