: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}[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}[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)}.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}}