:root{--color-bg: #040d1f;--color-surface: #071425;--color-panel: #0c1f33;--color-panel-alt: #0a1a2a;--color-accent: #4dd0e1;--color-accent-strong: #78f0ff;--color-border: rgba(48, 93, 131, .65);--text-1: #e4f4ff;--text-2: #8ba7c7;--text-3: #647c97;--radius: 12px;--shadow: 0 20px 50px rgba(0, 0, 0, .45);--font-sans: "Roboto", ui-sans-serif, system-ui, -apple-system, "Segoe UI"}:root{--bg:#040d1f;--bg-sidebar:#071425;--bg-topbar:#091b30;--panel:#0c1f33;--panel-alt:#0a1a2a;--panel-soft:#112840;--border:rgba(48,93,131,.65);--border-strong:rgba(80,140,200,.9);--accent:#4dd0e1;--accent-strong:#78f0ff;--text-1:#e4f4ff;--text-2:#8ba7c7;--text-3:#9FC13C;--text-4:#041321;--radius:3px;--shadow:0 20px 50px rgba(0,0,0,.45);--font-sans:"Roboto",ui-sans-serif,system-ui,-apple-system,"Segoe UI"}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(circle at top,#0a1c31,#020912 65%);color:var(--text-1);font-family:var(--font-sans);line-height:1.5}#root,.app{min-height:100%}.app{display:grid;grid-template-columns:200px 1fr;grid-template-rows:70px 1fr;background:transparent}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;display:inline-flex;align-items:center;justify-content:center;font-size:20px}.sidebar{grid-row:1 / span 3;display:flex;flex-direction:column;gap:32px;padding:32px 10px 10px;background:linear-gradient(180deg,var(--bg-sidebar) 0%,#041021 100%);border-right:1px solid var(--border)}.brand{display:flex;align-items:center;justify-content:center;gap:12px}.brand img{width:150px;height:auto}.brand .name{font-weight:600;letter-spacing:.5px}.nav{display:grid;gap:8px}.nav a{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);border-radius:8px;transition:background .2s ease,color .2s ease}.nav a:hover,.nav a:focus-visible{background:#4dd0e11f;color:var(--text-3)}.sidebar-footer{margin-top:auto;font-size:12px;color:var(--text-2)}.topbar{grid-column:2;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(110deg,var(--bg-topbar),rgba(9,27,48,.6));border-bottom:1px solid var(--border)}.topbar-left,.top-actions{display:flex;align-items:center;gap:16px}.search-field{display:flex;align-items:center;gap:10px;padding:2px;border-radius:5px;background:#eeec;border:1px solid rgba(77,208,225,.18);color:var(--text-1);min-width:210px}.search-field.compact{border-radius:10px;min-width:0}.search-field input{background:transparent;border:none;color:inherit;outline:none;font:inherit}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:3px;padding:4px;font-weight:800;letter-spacing:.02em;border:1px solid transparent;background:transparent;color:var(--text-1);cursor:pointer;transition:background .2s ease,border .2s ease,transform .18s ease}.btn:hover{transform:translateY(-1px)}.btn-outline{border-color:#4dd0e14d;background:#0b213466}.btn-ghost{border-color:#4dd0e12e;background:#08192b59}.btn-primary{border-color:var(--accent);background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#041321}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid rgba(77,208,225,.26);background:#08192b8c;color:var(--text-1);font-size:14px;cursor:pointer}.toggle-group{display:flex;align-items:center;gap:8px;padding:4px;border-radius:999px;background:#091b308c;border:1px solid rgba(77,208,225,.16)}.toggle{display:flex;align-items:center;gap:6px;font-size:13px;padding:6px 12px;border-radius:999px;background:transparent;border:none;color:var(--text-2);cursor:pointer}.toggle.is-active{background:linear-gradient(120deg,#4dd0e159,#4dd0e18c);color:var(--text-1)}.avatar-btn{width:38px;height:38px;border-radius:50%;border:1px solid rgba(77,208,225,.3);background:#091b30cc;color:var(--text-1);display:flex;align-items:center;justify-content:center;cursor:pointer}.main-content{grid-column:2;grid-row:2;position:relative;padding:4px;height:100%;background:linear-gradient(180deg,#071425d9,#050e1fe6 60%,#050e1f)}.canvas-full{width:100%;height:100%;background:var(--panel);border-radius:var(--radius);border:1px solid rgba(77,208,225,.15);box-shadow:var(--shadow);display:flex;flex-direction:column}.inspector-panel{position:absolute;top:4px;right:4px;width:400px;height:calc(100% - 8px);background:var(--panel);border-radius:var(--radius);border:1px solid rgba(77,208,225,.15);box-shadow:0 8px 32px #0006;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000;display:flex;flex-direction:column;min-height:0}.inspector-panel.open{transform:translate(0)}.panel{background:var(--panel);border-radius:var(--radius);border:1px solid rgba(77,208,225,.15);box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:0}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid rgba(77,208,225,.12);text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:var(--text-2)}.panel-title{font-weight:600;letter-spacing:.1em}.panel-body{padding:20px;display:grid;gap:18px}.panel-footer{margin-top:auto;padding:16px 20px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid rgba(77,208,225,.12)}.icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid rgba(77,208,225,.2);background:#091b3099;color:var(--text-1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s ease}.icon-btn:hover{transform:translateY(-1px)}.field{display:grid;gap:6px;font-size:14px}.field label{color:var(--text-2);text-transform:uppercase;letter-spacing:.12em;font-size:12px}.input-wrapper{position:relative}.input-wrapper input,.input-wrapper select{width:100%;border-radius:10px;border:1px solid rgba(77,208,225,.25);background:#0a1a2aa6;padding:12px 14px;color:var(--text-1);font:inherit;outline:none}.input-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.input-wrapper input:focus,.input-wrapper select:focus{border-color:var(--accent);box-shadow:0 0 0 1px #4dd0e159}.canvas-panel{position:relative;overflow:hidden}.canvas-panel .panel-header{text-transform:none;letter-spacing:.06em}.canvas-body{flex:1;min-height:0;background:radial-gradient(circle at 0 0,rgba(77,208,225,.18) 0,rgba(77,208,225,.18) 1px,transparent 1px) 0 0 / 40px 40px,linear-gradient(180deg,#071425e6,#07142599);border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.canvas-body .react-flow{height:100%}.canvas-panel .panel-tools{display:flex;gap:8px}.canvas-body .react-flow__node{background:linear-gradient(135deg,#0c2a46f2,#071a2de6);border:1px solid rgba(77,208,225,.24);color:var(--text-1);padding:12px 16px;border-radius:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 12px 20px #00000059}.react-flow__controls{background:#091b30e6;border:1px solid rgba(77,208,225,.2);border-radius:10px;overflow:hidden}.react-flow__background{opacity:.4}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);background:#091b3099}.panel-tools{display:flex;align-items:center;gap:12px}.toggle-group{display:flex;align-items:center;gap:4px;padding:4px;background:#091b30cc;border-radius:8px;border:1px solid rgba(77,208,225,.18)}.toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:none;color:var(--text-2);border-radius:6px;font-size:14px;transition:all .2s ease}.toggle.is-active{background:#4dd0e133;color:var(--text-1)}.toggle:hover{background:#4dd0e11a;color:var(--text-1)}.chip{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#4dd0e11a;border:1px solid rgba(77,208,225,.3);border-radius:999px;color:var(--text-1);font-size:14px;transition:all .2s ease}.chip:hover{background:#4dd0e133;border-color:#4dd0e180}.react-flow__node{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;min-width:280px;box-shadow:0 4px 12px #0003}.node-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(90deg,#9acd32,#9acd32b3);border-bottom:1px solid var(--border)}.node-title{font-weight:700;font-size:14px;letter-spacing:.5px;color:var(--bg-card)}.node-tools{display:flex;align-items:center;gap:4px}.node-content{padding:16px}.node-param{margin-bottom:8px;font-size:14px;color:var(--text-1)}.node-param:last-child{margin-bottom:0}button{font:inherit}a{color:inherit;text-decoration:none}.strategy-dropdown{position:relative}.strategy-select{display:flex;align-items:center;justify-content:space-between;background:#eeec;border:1px solid rgba(77,208,225,.3);border-radius:5px;color:var(--text-4);font-size:14px;padding:2px 12px;min-width:160px;cursor:pointer;transition:all .2s ease}.strategy-select:hover{border-color:#4dd0e180}.strategy-select:focus{outline:none;border-color:#4dd0e1b3;box-shadow:0 0 0 3px #4dd0e133}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid rgba(77,208,225,.3);border-radius:5px;margin-top:4px;box-shadow:0 4px 12px #00000026;z-index:1000;overflow:hidden;opacity:0;transform:translateY(-10px) scaleY(.95);transform-origin:top;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);animation:dropdown-open .2s cubic-bezier(.4,0,.2,1) forwards}@keyframes dropdown-open{0%{opacity:0;transform:translateY(-10px) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}.dropdown-item{display:block;width:100%;padding:10px 16px;background:transparent;border:none;color:var(--text-4);font-size:14px;text-align:left;cursor:pointer;transition:background .2s ease}.dropdown-item:hover{background:#4dd0e11a}.dropdown-item:last-child{color:var(--text-4);font-weight:800}.user-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#4dd0e11a;border:1px solid rgba(77,208,225,.3);border-radius:50%;color:var(--text-1);cursor:pointer;transition:all .2s ease}.user-icon:hover{background:#4dd0e133;border-color:#4dd0e180}.search-field .material-symbols-outlined{color:#091a22;font-size:20px}