:root{--bg-0: #060c16;--bg-1: #0b1628;--bg-2: #0a2430;--line: rgba(255, 255, 255, .12);--panel: rgba(8, 14, 24, .82);--panel-border: rgba(147, 197, 253, .16);--editor-canvas: #191d23;--editor-canvas-top: #242a31;--editor-grid-minor: rgba(255, 255, 255, .048);--editor-grid-major: rgba(255, 255, 255, .11);--editor-node-bg: rgba(15, 18, 24, .96);--editor-node-border: rgba(181, 191, 205, .14);--editor-node-inner: rgba(255, 255, 255, .05);--editor-node-header: rgba(255, 255, 255, .04);--editor-selection: rgba(255, 214, 122, .76);--editor-wire-shadow: rgba(4, 7, 10, .96);--editor-pin-ring: rgba(255, 255, 255, .18)}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,sans-serif;background:radial-gradient(circle at 20% 10%,rgba(14,116,144,.32),transparent 45%),radial-gradient(circle at 84% 84%,rgba(234,88,12,.22),transparent 38%),linear-gradient(135deg,var(--bg-0),var(--bg-1) 45%,var(--bg-2));color:#e6edf8;overflow:hidden}#root{height:100vh;width:100vw}a{color:inherit;text-decoration:none}.font-mono{font-family:IBM Plex Mono,monospace}button,input,textarea,select{transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.app-shell{position:relative;overflow:hidden}.app-shell:before{content:"";position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;background:conic-gradient(from 220deg,#0e74902b,#2563eb1a,#ea580c1f,#0e74902b);filter:blur(56px);animation:orbitGlow 22s linear infinite;pointer-events:none}.panel-surface{background:var(--panel);border-color:var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blueprint-grid{background-color:var(--editor-canvas);background-image:linear-gradient(to right,var(--editor-grid-minor) 1px,transparent 1px),linear-gradient(to bottom,var(--editor-grid-minor) 1px,transparent 1px),linear-gradient(to right,var(--editor-grid-major) 1px,transparent 1px),linear-gradient(to bottom,var(--editor-grid-major) 1px,transparent 1px),radial-gradient(circle at top,rgba(255,255,255,.04),transparent 38%);background-size:24px 24px,24px 24px,120px 120px,120px 120px,100% 100%}.editor-stage{position:relative;background:linear-gradient(180deg,#282d36eb,#171b21fa 34%,#121419),linear-gradient(135deg,rgba(255,255,255,.02),transparent 42%);box-shadow:inset 0 1px #ffffff0a,inset 0 0 0 1px #ffffff05}.editor-stage:before,.editor-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.editor-stage:before{background:radial-gradient(circle at 24% 12%,rgba(132,176,228,.08),transparent 32%)}.editor-stage:after{box-shadow:inset 0 0 48px #00000047}.editor-overlay-card{border:1px solid rgba(148,163,184,.16);border-radius:1rem;background:#080b10d1;box-shadow:0 18px 40px #00000057,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.editor-float-button,.editor-context-close,.editor-toolbar-button{border:1px solid rgba(148,163,184,.2);background:#090d14e6;color:#e6edf8;box-shadow:0 10px 24px #00000047,inset 0 1px #ffffff0a}.editor-float-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;width:2.85rem;height:2.85rem}.editor-float-button:hover,.editor-context-close:hover,.editor-toolbar-button:hover{border-color:#94a3b85c;background:#0f141df5}.editor-zoom-pill{border:1px solid rgba(148,163,184,.18);border-radius:999px;background:#080b10d6;padding:.4rem .8rem;text-align:center;font-size:11px;letter-spacing:.08em;color:#d6dde8;box-shadow:0 10px 24px #00000047}.editor-drop-hint{border-radius:1.2rem;border:1px dashed rgba(64,217,255,.34);background:#1b3a465c;box-shadow:inset 0 0 0 1px #82e1ff14,0 16px 36px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.editor-context-menu{border-radius:1.25rem;border:1px solid rgba(148,163,184,.16);background:#070a0ff5;box-shadow:0 22px 48px #0000006b,inset 0 1px #ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.editor-context-close{border-radius:.8rem;padding:.38rem .7rem;font-size:.75rem}.editor-context-input,.editor-context-item{border:1px solid rgba(148,163,184,.12);background:#0c1018c7}.editor-context-input,.editor-context-item{border-radius:1rem}.editor-context-item:hover{border-color:#38bdf857;background:#111822f0}.editor-toolbar-button{border-radius:1rem}.editor-toolbar-button--primary{border-color:#0ea5e952;background:linear-gradient(180deg,#0891b2eb,#086d90eb)}.editor-toolbar-button--accent{border-color:#22d3ee47;background:#07272ff0}.editor-toolbar-button--warning{border-color:#f59e0b42;background:#301e06e6}.editor-toolbar-button--danger{border-color:#fb718542;background:#3b121deb}.ue-node{position:absolute;min-width:var(--ue-node-min-width, 220px);border-radius:var(--ue-node-radius, .95rem);border:1px solid var(--editor-node-border);background:linear-gradient(180deg,#11151bf7,#0b0e13fa);box-shadow:0 20px 38px #00000070,0 8px 18px #0000004d,inset 0 1px #ffffff0a;overflow:hidden;-webkit-user-select:none;user-select:none}.ue-node:before,.ue-node:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ue-node:before{inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--ue-node-accent),rgba(255,255,255,.12))}.ue-node:after{top:1px;right:1px;bottom:1px;left:1px;border-radius:calc(var(--ue-node-radius, .95rem) - 2px);border:1px solid rgba(255,255,255,.03)}.ue-node--selected{border-color:#ffd67ab8;box-shadow:0 0 0 1px #ffd67a33,0 24px 46px #00000080,0 0 0 3px #ffd67a1a}.ue-node__header{position:relative;padding:.72rem .88rem .56rem;background:linear-gradient(180deg,#ffffff0b,#ffffff04),linear-gradient(90deg,rgba(255,255,255,.02),transparent 36%);border-bottom:1px solid rgba(255,255,255,.05);box-shadow:inset 0 -1px #0000005c}.ue-node__header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--ue-node-accent),transparent 52%);opacity:var(--ue-node-tint-strength, .14);pointer-events:none}.ue-node__title,.ue-node__subtitle,.ue-node__meta{position:relative;z-index:1}.ue-node__header-row{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.ue-node__header-copy{min-width:0;flex:1}.ue-node__header-pins{display:flex;align-items:flex-start;gap:.55rem;padding-top:.08rem}.ue-node__header-pin{display:flex;flex-direction:column;align-items:center;gap:.14rem}.ue-node__header-pin .ue-pin-row{min-height:auto}.ue-node__header-pin .ue-pin-copy{align-items:center;text-align:center}.ue-node__header-pin .ue-pin-label{max-width:76px;color:#fff4f6eb}.ue-node__title{font-size:.88rem;font-weight:700;line-height:1.15;color:#f6f8fb;text-shadow:0 1px 0 rgba(0,0,0,.3)}.ue-node__subtitle{margin-top:.22rem;font-size:.67rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#e2e9f3b3}.ue-node__meta{margin-top:.16rem;font-size:.62rem;letter-spacing:.04em;color:#9daabdc7}.ue-node__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.9rem;padding:.72rem .74rem .84rem}.ue-node__column{display:flex;flex-direction:column;gap:.28rem;min-width:0}.ue-node__column--output{align-items:flex-end}.ue-pin-row{display:flex;align-items:center;min-height:1.48rem;gap:.42rem}.ue-pin-row--output{justify-content:flex-end}.ue-pin-copy{min-width:0;display:flex;flex-direction:column;gap:.1rem}.ue-pin-row--output .ue-pin-copy{align-items:flex-end;text-align:right}.ue-pin-label{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.69rem;font-weight:500;line-height:1.1;color:#eaf0f7}.ue-pin-label--muted{color:#a4b0c299}.ue-pin-value{display:inline-flex;max-width:118px;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;padding:.06rem .38rem;font-size:.58rem;color:#d2dce8d1}.ue-pin-hitbox{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex:none;cursor:crosshair;overflow:visible}.ue-pin-shape{display:inline-block;width:11px;height:11px;background:var(--ue-pin-color);box-shadow:0 0 0 1px #0006,inset 0 1px #ffffff2e}.ue-pin-anchor{position:relative;display:inline-flex;align-items:center;justify-content:center}.ue-pin-anchor-dot{position:absolute;width:4px;height:4px;border-radius:999px;background:#ffffffeb;box-shadow:0 0 0 1px #00000073;pointer-events:none}.ue-pin-shape--circle{border-radius:999px}.ue-pin-shape--square{border-radius:.22rem}.ue-pin-shape--diamond{border-radius:.16rem;transform:rotate(45deg)}.ue-pin-shape--arrow{clip-path:polygon(0 50%,44% 0,44% 24%,100% 24%,100% 76%,44% 76%,44% 100%);transform:rotate(180deg)}.ue-pin-hitbox:hover .ue-pin-shape--circle,.ue-pin-hitbox:hover .ue-pin-shape--square{transform:scale(1.12)}.ue-pin-hitbox:hover .ue-pin-shape--diamond{transform:rotate(45deg) scale(1.12)}.ue-pin-hitbox--input:hover .ue-pin-shape--arrow,.ue-pin-hitbox--output:hover .ue-pin-shape--arrow{transform:rotate(180deg) scale(1.08)}.node-shadow{box-shadow:0 22px 40px #0000006b,0 8px 18px #00000047}.node-appear{animation:nodeAppear .22s ease-out both}.fade-in-up{animation:fadeInUp .36s ease-out both}.toast-enter{animation:toastIn .22s ease-out both}.queue-item{border:1px solid transparent;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.queue-item:hover{transform:translate(3px)}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#0f172a73}.custom-scrollbar::-webkit-scrollbar-thumb{background:#475569cc;border-radius:999px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.miniapp-bottom-nav{padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}@media(max-width:1023px){.app-shell main{padding-bottom:calc(6rem + env(safe-area-inset-bottom))}.editor-overlay-card,.editor-context-menu{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 14px 28px #00000047}.editor-float-button{width:2.55rem;height:2.55rem}.ue-node{min-width:188px}.ue-node__header{padding:.64rem .78rem .48rem}.ue-node__body{gap:1.25rem;padding:.64rem .62rem .72rem}.ue-pin-label{max-width:92px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes nodeAppear{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes orbitGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
