@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";.swarm-cursor{position:relative;width:100%;height:100%;overflow:hidden}.swarm-cursor-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.swarm-cursor-content{position:relative;width:100%;height:100%}.iad-root{position:relative;isolation:isolate;min-height:100vh;overflow:hidden;padding:26px clamp(18px,5vw,76px) 22px;background:#08080d;color:#f5f2ff;font-family:Manrope,Inter,sans-serif}.iad-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 48% 38%,rgba(70,53,118,.2),transparent 45%),#08080d}.iad-grid{position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(188,173,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(188,173,255,.075) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 78%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 78%,transparent)}.iad-glow{position:absolute;width:460px;height:460px;border-radius:50%;filter:blur(110px);opacity:.13;animation:iad-drift 14s ease-in-out infinite alternate}.iad-glow-left{left:-220px;top:180px;background:#8b5cf6}.iad-glow-right{right:-210px;top:400px;background:#38bdf8;animation-delay:-7s}.iad-orbit{position:absolute;border:1px solid rgba(196,181,253,.08);border-radius:50%;transform:rotate(-24deg);width:920px;height:300px;left:50%;top:260px;margin-left:-460px;animation:iad-orbit 35s linear infinite}.iad-orbit-two{width:1120px;height:420px;margin-left:-560px;top:190px;transform:rotate(20deg);animation-direction:reverse;opacity:.55}.iad-hero,.iad-lab,.iad-bottom,.iad-footnote{position:relative;z-index:1;max-width:1320px;margin-left:auto;margin-right:auto}.iad-brandline{display:flex;align-items:center;gap:10px;color:#e8e1ff;font:500 11px DM Mono,monospace;letter-spacing:.16em}.iad-brand-mark{display:grid;place-items:center;width:36px;height:36px;overflow:visible;border:0;border-radius:0;background:transparent;color:#d6c9ff}.iad-brand-divider{height:14px;width:1px;background:#c4b5fd40;margin:0 4px}.iad-headline-wrap{max-width:760px;margin:46px auto 30px;text-align:center}.iad-overline{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;color:#b8a8f7;font:500 10px DM Mono,monospace;letter-spacing:.16em}.iad-live-dot{display:inline-block;width:6px;height:6px;flex:none;border-radius:50%;background:#8ce6c3;box-shadow:0 0 12px #8ce6c366}.iad-live-dot.is-running{animation:iad-blink .8s ease infinite}.iad-headline-wrap h1{margin:18px 0 14px;font-size:clamp(42px,6vw,76px);line-height:.99;font-weight:700;letter-spacing:-.075em}.iad-headline-wrap h1 span{color:#b9a6ff;background:linear-gradient(100deg,#ded4ff 4%,#a998f7 47%,#8ed8ed);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.iad-intro{max-width:570px;margin:0 auto;color:#9e9aaa;font-size:14px;line-height:1.8}.iad-lab{border:1px solid rgba(198,184,255,.2);border-radius:18px;background:linear-gradient(145deg,#14121feb,#0a0b12f0);box-shadow:0 26px 100px #0000005c,inset 0 1px #ffffff09;overflow:hidden;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.iad-lab-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;border-bottom:1px solid rgba(196,181,253,.12)}.iad-lab-heading{display:flex;flex-direction:column;gap:6px}.iad-lab-index,.iad-live-status,.iad-canvas-meta,.iad-canvas-footer,.iad-node-top,.iad-node-sub,.iad-inspector-kicker,.iad-step-count span,.iad-footnote{font:500 9px DM Mono,monospace;letter-spacing:.09em}.iad-lab-index{color:#8c7ec3}.iad-lab-heading strong{font-size:14px;font-weight:600;letter-spacing:-.025em}.iad-live-status{display:flex;align-items:center;gap:8px;color:#9b96ab;white-space:nowrap}.iad-canvas{height:350px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 52% 52%,rgba(117,94,184,.08),transparent 56%)}.iad-canvas:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(200,187,255,.25) .8px,transparent .8px);background-size:19px 19px;opacity:.19;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.iad-canvas-meta{position:absolute;z-index:2;top:16px;left:20px;right:20px;display:flex;justify-content:space-between;gap:10px;color:#6e6a80;font-size:8px}.iad-canvas-meta b,.iad-canvas-footer b{color:#b8a8f7}.iad-canvas-meta span:last-child{display:flex;align-items:center;gap:5px}.iad-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.iad-wire-base{fill:none;stroke:#b0a4de3d;stroke-width:1.5;stroke-dasharray:4 7}.iad-wire-flow{fill:none;stroke:#b8a8f7;stroke-width:2;stroke-dasharray:7 11;stroke-dashoffset:140;opacity:0;filter:drop-shadow(0 0 5px #a995ff);transition:opacity .25s}.iad-wire-flow.is-active{opacity:.95;animation:iad-flow 1.25s linear infinite}.iad-node{--node-accent:#c4b5fd;position:absolute;z-index:3;top:50%;left:var(--node-left,50%);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:flex-start;width:clamp(128px,14.5%,176px);min-height:128px;padding:11px 12px 12px;border:1px solid color-mix(in srgb,var(--node-accent) 27%,transparent);border-radius:11px;background:linear-gradient(145deg,#181826f7,#0d0e17f7);color:#f4f0ff;text-align:left;cursor:pointer;box-shadow:0 12px 28px #00000038;transition:border-color .2s,box-shadow .2s,transform .2s,background .2s}.iad-node:hover{transform:translate(-50%,-53%);border-color:color-mix(in srgb,var(--node-accent) 75%,transparent);box-shadow:0 12px 38px color-mix(in srgb,var(--node-accent) 12%,transparent)}.iad-node.is-selected,.iad-node.is-tracing{border-color:var(--node-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--node-accent) 18%,transparent),0 0 30px color-mix(in srgb,var(--node-accent) 16%,transparent),0 12px 28px #0005}.iad-node.is-complete .iad-node-top svg{color:#8ce6c3}.iad-node-client{--node-left:7%;top:50%}.iad-node-gateway{--node-left:28%;top:50%}.iad-node-service{--node-left:50%;top:50%}.iad-node-database{--node-left:70%;top:31%}.iad-node-response{--node-left:91%;top:50%}.iad-node-top{width:100%;display:flex;justify-content:space-between;align-items:center;gap:6px;color:var(--node-accent);font-size:7px;letter-spacing:.055em;white-space:nowrap}.iad-node-pulse{width:5px;height:5px;border-radius:50%;background:var(--node-accent);box-shadow:0 0 8px var(--node-accent)}.iad-node-icon{display:grid;place-items:center;width:34px;height:34px;margin:10px 0 8px;border:1px solid color-mix(in srgb,var(--node-accent) 25%,transparent);border-radius:8px;background:color-mix(in srgb,var(--node-accent) 9%,transparent);color:var(--node-accent)}.iad-node strong{font:600 10px DM Mono,monospace;letter-spacing:.04em}.iad-node-sub{margin-top:5px;color:#8e8b9e;font-size:8px;letter-spacing:0}.iad-node-ports{position:absolute;top:calc(50% - 5px);left:-4px;right:-4px;display:flex;justify-content:space-between;pointer-events:none}.iad-node-ports i{width:7px;height:7px;border:1px solid var(--node-accent);border-radius:50%;background:#151422}.iad-wire-label{position:absolute;z-index:2;padding:5px 7px;border:1px solid rgba(196,181,253,.13);border-radius:5px;background:#11101bdc;color:#9d92c9;font:500 7px DM Mono,monospace;letter-spacing:.08em}.iad-label-request{left:16.5%;top:43%}.iad-label-request span{color:#ded4ff}.iad-label-query{left:60%;top:26%}.iad-canvas-footer{position:absolute;bottom:13px;left:20px;right:20px;display:flex;justify-content:space-between;color:#6d687e;font-size:8px}.iad-canvas-footer span:first-child{display:flex;align-items:center;gap:7px}.iad-legend-dot{width:6px;height:6px;border-radius:50%;background:#b8a8f7;box-shadow:0 0 8px #b8a8f7}.iad-inspector{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 22px;border-top:1px solid rgba(196,181,253,.12);background:#08080e8c}.iad-inspector-main{display:flex;align-items:flex-start;gap:13px;min-width:0}.iad-inspector-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--node-accent) 30%,transparent);border-radius:11px;background:color-mix(in srgb,var(--node-accent) 9%,transparent);color:var(--node-accent)}.iad-inspector-copy{min-width:0}.iad-inspector-kicker{color:#817b98;font-size:8px}.iad-inspector-kicker span{color:#b5a6ef}.iad-inspector-copy h2{margin:5px 0;font:600 13px DM Mono,monospace;letter-spacing:.06em}.iad-inspector-copy p{max-width:620px;margin:0;color:#aaa6b8;font-size:11px;line-height:1.6}.iad-inspector-role{display:flex;align-items:center;gap:6px;margin-top:8px;color:#d0c5ff;font-size:10px}.iad-inspector-role svg{flex:none}.iad-inspector-actions{display:flex;align-items:center;gap:18px;flex:none}.iad-step-count{display:flex;flex-direction:column;gap:5px}.iad-step-count span{color:#79748b;font-size:8px}.iad-step-count strong{font-size:10px;font-weight:600;white-space:nowrap}.iad-trace-btn,.iad-secondary-btn,.iad-open-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:0 14px;border:1px solid #c5b5ff;border-radius:8px;background:#c5b5ff;color:#141020;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}.iad-trace-btn:hover,.iad-open-btn:hover{transform:translateY(-2px);background:#ded5ff;box-shadow:0 8px 25px #b8a8f72a}.iad-trace-btn:disabled{opacity:.7;cursor:wait}.iad-secondary-btn{border-color:#c4b5fd40;background:#c4b5fd14;color:#d9d0ff}.iad-success{display:flex;align-items:center;gap:8px;padding:11px 22px;border-top:1px solid rgba(140,230,195,.16);background:#8ce6c30e;color:#9ce9c8;font-size:10px}.iad-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px 6px 30px}.iad-bottom-copy{max-width:630px}.iad-bottom-copy .iad-overline{justify-content:flex-start;font-size:9px}.iad-bottom-copy h2{margin:9px 0;font-size:clamp(25px,3vw,36px);letter-spacing:-.055em}.iad-bottom-copy h2 span{color:#b9a6ff}.iad-bottom-copy p{max-width:590px;margin:0;color:#9692a4;font-size:12px;line-height:1.8}.iad-open-btn{min-height:46px;padding:0 18px;flex:none}.iad-footnote{display:flex;justify-content:space-between;gap:12px;max-width:1320px;margin:0 auto;padding:15px 0 0;border-top:1px solid rgba(196,181,253,.1);color:#6e697f;font-size:8px}.iad-footnote span{display:flex;align-items:center;gap:6px}@keyframes iad-flow{to{stroke-dashoffset:-36}}@keyframes iad-blink{50%{opacity:.25}}@keyframes iad-drift{to{transform:translate(50px,-35px) scale(1.12)}}@keyframes iad-orbit{to{transform:rotate(336deg)}}@media(max-width:900px){.iad-root{padding:20px 18px}.iad-headline-wrap{margin-top:38px}.iad-canvas{height:320px}.iad-node{width:15%;min-width:0;min-height:112px;padding:9px 8px}.iad-node strong{font-size:8px}.iad-node-top{font-size:6px}.iad-node-sub{font-size:7px}.iad-node-icon{width:29px;height:29px;margin:8px 0 6px}.iad-wire-label{font-size:6px}.iad-inspector{align-items:flex-start}.iad-inspector-actions{gap:10px;flex-direction:column;align-items:flex-end}.iad-bottom{padding-top:32px}}@media(max-width:640px){.iad-root{padding:16px 12px 18px}.iad-brandline{font-size:9px;letter-spacing:.1em}.iad-brand-divider{margin:0}.iad-headline-wrap{margin:38px auto 25px}.iad-headline-wrap h1{font-size:44px}.iad-intro{font-size:12px;padding:0 8px}.iad-lab{border-radius:13px}.iad-lab-top{padding:14px}.iad-lab-heading strong{font-size:12px}.iad-live-status{font-size:7px}.iad-canvas{height:420px}.iad-canvas-meta{left:12px;right:12px;font-size:6px}.iad-canvas-meta span:last-child{max-width:100px;text-align:right}.iad-wires{display:none}.iad-node{width:43%;min-height:0;top:var(--mobile-top);left:var(--mobile-left);transform:translate(-50%,-50%);padding:9px 10px}.iad-node:hover{transform:translate(-50%,-52%)}.iad-node-client{--mobile-left:26%;--mobile-top:23%}.iad-node-gateway{--mobile-left:74%;--mobile-top:23%}.iad-node-service{--mobile-left:26%;--mobile-top:53%}.iad-node-database{--mobile-left:74%;--mobile-top:53%}.iad-node-response{--mobile-left:50%;--mobile-top:82%}.iad-node-top{font-size:7px}.iad-node strong{font-size:9px}.iad-node-sub{font-size:8px}.iad-node-icon{width:28px;height:28px;margin:7px 0 5px}.iad-node-ports,.iad-wire-label{display:none}.iad-canvas-footer{left:12px;right:12px;font-size:7px}.iad-inspector{padding:15px 13px;flex-direction:column;gap:16px}.iad-inspector-copy p{font-size:10px}.iad-inspector-actions{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.iad-step-count strong{font-size:9px}.iad-trace-btn,.iad-secondary-btn{min-height:37px;padding:0 10px;font-size:9px}.iad-bottom{align-items:flex-start;flex-direction:column;padding:30px 4px 24px;gap:18px}.iad-bottom-copy h2{font-size:28px}.iad-bottom-copy p{font-size:11px}.iad-open-btn{width:100%}.iad-footnote{flex-wrap:wrap;justify-content:flex-start;font-size:7px;gap:12px}.iad-footnote span{width:calc(50% - 8px)}}@media(prefers-reduced-motion:reduce){.iad-glow,.iad-orbit,.iad-wire-flow.is-active{animation:none}.iad-node,.iad-trace-btn,.iad-open-btn{transition:none}}.iad-root{padding-top:30px}.iad-hero{min-height:410px;display:flex;flex-direction:column}.iad-brandline{color:#a9a2bb}.iad-headline-wrap{max-width:880px;margin:42px auto 36px}.iad-headline-wrap .iad-overline{margin-bottom:18px}.iad-headline-wrap h1.iad-brand-title{margin:0;font-size:clamp(76px,15vw,174px);line-height:.82;font-weight:800;letter-spacing:.015em;color:#f7f3ff;text-shadow:0 0 70px rgba(196,181,253,.12)}.iad-hero-tagline{margin:20px 0 9px;font-size:clamp(17px,2.3vw,25px);color:#e7e1f7;font-weight:600;letter-spacing:-.04em}.iad-headline-wrap .iad-intro{max-width:520px}.iad-hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;align-self:center;margin-top:22px;min-height:43px;padding:0 18px;border:1px solid #c5b5ff;border-radius:8px;background:#c5b5ff;color:#141020;font-size:11px;font-weight:800;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}.iad-hero-cta:hover{transform:translateY(-2px);background:#ded5ff;box-shadow:0 8px 28px #b8a8f72a}.iad-lab{scroll-margin-top:24px}.iad-spiral-section{position:relative;display:grid;grid-template-columns:minmax(250px,.8fr) minmax(320px,1.2fr);align-items:center;gap:clamp(24px,5vw,70px);max-width:1320px;margin:0 auto;padding:78px 18px 64px;border-bottom:1px solid rgba(196,181,253,.12)}.iad-spiral-copy .iad-overline{justify-content:flex-start}.iad-spiral-copy h2{margin:17px 0 14px;font-size:clamp(30px,4.1vw,48px);line-height:1.02;letter-spacing:-.065em}.iad-spiral-copy h2 span{color:#b9a6ff;background:linear-gradient(100deg,#ded4ff,#a998f7 55%,#8ed8ed);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.iad-spiral-copy>p:not(.iad-overline){max-width:430px;color:#9e9aaa;font-size:12px;line-height:1.85}.iad-spiral-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px;color:#88839b;font:500 8px DM Mono,monospace;letter-spacing:.06em}.iad-spiral-legend span{display:flex;align-items:center;gap:6px}.iad-spiral-legend i{width:6px;height:6px;border-radius:50%;display:inline-block}.iad-legend-purple{background:#c4b5fd;box-shadow:0 0 9px #c4b5fd77}.iad-legend-blue{background:#93c5fd;box-shadow:0 0 9px #93c5fd77}.iad-legend-green{background:#6ee7b7;box-shadow:0 0 9px #6ee7b777}.iad-spiral-visual{position:relative;display:grid;place-items:center;min-height:440px;overflow:hidden;isolation:isolate;border:1px solid rgba(196,181,253,.13);border-radius:18px;background:radial-gradient(ellipse at center,#755eb821,#09080f52 65%)}.iad-spiral-visual:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(188,173,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(188,173,255,.075) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse,#000,transparent 76%);mask-image:radial-gradient(ellipse,#000,transparent 76%)}.iad-spiral-glow{position:absolute;width:180px;height:180px;border-radius:50%;background:#9d85f5;filter:blur(85px);opacity:.22}.iad-spiral-ring{position:absolute;display:block;border:1px solid rgba(196,181,253,.23);border-radius:50%;animation:iad-spiral-spin linear infinite}.iad-spiral-ring-outer{width:350px;height:350px;animation-duration:34s}.iad-spiral-ring-middle{width:260px;height:260px;border-color:#93c5fd4d;animation-duration:25s;animation-direction:reverse}.iad-spiral-ring-inner{width:166px;height:166px;border-color:#6ee7b752;animation-duration:18s}.iad-spiral-node{position:absolute;display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid rgba(196,181,253,.25);border-radius:8px;background:#12101df5;color:#dcd5f4;font:500 8px DM Mono,monospace;letter-spacing:.04em;white-space:nowrap;box-shadow:0 8px 22px #0005}.iad-spiral-ring-outer .iad-spiral-node{animation:iad-spiral-counter 34s linear infinite}.iad-spiral-ring-middle .iad-spiral-node{animation:iad-spiral-spin 25s linear infinite}.iad-spiral-ring-inner .iad-spiral-node{animation:iad-spiral-counter 18s linear infinite}.iad-spiral-node-api,.iad-spiral-node-service,.iad-spiral-node-db{left:50%;top:-14px;transform:translate(-50%)}.iad-spiral-node-api{color:#d5caff}.iad-spiral-node-cache{right:-25px;bottom:25%;color:#c6ddff;border-color:#93c5fd55}.iad-spiral-node-service{color:#c7baff}.iad-spiral-node-queue{left:-28px;bottom:23%;color:#bfe8ff;border-color:#93c5fd55}.iad-spiral-node-db{color:#b4f5dc;border-color:#6ee7b755}.iad-spiral-node-auth{right:-28px;bottom:18%;color:#b4f5dc;border-color:#6ee7b755}.iad-spiral-core{z-index:2;display:flex;align-items:center;flex-direction:column;gap:7px;color:#d8ccff}.iad-spiral-core strong{font:700 12px DM Mono,monospace;letter-spacing:.1em}.iad-spiral-core span{color:#77718e;font:500 7px DM Mono,monospace;letter-spacing:.14em}.iad-spiral-orbit-dot{position:absolute;z-index:1;width:6px;height:6px;border-radius:50%;background:#c4b5fd;box-shadow:0 0 14px #c4b5fd}.iad-spiral-dot-one{animation:iad-spiral-dot 9s linear infinite}.iad-spiral-dot-two{background:#93c5fd;box-shadow:0 0 14px #93c5fd;animation:iad-spiral-dot 13s linear infinite reverse}.iad-spiral-dot-three{background:#6ee7b7;box-shadow:0 0 14px #6ee7b7;animation:iad-spiral-dot 7s linear infinite}.iad-cursor-overlay{position:absolute;inset:0;z-index:8;overflow:hidden;pointer-events:none;opacity:.58}.iad-cursor-overlay .swarm-cursor{position:absolute;inset:0;overflow:hidden;pointer-events:none}.iad-cursor-overlay .swarm-cursor-canvas{position:absolute;inset:0;z-index:8;pointer-events:none}.iad-root>:not(.iad-cursor-overlay){position:relative;z-index:1}@keyframes iad-spiral-spin{to{transform:rotate(360deg)}}@keyframes iad-spiral-counter{to{transform:rotate(-360deg)}}@keyframes iad-spiral-dot{0%{transform:translate(-150px,-125px)}25%{transform:translate(140px,-100px)}50%{transform:translate(125px,145px)}75%{transform:translate(-140px,110px)}to{transform:translate(-150px,-125px)}}@media(max-width:760px){.iad-spiral-section{grid-template-columns:1fr;padding:50px 6px 40px;gap:20px}.iad-spiral-visual{min-height:350px}.iad-spiral-ring-outer{width:290px;height:290px}.iad-spiral-ring-middle{width:220px;height:220px}.iad-spiral-ring-inner{width:145px;height:145px}.iad-spiral-node{font-size:7px;padding:7px 8px}}@media(max-width:640px){.iad-root{padding-top:18px}.iad-hero{min-height:340px}.iad-headline-wrap{margin:36px auto 24px}.iad-headline-wrap h1.iad-brand-title{font-size:clamp(66px,18vw,108px)}.iad-hero-tagline{font-size:17px}.iad-spiral-visual{min-height:310px}.iad-spiral-ring-outer{width:250px;height:250px}.iad-spiral-ring-middle{width:190px;height:190px}.iad-spiral-ring-inner{width:125px;height:125px}.iad-spiral-node-api,.iad-spiral-node-service,.iad-spiral-node-db{font-size:6px}}@media(prefers-reduced-motion:reduce){.iad-spiral-ring,.iad-spiral-ring .iad-spiral-node,.iad-spiral-orbit-dot{animation:none!important}.iad-hero-cta,.iad-node,.iad-trace-btn,.iad-open-btn{transition:none!important}}.node-heading{display:flex;align-items:center;gap:6px;min-width:0}.node-category-icon{display:inline-flex;align-items:center;justify-content:center;flex:none}.bp-node{border-top-width:2px;border-top-color:var(--category-accent,#64748b);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.bp-node .node-category,.bp-node .node-category-icon{color:var(--category-accent,#94a3b8)}.bp-node.selected{border-color:var(--category-accent,#29b6f6);box-shadow:0 0 0 2px var(--category-glow,#29b6f633),0 12px 28px #0009}.bp-node--edge,.catalog-item--edge,.catalog-component-icon--edge{--category-accent:#38bdf8;--category-glow:#38bdf833}.bp-node--security,.catalog-item--security,.catalog-component-icon--security{--category-accent:#fb7185;--category-glow:#fb718533}.bp-node--network,.catalog-item--network,.catalog-component-icon--network{--category-accent:#60a5fa;--category-glow:#60a5fa33}.bp-node--routing,.catalog-item--routing,.catalog-component-icon--routing{--category-accent:#818cf8;--category-glow:#818cf833}.bp-node--compute,.catalog-item--compute,.catalog-component-icon--compute{--category-accent:#a78bfa;--category-glow:#a78bfa33}.bp-node--api,.catalog-item--api,.catalog-component-icon--api{--category-accent:#22d3ee;--category-glow:#22d3ee33}.bp-node--realtime,.catalog-item--realtime,.catalog-component-icon--realtime{--category-accent:#2dd4bf;--category-glow:#2dd4bf33}.bp-node--integration,.catalog-item--integration,.catalog-component-icon--integration{--category-accent:#34d399;--category-glow:#34d39933}.bp-node--data,.catalog-item--data,.catalog-component-icon--data{--category-accent:#fbbf24;--category-glow:#fbbf2433}.bp-node--analytics,.catalog-item--analytics,.catalog-component-icon--analytics{--category-accent:#facc15;--category-glow:#facc1533}.bp-node--storage,.catalog-item--storage,.catalog-component-icon--storage{--category-accent:#f59e0b;--category-glow:#f59e0b33}.bp-node--reliability,.catalog-item--reliability,.catalog-component-icon--reliability{--category-accent:#4ade80;--category-glow:#4ade8033}.bp-node--messaging,.catalog-item--messaging,.catalog-component-icon--messaging{--category-accent:#c084fc;--category-glow:#c084fc33}.bp-node--orchestration,.catalog-item--orchestration,.catalog-component-icon--orchestration{--category-accent:#e879f9;--category-glow:#e879f933}.bp-node--observability,.catalog-item--observability,.catalog-component-icon--observability{--category-accent:#2dd4bf;--category-glow:#2dd4bf33}.bp-node--platform,.catalog-item--platform,.catalog-component-icon--platform{--category-accent:#94a3b8;--category-glow:#94a3b833}.bp-node--external,.catalog-item--external,.catalog-component-icon--external{--category-accent:#fb923c;--category-glow:#fb923c33}.bp-node--banking,.catalog-item--banking,.catalog-component-icon--banking{--category-accent:#f87171;--category-glow:#f8717133}.bp-node--ai,.catalog-item--ai,.catalog-component-icon--ai{--category-accent:#c4b5fd;--category-glow:#c4b5fd33}.bp-node--neutral,.catalog-item--neutral{--category-accent:#94a3b8;--category-glow:#94a3b833}.catalog-item{border-left:2px solid var(--category-accent,#263541);transition:border-color .14s ease,background .14s ease,transform .14s ease}.catalog-item:hover:not(:disabled){border-color:var(--category-accent,#263541);background:#111e29;transform:translate(2px)}.catalog-item-active{border-color:var(--category-accent,#29b6f6)!important;background:#12202b!important;box-shadow:inset 2px 0 0 var(--category-accent,#29b6f6)}.catalog-item-title{display:flex;align-items:center;gap:8px;min-width:0}.catalog-item-title>span:last-child{min-width:0}.catalog-item-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;color:var(--category-accent,#94a3b8)}.catalog-item small{padding-left:22px}.catalog-component-icon{color:var(--category-accent,#29b6f6);background:#0b1219;border-color:var(--category-accent,#1c2a36)}@media(prefers-reduced-motion:reduce){.bp-node,.catalog-item{transition:none}.catalog-item:hover:not(:disabled){transform:none}}.react-flow__edge.selected .react-flow__edge-path{stroke:#67e8f9;stroke-width:3}.react-flow__edge-path{transition:stroke .14s ease,stroke-width .14s ease}.react-flow__connection-path{stroke:#67e8f9;stroke-width:2}.app-shell .canvas-column{min-width:0;position:relative;background:radial-gradient(ellipse at 50% 18%,rgba(155,130,245,.09),transparent 58%),#0b0912}.app-shell .canvas,.app-shell .react-flow{background:transparent!important}.app-shell .react-flow__background pattern circle{fill:#c4b5fd38}.app-shell .bp-node{position:relative;width:232px;min-width:232px;max-width:232px;min-height:126px;padding:14px 15px 15px;border:1px solid rgba(196,181,253,.24)!important;border-radius:14px!important;background:linear-gradient(145deg,#1b1729fa,#0e0c16fa)!important;box-shadow:0 16px 38px #00000047,inset 0 1px #ffffff0b!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.app-shell .bp-node:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 0 0,rgba(196,181,253,.08),transparent 65%)}.app-shell .bp-node:hover{border-color:#c4b5fd8f!important;box-shadow:0 18px 44px #00000057,0 0 0 1px #c4b5fd14!important}.app-shell .bp-node.selected{border-color:#c4b5fd!important;box-shadow:0 0 0 2px #c4b5fd2e,0 18px 44px #00000059!important}.app-shell .bp-node .node-heading{display:flex;align-items:center;gap:7px;min-height:18px;margin-bottom:12px}.app-shell .bp-node .node-category-icon{display:grid;place-items:center;width:29px;height:29px;flex:none;border:1px solid rgba(196,181,253,.2);border-radius:9px;background:#c4b5fd17;color:#c4b5fd}.app-shell .bp-node .node-category{font-size:9px!important;letter-spacing:.1em;font-weight:650;color:#c4b5fd!important;text-transform:uppercase}.app-shell .bp-node .node-label{position:relative;z-index:1;margin:0;font-size:13px!important;line-height:1.35;font-weight:700;letter-spacing:.015em;color:#f0ecfa;white-space:normal;overflow-wrap:anywhere;text-overflow:clip}.app-shell .bp-node .node-notes{display:block;margin-top:6px;color:#aaa2bb;font-size:10px;line-height:1.45}.app-shell .bp-node .handle{width:9px!important;height:9px!important;background:#c4b5fd!important;border:2px solid #0d0a15!important;box-shadow:0 0 0 2px #c4b5fd1a}.app-shell .bp-node .react-flow__handle{z-index:3}.app-shell .react-flow__edge-path{stroke-width:2!important;filter:drop-shadow(0 0 4px rgba(196,181,253,.13))}.app-shell .react-flow__edge.selected .react-flow__edge-path{stroke-width:2.8!important}.app-shell .react-flow__controls{overflow:hidden;border:1px solid rgba(196,181,253,.18);border-radius:10px;background:#120e1cf0;box-shadow:0 8px 24px #0004}.app-shell .react-flow__controls-button{width:30px;height:30px;border-bottom:1px solid rgba(196,181,253,.12);background:transparent;fill:#d7cafa}.app-shell .react-flow__minimap{border:1px solid rgba(196,181,253,.2);border-radius:10px;overflow:hidden;background:#100d19}.app-shell .requirements-panel{padding:17px 14px!important;background:linear-gradient(180deg,#14101ffa,#0c0a13fa)!important;border-right:1px solid rgba(196,181,253,.16)!important}.app-shell .requirements-panel-header{display:grid;grid-template-columns:30px minmax(0,1fr) 28px;align-items:start;gap:9px;padding:2px 0 17px;margin-bottom:14px;border-bottom:1px solid rgba(196,181,253,.13)}.app-shell .requirements-panel-header .panel-toggle-button{grid-column:3;grid-row:1;min-width:28px;padding:5px!important;background:#c4b5fd0f}.app-shell .requirements-panel-header .requirements-mark{grid-column:1;grid-row:1;width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(196,181,253,.23);border-radius:9px;background:#c4b5fd1a;color:#c4b5fd}.app-shell .requirements-panel-header>div:last-child{grid-column:2;grid-row:1;min-width:0}.app-shell .requirements-panel-header .section-kicker{font-size:9px!important;letter-spacing:.12em;color:#c4b5fd!important}.app-shell .requirements-panel-header p{margin:5px 0 0;color:#aaa2bb;font-size:11px!important;line-height:1.5}.app-shell .requirements-panel .brief-card{margin:0 0 12px;padding:13px 12px;border:1px solid rgba(196,181,253,.14);border-radius:12px;background:linear-gradient(145deg,#1c172aa8,#100d18b8)}.app-shell .requirements-panel .brief-card-heading{display:flex;align-items:flex-start;gap:9px;margin-bottom:10px}.app-shell .requirements-panel .brief-step{display:grid;place-items:center;flex:none;width:23px;height:23px;border:1px solid rgba(196,181,253,.22);border-radius:7px;background:#c4b5fd14;color:#c4b5fd;font:600 9px ui-monospace,monospace}.app-shell .requirements-panel .brief-card-heading h2{margin:1px 0 3px;color:#eee9fa;font-size:12px!important;font-weight:650!important}.app-shell .requirements-panel .brief-card-heading p{margin:0;color:#9189a4;font-size:10px!important;line-height:1.45}.app-shell .requirements-panel .field{margin-top:10px}.app-shell .requirements-panel .field label{color:#a59bbd;font-size:9px!important;letter-spacing:.09em}.app-shell .requirements-panel .field input{min-height:37px!important;border-color:#c4b5fd29!important;border-radius:8px!important;background:#07060c9e!important;font-size:11px!important}.app-shell .requirements-panel .brief-card .primary-btn{min-height:36px!important;border-radius:8px!important;font-size:10px!important;letter-spacing:.015em}.app-shell .requirements-status{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;padding:12px;border:1px solid rgba(196,181,253,.14);border-radius:11px;background:#c4b5fd09}.app-shell .requirements-status .requirements-metric{display:flex;align-items:baseline;gap:6px}.app-shell .requirements-status .requirements-metric strong{color:#e9e2ff;font-size:16px;font-weight:650}.app-shell .requirements-status .requirements-metric span{color:#8f86a4;font-size:10px}.app-shell .requirements-status small{grid-column:1/-1;color:#9b93ad;font-size:10px}.app-shell .collapsed-panel-strip{background:#110d1bf5!important;border-color:#c4b5fd29!important}.app-shell .collapsed-panel-strip span{color:#b8add8!important;letter-spacing:.12em}.app-shell .component-dock-item{min-height:94px!important;flex-basis:190px!important;width:190px!important;padding:15px!important;border-radius:13px!important}.app-shell .component-dock-item strong{font-size:12px!important;line-height:1.4}.app-shell .component-dock-item small,.app-shell .component-dock-item p{font-size:10px!important;line-height:1.45}.app-shell .component-dock{border-color:#c4b5fd2b!important;background:#0f0c17f7!important}.app-shell .component-dock-heading p{max-width:680px;color:#a69db8!important;font-size:11px!important;line-height:1.55}.app-shell .component-library-controls select,.app-shell .component-library-search{border-color:#c4b5fd2b!important;border-radius:9px!important;background:#08070ed9!important}@media(max-width:900px){.app-shell .bp-node{width:204px;min-width:204px;max-width:204px;min-height:112px;padding:12px}.app-shell .component-dock-item{flex-basis:165px!important;width:165px!important}}@media(max-width:640px){.app-shell .bp-node{width:180px;min-width:180px;max-width:180px;min-height:100px;padding:10px}.app-shell .bp-node .node-heading{margin-bottom:8px}.app-shell .requirements-panel{padding:12px 10px!important}}.app-shell .workspace{padding-inline:18px!important;box-sizing:border-box;grid-template-columns:var(--left-panel-width) var(--left-resizer-width) minmax(0,1fr) var(--right-resizer-width) var(--right-panel-width)!important}.app-shell .requirements-panel,.app-shell .right-panel{min-width:0!important;box-sizing:border-box;padding:16px!important}.app-shell .requirements-panel-header{grid-template-columns:30px minmax(0,1fr) 28px;gap:8px;align-items:start}.app-shell .requirements-panel-header>div:last-child{min-width:0}.app-shell .requirements-panel .brief-card{padding:12px!important;margin-bottom:10px!important}.app-shell .requirements-panel .brief-card-heading{align-items:center!important}.app-shell .requirements-panel .brief-card-heading>div{min-width:0}.app-shell .requirements-panel .brief-card-heading h2{overflow-wrap:anywhere}.app-shell .requirements-panel .brief-card .github-muted,.app-shell .requirements-panel .brief-card>p,.app-shell .requirements-panel .brief-card li{color:#aaa2bb!important;font-weight:400!important}.app-shell .requirements-panel .brief-card .primary-btn{white-space:normal}.app-shell .canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.app-shell .canvas-toolbar .section-kicker{font-size:10px!important;letter-spacing:.11em}.app-shell .canvas-toolbar .counter,.app-shell .canvas-toolbar .editor-shortcuts{font-size:10px!important;line-height:1.5;color:#8f86a4}.app-shell .run-request-canvas{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:38px!important;padding:0 15px!important;border:1px solid rgba(196,181,253,.6)!important;border-radius:10px!important;background:linear-gradient(135deg,#d8ccff,#a995f5)!important;color:#171121!important;font-size:11px!important;font-weight:750!important;letter-spacing:.04em;box-shadow:0 7px 24px #a087f529;transition:transform .16s ease,box-shadow .16s ease}.app-shell .run-request-canvas:hover{transform:translateY(-1px);box-shadow:0 10px 28px #a087f540}.app-shell .run-request-canvas:disabled{opacity:.45;cursor:not-allowed;transform:none}.app-shell .architecture-edge-label{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;text-shadow:0 1px 4px #08060e,0 0 8px #08060e;font-size:10px!important;font-weight:600!important;letter-spacing:.015em;white-space:nowrap}.app-shell .bp-node--kind-database,.app-shell .bp-node--kind-nosql_database,.app-shell .bp-node--kind-graph_database,.app-shell .bp-node--kind-time_series_db,.app-shell .bp-node--kind-database_replica,.app-shell .bp-node--kind-database_shard{border-radius:28px/16px!important;border-top-width:2px!important;background:linear-gradient(180deg,#302612fa,#130f0ffc)!important}.app-shell .bp-node--kind-database:before,.app-shell .bp-node--kind-nosql_database:before,.app-shell .bp-node--kind-graph_database:before,.app-shell .bp-node--kind-time_series_db:before,.app-shell .bp-node--kind-database_replica:before,.app-shell .bp-node--kind-database_shard:before{content:"";position:absolute;left:0;right:0;top:0;height:17px;border:1px solid var(--category-accent,#fbbf24);border-radius:50%;opacity:.58;pointer-events:none}.app-shell .bp-node--kind-server,.app-shell .bp-node--kind-app_server,.app-shell .bp-node--kind-web_server,.app-shell .bp-node--kind-compute_instance,.app-shell .bp-node--kind-gpu_inference_pool{border-radius:5px 14px!important;background:linear-gradient(145deg,#1a2030fa,#0d0f18fc)!important}.app-shell .bp-node--kind-message_queue,.app-shell .bp-node--kind-queue,.app-shell .bp-node--kind-event_queue,.app-shell .bp-node--kind-kafka,.app-shell .bp-node--kind-rabbitmq{border-radius:999px!important;padding-inline:20px!important;background:linear-gradient(145deg,#24182dfa,#0f0b17fc)!important}.app-shell .bp-node--kind-cache,.app-shell .bp-node--kind-redis,.app-shell .bp-node--kind-cdn{border-radius:10px 20px!important;background:linear-gradient(145deg,#0f2727fa,#0a1318fc)!important}.app-shell .bp-node--kind-load_balancer,.app-shell .bp-node--kind-api_gateway,.app-shell .bp-node--kind-reverse_proxy{border-radius:18px 5px!important;background:linear-gradient(145deg,#1a1930fa,#0d0c18fc)!important}.app-shell .bp-node--kind-client,.app-shell .bp-node--kind-web_client,.app-shell .bp-node--kind-mobile_app{border-radius:22px!important;background:linear-gradient(145deg,#182230fa,#0c0e18fc)!important}.app-shell .bp-node--kind-database .node-category-icon,.app-shell .bp-node--kind-nosql_database .node-category-icon,.app-shell .bp-node--kind-graph_database .node-category-icon,.app-shell .bp-node--kind-time_series_db .node-category-icon,.app-shell .bp-node--kind-database_replica .node-category-icon,.app-shell .bp-node--kind-database_shard .node-category-icon{color:#fbbf24;border-color:#fbbf2445;background:#fbbf2410}.app-shell .component-dock-item{min-height:88px!important}.app-shell .component-dock-item .catalog-item-title{align-items:flex-start}.app-shell .component-dock-item .catalog-item-title>span:last-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:760px){.app-shell .workspace{padding-inline:6px!important}.app-shell .canvas-toolbar{align-items:flex-start}.app-shell .run-request-canvas{min-height:34px!important;padding-inline:10px!important;font-size:10px!important}}.app-shell .bp-node{position:relative;isolation:isolate;overflow:visible}.app-shell .bp-node>:not(.handle){position:relative;z-index:1}.app-shell .bp-node .handle{z-index:3!important}.app-shell .bp-node--kind-database,.app-shell .bp-node--kind-nosql_database,.app-shell .bp-node--kind-graph_database,.app-shell .bp-node--kind-time_series_db,.app-shell .bp-node--kind-database_replica,.app-shell .bp-node--kind-database_shard,.app-shell .bp-node--kind-vector_database,.app-shell .bp-node--kind-transaction_ledger,.app-shell .bp-node--kind-conversation_store,.app-shell .bp-node--kind-idempotency_store{border-radius:50%/13%!important;padding-top:22px!important;padding-bottom:18px!important;border-top-width:2px!important;background:linear-gradient(180deg,#2f2310fa,#110d12fc)!important;box-shadow:inset 0 8px #fbbf240e,0 12px 26px #0000004d!important}.app-shell .bp-node--kind-database:before,.app-shell .bp-node--kind-nosql_database:before,.app-shell .bp-node--kind-graph_database:before,.app-shell .bp-node--kind-time_series_db:before,.app-shell .bp-node--kind-database_replica:before,.app-shell .bp-node--kind-database_shard:before,.app-shell .bp-node--kind-vector_database:before,.app-shell .bp-node--kind-transaction_ledger:before,.app-shell .bp-node--kind-conversation_store:before,.app-shell .bp-node--kind-idempotency_store:before{content:"";position:absolute;z-index:0;left:0;right:0;top:0;height:18px;border:1px solid var(--category-accent,#fbbf24);border-radius:50%;background:linear-gradient(180deg,#fbbf241f,#fbbf2404);opacity:.82;pointer-events:none}.app-shell .bp-node--kind-database:after,.app-shell .bp-node--kind-nosql_database:after,.app-shell .bp-node--kind-graph_database:after,.app-shell .bp-node--kind-time_series_db:after,.app-shell .bp-node--kind-database_replica:after,.app-shell .bp-node--kind-database_shard:after,.app-shell .bp-node--kind-vector_database:after,.app-shell .bp-node--kind-transaction_ledger:after,.app-shell .bp-node--kind-conversation_store:after,.app-shell .bp-node--kind-idempotency_store:after{content:"";position:absolute;z-index:0;left:0;right:0;bottom:0;height:18px;border:1px solid var(--category-accent,#fbbf24);border-radius:50%;opacity:.42;pointer-events:none}.app-shell .bp-node--kind-app_server,.app-shell .bp-node--kind-microservice,.app-shell .bp-node--kind-web_server,.app-shell .bp-node--kind-container,.app-shell .bp-node--kind-worker,.app-shell .bp-node--kind-batch_job,.app-shell .bp-node--kind-serverless,.app-shell .bp-node--kind-gpu_inference_pool,.app-shell .bp-node--kind-transcoding_server{border-radius:7px!important;background:linear-gradient(145deg,#211c31fc,#0c0b14fc)!important;box-shadow:inset 4px 0 #c4b5fd38,0 12px 26px #0000004d!important}.app-shell .bp-node--kind-app_server:before,.app-shell .bp-node--kind-microservice:before,.app-shell .bp-node--kind-web_server:before,.app-shell .bp-node--kind-container:before,.app-shell .bp-node--kind-worker:before,.app-shell .bp-node--kind-batch_job:before,.app-shell .bp-node--kind-serverless:before,.app-shell .bp-node--kind-gpu_inference_pool:before,.app-shell .bp-node--kind-transcoding_server:before{content:"";position:absolute;top:10px;bottom:10px;left:7px;width:3px;border-radius:3px;background:var(--category-accent,#c4b5fd);opacity:.75;pointer-events:none}.app-shell .bp-node--kind-queue,.app-shell .bp-node--kind-kafka,.app-shell .bp-node--kind-event_bus,.app-shell .bp-node--kind-dead_letter_queue,.app-shell .bp-node--kind-smtp_relay,.app-shell .bp-node--kind-push_gateway{border-radius:999px!important;padding-inline:22px!important;background:linear-gradient(145deg,#261830fa,#0f0a16fc)!important}.app-shell .bp-node--kind-queue:before,.app-shell .bp-node--kind-kafka:before,.app-shell .bp-node--kind-event_bus:before,.app-shell .bp-node--kind-dead_letter_queue:before,.app-shell .bp-node--kind-smtp_relay:before,.app-shell .bp-node--kind-push_gateway:before{content:"";position:absolute;top:12px;bottom:12px;left:9px;width:3px;border-radius:3px;background:var(--category-accent,#c084fc);opacity:.7;pointer-events:none}.app-shell .bp-node--kind-cache,.app-shell .bp-node--kind-cdn,.app-shell .bp-node--kind-redis,.app-shell .bp-node--kind-object_storage,.app-shell .bp-node--kind-blob_storage,.app-shell .bp-node--kind-data_lake,.app-shell .bp-node--kind-data_warehouse{border-radius:12px 12px 5px 5px!important;background:linear-gradient(145deg,#0d2b29fa,#091116fc)!important;box-shadow:inset 0 4px #2dd4bf26,0 12px 26px #0000004d!important}.app-shell .bp-node--kind-cache:before,.app-shell .bp-node--kind-cdn:before,.app-shell .bp-node--kind-redis:before,.app-shell .bp-node--kind-object_storage:before,.app-shell .bp-node--kind-blob_storage:before,.app-shell .bp-node--kind-data_lake:before,.app-shell .bp-node--kind-data_warehouse:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;border-bottom:1px solid var(--category-accent,#2dd4bf);border-radius:12px 12px 0 0;background:#2dd4bf17;pointer-events:none}.app-shell .bp-node--kind-api_gateway,.app-shell .bp-node--kind-load_balancer,.app-shell .bp-node--kind-reverse_proxy,.app-shell .bp-node--kind-nat_gateway,.app-shell .bp-node--kind-egress_gateway,.app-shell .bp-node--kind-llm_gateway{border-radius:16px 5px!important;background:linear-gradient(145deg,#1b1933fa,#0c0b17fc)!important}.app-shell .bp-node--kind-client,.app-shell .bp-node--kind-internet,.app-shell .bp-node--kind-mobile_app,.app-shell .bp-node--kind-web_client,.app-shell .bp-node--kind-external_api,.app-shell .bp-node--kind-payment_service{border-radius:19px!important;background:linear-gradient(145deg,#132231fa,#0a0d17fc)!important}.app-shell .bp-node--kind-firewall,.app-shell .bp-node--kind-ddos_protection,.app-shell .bp-node--kind-identity_provider,.app-shell .bp-node--kind-auth_service,.app-shell .bp-node--kind-iam,.app-shell .bp-node--kind-secrets_manager,.app-shell .bp-node--kind-kms,.app-shell .bp-node--kind-hsm,.app-shell .bp-node--kind-prompt_guardrails{border-radius:5px!important;border-style:double!important;border-width:3px!important;background:linear-gradient(145deg,#301423fa,#120a12fc)!important}.app-shell .bp-node--kind-monitoring,.app-shell .bp-node--kind-logger,.app-shell .bp-node--kind-metrics,.app-shell .bp-node--kind-tracing,.app-shell .bp-node--kind-alerting,.app-shell .bp-node--kind-health_checker{border-radius:12px 12px 4px 4px!important;background:linear-gradient(145deg,#0c2729fa,#091116fc)!important}.app-shell .bp-node--kind-scheduler,.app-shell .bp-node--kind-workflow_engine,.app-shell .bp-node--kind-container_orchestrator,.app-shell .bp-node--kind-autoscaler{border-radius:12px!important;border-style:dashed!important;background:linear-gradient(145deg,#291931fa,#0e0a15fc)!important}.app-shell .bp-node--kind-database .node-category-icon,.app-shell .bp-node--kind-nosql_database .node-category-icon,.app-shell .bp-node--kind-graph_database .node-category-icon,.app-shell .bp-node--kind-time_series_db .node-category-icon,.app-shell .bp-node--kind-database_replica .node-category-icon,.app-shell .bp-node--kind-database_shard .node-category-icon,.app-shell .bp-node--kind-vector_database .node-category-icon{color:#fbbf24;border-color:#fbbf2445;background:#fbbf2410}@media(prefers-reduced-motion:reduce){.app-shell .bp-node{transition:none!important}}.project-dashboard{height:100dvh;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.project-dashboard::-webkit-scrollbar{display:none;width:0;height:0}.project-dashboard-content{flex:0 0 auto;min-height:max-content;width:min(1200px,100%);margin:0 auto;padding:28px 22px 36px}.project-dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0 24px;border-bottom:1px solid #1b2934}.project-dashboard-hero h1{font:850 clamp(22px,3vw,32px) ui-monospace,monospace;margin:9px 0}.project-dashboard-hero p,.project-empty p{color:#8795a5;font-size:12px;line-height:1.6;margin:0}.project-dashboard-hero .section-kicker{display:flex;align-items:center;gap:7px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.project-card{padding:17px;min-width:0}.project-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.project-status{font:800 9px ui-monospace,monospace;letter-spacing:.07em;color:#74d1f7;border:1px solid #234353;background:#0a1821;padding:5px 7px;border-radius:5px}.project-status.is-submitted{color:#a7f3d0;border-color:#215c49;background:#0b2019}.project-count,.project-updated{font:9px ui-monospace,monospace;color:#71808e}.project-card h2{font:800 17px ui-monospace,monospace;overflow-wrap:anywhere;margin:17px 0 8px}.project-description{color:#91a0ae;font-size:11px;line-height:1.6;min-height:36px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-updated{margin-top:15px;padding-top:12px;border-top:1px solid #1b2934}.project-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:14px}.project-actions .primary-btn{margin-right:auto}.project-actions .icon-btn{min-width:32px;min-height:32px}.project-delete{color:#f87171;border-color:#5e2226}.project-empty{margin-top:22px;padding:45px 20px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:10px;color:#29b6f6}.project-empty h2{margin:5px 0 0;color:#edf2f7;font:800 17px ui-monospace,monospace}.project-empty .primary-btn{margin-top:10px}.project-error{margin-top:16px;padding:12px;border:1px solid #74323a;border-radius:8px;color:#fca5a5;background:#211015;font-size:12px;line-height:1.5}.project-storage-note{margin-top:22px;color:#647483;font:10px ui-monospace,monospace;line-height:1.6}@media(max-width:760px){.project-dashboard-content{padding:16px 12px}.project-dashboard-hero{align-items:flex-start;flex-direction:column}.project-grid{grid-template-columns:1fr}.project-card-top{align-items:flex-start;flex-direction:column}.project-actions .primary-btn{width:100%;margin-right:0}.project-actions{display:grid;grid-template-columns:1fr repeat(3,36px)}}.autosave-error{display:block;margin-top:4px;color:#fca5a5;font:9px ui-monospace,monospace;max-width:300px;line-height:1.4}.github-roadmap-card{display:flex;align-items:center;gap:14px;margin-top:18px;padding:16px;min-width:0;border-color:#263845}.github-roadmap-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid #2b3945;border-radius:9px;color:#9aa9b7;background:#0b141c}.github-roadmap-copy{flex:1;min-width:0}.github-roadmap-copy .section-kicker{color:#78b8d4;font:700 9px ui-monospace,monospace;letter-spacing:.08em}.github-roadmap-copy h2{margin:6px 0;color:#edf2f7;font:800 14px ui-monospace,monospace}.github-roadmap-copy p{margin:0;color:#8c9aa8;font-size:11px;line-height:1.6}.github-roadmap-status{flex:none;padding:6px 8px;border:1px solid #6b5424;border-radius:5px;background:#211b0d;color:#e8c878;font:700 9px ui-monospace,monospace;letter-spacing:.04em}@media(max-width:600px){.github-roadmap-card{align-items:flex-start;flex-wrap:wrap}.github-roadmap-status{margin-left:54px}}.project-dashboard-content{width:min(1180px,100%);padding:22px 20px 30px}.project-dashboard-hero{align-items:flex-start;padding:14px 0 20px;gap:16px}.project-dashboard-hero h1{margin:8px 0 7px;font:700 clamp(21px,2.4vw,27px)/1.2 var(--anchon-font-ui, Inter, ui-sans-serif, system-ui, sans-serif);letter-spacing:-.035em}.project-dashboard-hero p,.project-empty p{font-size:12px;line-height:1.55}.project-grid{gap:12px;margin-top:16px}.project-card{padding:15px}.project-card h2{margin:13px 0 7px;font:650 15px/1.35 var(--anchon-font-ui, Inter, ui-sans-serif, system-ui, sans-serif);letter-spacing:-.015em}.project-description{font-size:12px;line-height:1.55;min-height:0}.project-count,.project-updated,.project-status{font-size:10px;font-weight:500}.project-actions{gap:6px;margin-top:12px}.project-actions button{min-height:34px;font-size:11px;font-weight:600}.project-actions .icon-btn{min-width:34px;min-height:34px}.project-empty{padding:34px 18px}.project-empty h2{font:650 16px/1.35 var(--anchon-font-ui, Inter, ui-sans-serif, system-ui, sans-serif)}.github-connection-development{margin-top:16px;padding:15px;border-radius:9px}.github-connection-heading{display:flex;align-items:flex-start;gap:12px}.github-connection-icon{width:34px;height:34px;display:grid;place-items:center;flex:none;border:1px solid #263541;border-radius:8px;color:#9aa9b7;background:#0b141c}.github-connection-title{min-width:0;flex:1}.github-connection-title .section-kicker{font-size:10px;font-weight:600;letter-spacing:.07em}.github-connection-title h2{margin:8px 0 6px;font:650 16px/1.35 var(--anchon-font-ui, Inter, ui-sans-serif, system-ui, sans-serif);letter-spacing:-.015em}.github-connection-title p{margin:0;color:#8795a5;font-size:12px;line-height:1.55}.github-building-pill{flex:none;align-self:flex-start;padding:5px 7px;border:1px solid #6b5424;border-radius:5px;background:#211b0d;color:#e8c878;font:600 9px/1.3 var(--anchon-font-data, ui-monospace, monospace);letter-spacing:.03em}.project-storage-note{margin-top:16px;font-size:10px}@media(max-width:760px){.project-dashboard-content{padding:16px 12px 24px}.project-dashboard-hero{align-items:flex-start;flex-direction:column}.project-dashboard-hero .primary-btn{width:auto}.github-connection-heading{flex-wrap:wrap}.github-building-pill{margin-left:46px}}.project-dashboard-content{padding:20px 20px 28px!important}.project-dashboard-hero{padding:10px 0 18px!important}.project-dashboard-hero h1{font-family:var(--anchon-font-ui, Inter, ui-sans-serif, system-ui, sans-serif)!important;font-size:clamp(20px,2.1vw,25px)!important;font-weight:650!important;line-height:1.2!important;letter-spacing:-.035em!important;margin:7px 0 6px!important}.project-dashboard-hero .section-kicker,.github-connection-title .section-kicker{font-size:9px!important;font-weight:550!important}.project-dashboard-hero p{font-size:11px!important}.project-dashboard-hero>div{min-width:0}.project-dashboard-hero>.primary-btn{flex:0 0 auto}.github-connection-development{margin-top:14px!important;padding:14px 16px!important;min-height:0!important}.github-connection-heading{display:grid!important;grid-template-columns:30px minmax(0,1fr) auto!important;align-items:start!important;gap:10px!important}.github-connection-icon{width:30px!important;height:30px!important;border-radius:7px!important}.github-connection-title h2{font-family:var(--anchon-font-ui, Inter, ui-sans-serif, system-ui, sans-serif)!important;font-size:14px!important;font-weight:600!important;line-height:1.35!important;letter-spacing:-.015em!important;margin:5px 0!important}.github-connection-title p{font-size:11px!important;line-height:1.5!important}.github-building-pill{font-size:9px!important;font-weight:500!important;white-space:nowrap}.project-grid{margin-top:14px!important;gap:12px!important}.project-card{padding:14px!important}.project-card h2{font-family:var(--anchon-font-ui, Inter, ui-sans-serif, system-ui, sans-serif)!important;font-size:14px!important;font-weight:600!important;line-height:1.35!important;letter-spacing:-.015em!important;margin:12px 0 6px!important}.project-description{font-size:11px!important;line-height:1.5!important}.project-status{font-size:9px!important;font-weight:550!important}.project-count,.project-updated{font-size:9px!important;font-weight:450!important}.project-actions button{font-size:10px!important;font-weight:550!important}@media(max-width:760px){.project-dashboard-content{padding:16px 12px 24px!important}.github-connection-heading{grid-template-columns:30px minmax(0,1fr)!important}.github-building-pill{grid-column:2;margin:0!important;justify-self:start}}.project-dashboard{position:relative;isolation:isolate}.project-dashboard>:not(.shape-grid-background){position:relative;z-index:1}.project-dashboard{background:#07060b!important;color:#f1edf9!important}.project-dashboard .topbar{background:#0a0810f5!important;border-bottom-color:#c4b5fd26!important}.project-dashboard .topbar strong{font-family:var(--anchon-font-ui,Inter,ui-sans-serif,system-ui,sans-serif)!important;font-weight:750!important;letter-spacing:.09em!important}.project-dashboard .topbar .nav-btn{border-color:#c4b5fd33!important;background:#c4b5fd0b!important;color:#c8bfdc!important}.project-dashboard .status-pill{border-color:#c4b5fd38!important;background:#c4b5fd12!important;color:#c4b5fd!important}.project-dashboard-content{width:min(1160px,100%)!important;padding:clamp(20px,3vw,36px) clamp(14px,2.8vw,30px) 44px!important}.project-dashboard-hero{align-items:center!important;padding:12px 0 24px!important;border-bottom-color:#c4b5fd29!important}.project-dashboard-hero .section-kicker{color:#bca9ff!important;font:700 10px/1.4 var(--anchon-font-data,ui-monospace,monospace)!important;letter-spacing:.12em!important}.project-dashboard-hero h1{margin:11px 0 9px!important;color:#f4efff!important;font:720 clamp(23px,3vw,31px)/1.14 var(--anchon-font-ui,Inter,ui-sans-serif,system-ui,sans-serif)!important;letter-spacing:-.045em!important}.project-dashboard-hero p{max-width:610px;color:#a49bb6!important;font-size:12px!important;line-height:1.65!important}.project-dashboard .primary-btn{border-color:#c4b5fda6!important;background:linear-gradient(135deg,#d4c7ff,#a995f5)!important;color:#191326!important;border-radius:9px!important;box-shadow:0 7px 22px #a78bfa1f!important}.project-dashboard .primary-btn:hover{background:#e1d8ff!important;box-shadow:0 9px 26px #a78bfa38!important}.project-dashboard .github-connection-development,.project-dashboard .project-card,.project-dashboard .project-empty{border:1px solid rgba(196,181,253,.17)!important;border-radius:14px!important;background:linear-gradient(145deg,#181323eb,#0c0a12f5)!important;box-shadow:0 16px 42px #00000029!important}.project-dashboard .github-connection-development{margin-top:20px!important;padding:17px!important}.project-dashboard .github-connection-icon{border-color:#c4b5fd3d!important;background:#c4b5fd14!important;color:#c4b5fd!important;border-radius:10px!important}.project-dashboard .github-connection-title .section-kicker{color:#bca9ff!important}.project-dashboard .github-connection-title h2{color:#eee7ff!important;font-weight:650!important}.project-dashboard .github-connection-title p{color:#a49bb6!important}.project-dashboard .github-building-pill{border-color:#c4b5fd3d!important;background:#c4b5fd12!important;color:#c4b5fd!important;border-radius:7px!important}.project-dashboard .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-top:18px!important}.project-dashboard .project-card{padding:18px!important;min-width:0;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.project-dashboard .project-card:hover{transform:translateY(-2px);border-color:#c4b5fd5c!important;box-shadow:0 20px 46px #00000040!important}.project-dashboard .project-status{border-color:#c4b5fd3b!important;background:#c4b5fd12!important;color:#c4b5fd!important;border-radius:7px!important}.project-dashboard .project-status.is-submitted{border-color:#6ee7b740!important;background:#6ee7b712!important;color:#86efc0!important}.project-dashboard .project-count,.project-dashboard .project-updated{color:#958ba8!important;font-family:var(--anchon-font-data,ui-monospace,monospace)!important}.project-dashboard .project-card h2{margin:15px 0 7px!important;color:#f0eaff!important;font-size:16px!important;font-weight:650!important;letter-spacing:-.025em!important}.project-dashboard .project-description{color:#aaa1bc!important;font-size:12px!important;line-height:1.6!important}.project-dashboard .project-updated{border-top-color:#c4b5fd21!important}.project-dashboard .project-actions .icon-btn{border-color:#c4b5fd30!important;background:#c4b5fd0a!important;color:#c9bfdc!important;border-radius:8px!important}.project-dashboard .project-actions .project-delete{color:#fda4af!important;border-color:#fb718547!important}.project-dashboard .project-empty{padding:46px 20px!important;color:#c4b5fd!important}.project-dashboard .project-empty h2{color:#f0eaff!important}.project-dashboard .project-empty p{color:#a49bb6!important}.project-dashboard .project-storage-note{color:#857b98!important}.project-dashboard .project-error{border-color:#fb71854d!important;background:#50142340!important;border-radius:10px!important}@media(max-width:760px){.project-dashboard .project-dashboard-hero{align-items:flex-start!important}.project-dashboard .project-grid{grid-template-columns:minmax(0,1fr)!important}.project-dashboard .project-card-top{flex-direction:row!important;align-items:center!important}.project-dashboard .project-actions .primary-btn{width:auto!important}}@media(prefers-reduced-motion:reduce){.project-dashboard .project-card{transition:none!important}}.app-shell.project-dashboard{height:100dvh;min-height:0;overflow:hidden}.app-shell.project-dashboard>.project-dashboard-content{flex:1 1 auto!important;min-height:0!important;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(196,181,253,.28) transparent}.app-shell.project-dashboard>.project-dashboard-content::-webkit-scrollbar{width:8px}.app-shell.project-dashboard>.project-dashboard-content::-webkit-scrollbar-track{background:transparent}.app-shell.project-dashboard>.project-dashboard-content::-webkit-scrollbar-thumb{background:#c4b5fd3d;border:2px solid transparent;border-radius:999px;background-clip:padding-box}.app-shell.project-dashboard>.project-dashboard-content::-webkit-scrollbar-thumb:hover{background:#c4b5fd6b;background-clip:padding-box}.shape-grid-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#101114}.shape-grid-background .swarm-cursor{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.shape-grid-background .swarm-cursor-canvas{opacity:.82}.shape-grid-background:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 10%,rgba(205,207,216,.12),transparent 60%),linear-gradient(180deg,#10111405,#10111459)}.shape-grid-background{z-index:auto;background:transparent!important;overflow:visible}.shape-grid-background:after{z-index:0}.shape-grid-background .swarm-cursor{z-index:50;overflow:visible}.shape-grid-background .swarm-cursor-canvas{position:fixed;z-index:50;inset:0;opacity:.78;pointer-events:none}.shape-grid-background .swarm-cursor-content{position:relative;z-index:50}.auth-screen,.auth-loading{min-height:100vh;display:grid;place-items:center;background:#080d12;color:#edf2f7;padding:24px;font-family:ui-monospace,SFMono-Regular,monospace}.auth-loading{display:flex;flex-direction:column;gap:12px;font-size:12px}.auth-card{width:min(440px,100%);border:1px solid #233543;border-radius:12px;background:#0d151d;padding:28px;box-shadow:0 24px 80px #0005}.auth-kicker{font-size:9px;letter-spacing:.14em;color:#70c9f4}.auth-card h1{font-size:34px;letter-spacing:.14em;margin:12px 0}.auth-intro{font:12px/1.6 system-ui,sans-serif;color:#91a0ae;margin:0 0 22px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:20px}.auth-tabs button,.auth-secondary{border:1px solid #2a3c49;border-radius:5px;padding:10px;background:#101d27;color:#a8b7c4;font:700 10px ui-monospace,monospace;cursor:pointer}.auth-tabs button.active{border-color:#36bdf8;color:#8bdcff;background:#0b2634}.auth-card form{display:flex;flex-direction:column;gap:9px}.auth-card label{font-size:9px;color:#9eacb8;letter-spacing:.1em;margin-top:5px}.auth-card input{width:100%;box-sizing:border-box;background:#080e14;border:1px solid #2a3c49;border-radius:5px;padding:12px;color:#edf2f7;font:13px system-ui,sans-serif;outline:none}.auth-card input:focus{border-color:#36bdf8}.auth-primary,.auth-google{width:100%;padding:12px;border:1px solid #2699c9;border-radius:5px;background:#0c7eae;color:#fff;font:800 10px ui-monospace,monospace;letter-spacing:.08em;cursor:pointer;margin-top:8px}.auth-primary:disabled,.auth-google:disabled{opacity:.55;cursor:wait}.auth-google{margin-top:0;background:#101d27;border-color:#354a59;color:#e5edf4}.auth-link{border:0;background:transparent;color:#70c9f4;font-size:11px;cursor:pointer;margin:12px 0 0;padding:0}.auth-divider{display:flex;align-items:center;gap:12px;color:#657785;font-size:9px;margin:20px 0 12px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#233543;flex:1}.auth-message,.auth-error{font:11px/1.6 system-ui,sans-serif;overflow-wrap:anywhere}.auth-message{color:#9ee6c4}.auth-error{color:#fca5a5}.auth-footnote{font:10px/1.6 system-ui,sans-serif;color:#637582;margin:18px 0 0}.auth-account-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 14px;background:#0b151e;border-bottom:1px solid #20313e;color:#83a1b4;font:9px ui-monospace,monospace}.auth-account-bar button{background:transparent;border:1px solid #314957;color:#b8cad6;border-radius:4px;padding:5px 8px;font:700 9px ui-monospace,monospace;cursor:pointer}.auth-sync-banner{padding:8px 14px;background:#291b0c;color:#fcd9a2;border-bottom:1px solid #70501d;font:11px/1.5 system-ui,sans-serif}.auth-account-bar+*{min-height:calc(100vh - 34px)}.auth-screen,.auth-loading{position:relative;isolation:isolate;overflow:hidden;background:#08080d;color:#f5f2ff;font-family:var(--anchon-font-ui,"DM Sans",Inter,sans-serif)}.auth-screen:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 15%,rgba(139,92,246,.2),transparent 48%),linear-gradient(rgba(188,173,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(188,173,255,.045) 1px,transparent 1px);background-size:auto,36px 36px,36px 36px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 95%);mask-image:linear-gradient(to bottom,#000,transparent 95%)}.auth-card{position:relative;width:min(450px,100%);padding:34px;border:1px solid rgba(196,181,253,.22);border-radius:18px;background:linear-gradient(145deg,#161322f5,#0a0a11f7);box-shadow:0 28px 100px #00000073,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.auth-brand-mark{display:grid;place-items:center;width:48px;height:48px;margin-bottom:20px;border:0;border-radius:0;background:transparent;color:#d6c9ff}.auth-kicker{color:#b8a8f7;font:500 9px DM Mono,monospace;letter-spacing:.13em}.auth-card h1{margin:10px 0 8px;color:#f5f2ff;font:800 47px/1 var(--anchon-font-display,"Barlow Condensed",sans-serif);letter-spacing:.075em}.auth-card h1 span{color:#b9a6ff}.auth-intro{margin-bottom:24px;color:#a29caf;font-size:12px;line-height:1.7}.auth-tabs{gap:7px;margin-bottom:22px}.auth-tabs button,.auth-secondary{border-color:#c4b5fd29;border-radius:8px;background:#c4b5fd09;color:#aaa4bc;font:600 10px var(--anchon-font-ui,Inter,sans-serif);transition:background .2s,border-color .2s,color .2s}.auth-tabs button.active{border-color:#c4b5fd99;color:#e4dcff;background:#c4b5fd1f}.auth-card form{gap:8px}.auth-card label{margin-top:7px;color:#a49bb8;font:500 9px DM Mono,monospace;letter-spacing:.1em}.auth-card input{border:1px solid rgba(196,181,253,.17);border-radius:8px;background:#07070dcc;padding:13px 12px;color:#f5f2ff;font:12px var(--anchon-font-ui,Inter,sans-serif);transition:border-color .2s,box-shadow .2s}.auth-card input:focus{border-color:#b8a8f7;box-shadow:0 0 0 3px #b8a8f71a}.auth-primary{border:1px solid #c5b5ff;border-radius:8px;background:#c5b5ff;color:#141020;font:750 10px var(--anchon-font-ui,Inter,sans-serif);letter-spacing:.04em;transition:transform .2s,background .2s}.auth-primary:hover{background:#ded5ff;transform:translateY(-1px)}.auth-google{display:flex;align-items:center;justify-content:center;gap:11px;min-height:44px;border:1px solid rgba(196,181,253,.22);border-radius:8px;background:#ffffff09;color:#eee9fb;font:600 12px var(--anchon-font-ui,Inter,sans-serif);letter-spacing:0;transition:background .2s,border-color .2s}.auth-google:hover{background:#c4b5fd14;border-color:#c4b5fd6b}.auth-google-mark{width:17px;height:17px;flex:none}.auth-link{color:#b8a8f7}.auth-divider{color:#777188}.auth-divider:before,.auth-divider:after{background:#c4b5fd26}.auth-footnote{color:#706a80;font-size:9px;line-height:1.65}.auth-account-bar{background:#0d0a15;border-bottom-color:#c4b5fd29;color:#b6a9df}.auth-account-bar button{border-color:#c4b5fd40;border-radius:6px;color:#ded5ff}@media(max-width:480px){.auth-card{padding:26px 21px;border-radius:14px}.auth-card h1{font-size:41px}}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.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__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.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.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.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-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.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:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.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-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.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{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.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-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf2f7;background:#060a0f;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}body{background:#060a0f}button,input,textarea{font:inherit}.home{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 18%,#112230 0,#060a0f 52%)}.home-card{width:min(720px,100%);padding:48px;background:#0b1219;border:1px solid #1c2a36;border-radius:16px;box-shadow:0 28px 90px #0008;text-align:center}.eyebrow,.section-kicker{font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;color:#29b6f6;text-transform:uppercase}.home h1{margin:14px 0;font-size:46px;line-height:1.02;letter-spacing:-.03em}.home p{max-width:560px;margin:0 auto;color:#8795a5;line-height:1.65}.home-actions{display:flex;justify-content:center;gap:12px;margin:30px 0 14px}.primary-btn,.outline-btn,.toolbar-actions button,.event-actions button,.nav-btn,.danger-btn,.danger-outline,.warning-outline,.icon-btn{border:1px solid #263541;background:#0f1821;color:#edf2f7;border-radius:8px;padding:10px 14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace}.primary-btn{background:#29b6f6;border-color:#29b6f6;color:#04111a}.outline-btn{border-color:#eab308;color:#facc15;background:transparent}.compact{padding:8px 11px}.tiny{font:10px ui-monospace,monospace;color:#637181}.app-shell{height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:#060a0f;color:#edf2f7}.topbar{height:58px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 12px;background:#0a1016;border-bottom:1px solid #1a2631}.topbar strong{font:800 13px ui-monospace,monospace;letter-spacing:.06em}.topbar-sub{color:#617181;font:10px ui-monospace,monospace}.nav-btn{padding:7px 10px;color:#a8b4bf}.status-pill{padding:5px 8px;border-radius:999px;border:1px solid #234353;color:#74d1f7;background:#0a1821;font:700 9px ui-monospace,monospace}.warning-pill{color:#facc15;border-color:#624b0b;background:#1c1604}.problem-banner{flex:0 1 auto;min-height:0;max-height:46dvh;overflow-y:auto;overscroll-behavior:contain;padding:13px 18px;background:#0b131b;border-bottom:1px solid #182630}.problem-text{margin-top:6px;font-size:13px;line-height:1.5;color:#d7e0e7;max-width:1250px}.workspace{min-height:0;flex:1 1 0;overflow:hidden;display:grid;grid-template-columns:240px minmax(0,1fr) 320px}.sidebar{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:14px;background:#0a1016}.left-panel{border-right:1px solid #1b2732;scrollbar-width:none;-ms-overflow-style:none}.left-panel::-webkit-scrollbar{display:none}.right-panel{border-left:1px solid #1b2732}.catalog-item{width:100%;padding:9px 10px;margin-top:7px;border-radius:8px;border:1px solid #1c2934;background:#0d161f;color:#e3eaf0;text-align:left;cursor:grab}.catalog-item small{display:block;margin-top:3px;color:#6e7d8c;font:9px ui-monospace,monospace;text-transform:uppercase}.help-box{margin-top:18px;padding:10px;border-top:1px solid #1c2934;color:#738291;font:10px ui-monospace,monospace;line-height:1.5}.help-box strong{color:#29b6f6}.canvas{min-width:0;min-height:0;height:100%;overflow:hidden;position:relative}.canvas-toolbar{position:absolute;z-index:5;left:0;right:0;top:0;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 14px;background:#0a1016dd;border-bottom:1px solid #182630;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.counter{display:block;margin-top:3px;color:#647483;font:9px ui-monospace,monospace}.toolbar-actions{display:flex;gap:7px}.react-flow{background:#060a0f}.bp-node{min-width:170px;max-width:220px;padding:11px;border:1px solid #344350;border-radius:9px;background:#0e171f;box-shadow:0 10px 22px #0008;font-family:ui-monospace,monospace}.bp-node.selected{border-color:#29b6f6;box-shadow:0 0 0 2px #29b6f633,0 12px 28px #0009}.handle{width:10px!important;height:10px!important;background:#29b6f6!important;border:1px solid #071018!important}.node-category{font-size:9px;color:#29b6f6;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.node-label{margin-top:4px;font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-notes{margin-top:5px;color:#7d8c9b;font-size:9px;line-height:1.4}.field{display:flex;flex-direction:column;gap:5px;margin-top:12px}.field label{font:700 9px ui-monospace,monospace;color:#71808e;letter-spacing:.06em}.field input,.field textarea{width:100%;padding:9px;border-radius:7px;border:1px solid #24323e;background:#070c11;color:#e9eff4;outline:none;font:11px ui-monospace,monospace}.field input:focus,.field textarea:focus{border-color:#29b6f6}.notes-field{margin-top:22px}.empty-inspector,.empty-state{color:#697888;font-size:11px;line-height:1.5;padding:12px 0}.danger-btn,.danger-outline{color:#f87171;border-color:#5e2226;background:transparent;margin-top:10px}.submission-rule{margin-top:18px;padding:10px;border:1px dashed #263541;border-radius:7px;color:#708090;font:9px ui-monospace,monospace}.admin-content{width:min(1450px,100%);margin:0 auto;padding:18px;overflow:auto}.panel{background:#0b131a;border:1px solid #1b2934;border-radius:11px}.control-hero{padding:20px;display:flex;justify-content:space-between;gap:18px;align-items:center}.control-hero h1{margin:6px 0 4px;font:800 24px ui-monospace,monospace}.control-hero p{margin:0;color:#748393;font-size:11px}.event-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.event-actions button{font-size:10px}.live-btn{border-color:#1d6b3d!important;color:#4ade80!important}.pause-btn{border-color:#705d11!important;color:#facc15!important}.warning-outline{color:#facc15;border-color:#705d11;background:transparent}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.stat{padding:13px}.stat span{display:block;color:#6d7d8c;font:9px ui-monospace,monospace}.stat strong{display:block;margin-top:4px;font:800 18px ui-monospace,monospace}.admin-grid{display:grid;grid-template-columns:420px minmax(0,1fr);gap:12px}.section-block{padding:15px;margin-top:12px}.team-row{padding:11px 0;border-top:1px solid #182630;display:flex;align-items:center;justify-content:space-between;gap:10px}.team-row:first-of-type{margin-top:8px}.team-row strong{display:block;font:800 12px ui-monospace,monospace}.team-row small{display:block;margin-top:3px;color:#71808e;font:9px ui-monospace,monospace}.icon-btn{padding:6px 8px;font-size:9px}.inspect-summary{display:flex;gap:10px;flex-wrap:wrap;color:#aab7c3;font:10px ui-monospace,monospace;padding:9px 0}.json-view{max-height:380px;overflow:auto;margin:0;padding:12px;border:1px solid #182630;border-radius:8px;background:#070c11;color:#8da0af;font-size:9px;line-height:1.5}.activity-row{display:grid;grid-template-columns:220px 110px 1fr;gap:10px;padding:9px 0;border-top:1px solid #182630;font:9px ui-monospace,monospace}.activity-row strong{color:#29b6f6}.activity-row span{color:#657585}.activity-row small{color:#788695;overflow:hidden;text-overflow:ellipsis}@media(max-width:1050px){.workspace{grid-template-columns:205px minmax(0,1fr)}.right-panel{display:none}.admin-grid{grid-template-columns:1fr}.control-hero{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.workspace{grid-template-columns:1fr}.left-panel{display:none}.home h1{font-size:36px}.home-card{padding:32px}.home-actions{flex-direction:column}.topbar{padding-right:8px}.topbar-sub{display:none}.admin-content{padding:12px}.activity-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.score-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.score-row div{display:flex;flex-direction:column;gap:3px}.score-row small{opacity:.6}.report-item{display:flex;gap:8px;align-items:center}.finding{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.finding-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.finding p{margin:8px 0}.finding small{opacity:.6}.severity{font-size:11px;text-transform:uppercase;padding:3px 7px;border:1px solid currentColor}.severity-critical{color:#ff5d5d}.severity-high{color:#ff9f43}.severity-medium{color:#ffd166}.severity-low{color:#8fd3ff}@media(max-width:900px){.report-grid{grid-template-columns:1fr}}.workload-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.workload-grid .field{min-width:0}.workload-grid select,.workload-grid input{width:100%}@media(max-width:1100px){.workload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-height:760px){.problem-banner{max-height:40dvh;padding-top:9px;padding-bottom:9px}.field{margin-top:8px}.field input,.field textarea{padding:7px}.workload-grid{gap:8px}}@media(max-width:760px){.app-shell{height:100dvh}.problem-banner{max-height:42dvh}}.feature-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0 18px;text-align:left}.feature-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:22px;border:1px solid #263541;border-radius:12px;background:#0d161f;color:#edf2f7;text-align:left;cursor:pointer;min-height:190px}.feature-card:hover{border-color:#29b6f6}.feature-card strong{font:800 14px ui-monospace,monospace}.feature-card span{color:#8795a5;font-size:12px;line-height:1.6}.feature-card em{display:flex;align-items:center;gap:6px;margin-top:auto;color:#29b6f6;font:700 10px ui-monospace,monospace;font-style:normal}.generator-shell{overflow:auto}.generator-content{width:min(1100px,100%);margin:0 auto;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}.generator-hero,.generated-result{grid-column:1/-1;padding:24px}.generator-hero h1{font:800 clamp(26px,4vw,40px) ui-monospace,monospace;line-height:1.12;margin:14px 0}.generator-hero p,.generated-result>p{color:#8795a5;line-height:1.7;font-size:13px}.generator-form{padding:20px;align-self:start}.generator-form .primary-btn{margin-top:18px}.generator-error{color:#f87171;font-size:12px}.generated-result h2{font:800 22px ui-monospace,monospace}.generator-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:22px 0}.generator-columns h3{font:800 12px ui-monospace,monospace;color:#29b6f6;margin:18px 0 10px}.suggested-component{padding:12px;border:1px solid #23313c;border-radius:8px;background:#080e14;margin:8px 0}.suggested-component strong,.suggested-component span{display:block}.suggested-component strong{font-size:12px}.suggested-component span{margin-top:4px;color:#29b6f6;font:9px ui-monospace,monospace}.suggested-component p{color:#8997a5;font-size:11px;line-height:1.5}.suggested-edge{display:flex;flex-direction:column;gap:5px;padding:10px;margin:7px 0;border-left:2px solid #29b6f6;background:#080e14;font-size:11px}.suggested-edge span{color:#8292a1;font-size:10px}.generator-disclaimer{padding:12px;border:1px solid #59491b;border-radius:8px;background:#1b1709;color:#e9c86a!important;font-size:11px!important}@media(max-width:760px){.feature-cards,.generator-content,.generator-columns{grid-template-columns:1fr}.generator-hero,.generated-result{grid-column:auto}.generator-content{padding:12px}.home-card{padding:28px 18px}.home h1{font-size:34px}}.catalog-item{cursor:pointer;transition:border-color .15s ease,background .15s ease}.catalog-item-active{border-color:#29b6f6;background:#102432;box-shadow:inset 2px 0 #29b6f6}.catalog-item[draggable=true]{cursor:grab}.catalog-inspector{padding-bottom:12px}.catalog-inspector-title{display:flex;align-items:center;gap:11px;margin:12px 0 14px}.catalog-component-icon{width:38px;height:38px;flex:none;display:grid;place-items:center;border:1px solid #234353;border-radius:10px;background:#0b202b;color:#29b6f6}.catalog-inspector-title h3{font-size:14px;line-height:1.3;margin:4px 0 0;overflow-wrap:anywhere}.catalog-summary{font-size:12px;line-height:1.6;color:#d7e3ec;margin:0 0 14px}.catalog-detail-block{padding:10px 0;border-top:1px solid #1b2934}.catalog-detail-block strong{font:800 9px ui-monospace,monospace;letter-spacing:.08em;color:#29b6f6}.catalog-detail-block p{font-size:11px;line-height:1.6;color:#93a3b1;margin:5px 0 0}.catalog-learn-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px;border:1px solid #263541;border-radius:7px;background:#0d161f;color:#d9e6ee;font:700 10px ui-monospace,monospace;cursor:pointer}.catalog-add-btn{width:100%;margin-top:10px}.catalog-hint{font-size:10px;line-height:1.5;color:#6f8190;margin-top:9px}.empty-inspector p{margin:9px 0}html{scroll-behavior:smooth}.lp-root{--lp-bg: #070b10;--lp-panel: #0b121a;--lp-line: rgba(166, 190, 209, .16);--lp-muted: #8a9aaa;--lp-text: #f1f6fa;--lp-cyan: #58d5ff;--lp-green: #b5f36d;min-height:100vh;overflow:clip;background:var(--lp-bg);color:var(--lp-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;isolation:isolate}.lp-root button{font-family:inherit}.lp-root button:focus-visible{outline:2px solid var(--lp-cyan);outline-offset:4px}.lp-nav{position:relative;z-index:5;width:min(1280px,calc(100% - 64px));height:82px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--lp-line)}.lp-nav-brand{font-size:17px;font-weight:900;letter-spacing:.16em}.lp-nav-links{display:flex;align-items:center;gap:30px}.lp-nav-link{border:0;padding:8px 0;color:#a8b5c1;background:transparent;cursor:pointer;font-size:12px;transition:color .2s ease}.lp-nav-link:hover{color:#fff}.lp-nav-cta{padding:11px 17px;border:1px solid rgba(88,213,255,.48);border-radius:4px;background:#58d5ff12;color:var(--lp-cyan);font-size:11px;font-weight:750;letter-spacing:.035em;cursor:pointer;transition:background .2s,transform .2s}.lp-nav-cta:hover{background:#58d5ff26;transform:translateY(-1px)}.lp-hero{position:relative;min-height:630px;display:grid;align-items:center;padding:92px 24px 100px;isolation:isolate}.lp-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 28%,rgba(22,104,139,.22),transparent 54%),linear-gradient(rgba(88,213,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(88,213,255,.035) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px;-webkit-mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.65) 60%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.65) 60%,transparent 100%)}.lp-hero:after{content:"";position:absolute;z-index:-1;width:430px;height:430px;border-radius:50%;top:12%;left:50%;transform:translate(-50%);background:#00a0dc17;filter:blur(90px);pointer-events:none}.lp-hero-inner{width:min(1050px,100%);margin:0 auto;text-align:center}.lp-eyebrow,.lp-section-kicker{color:var(--lp-cyan);font:750 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2em;text-transform:uppercase}.lp-eyebrow{display:inline-flex;align-items:center;gap:10px}.lp-eyebrow:before,.lp-eyebrow:after{content:"";width:25px;height:1px;background:var(--lp-cyan);opacity:.65}.lp-hero-title{margin:27px 0 22px;color:#f5f8fb;font-size:clamp(76px,15vw,190px);font-weight:950;line-height:.82;letter-spacing:-.095em;white-space:nowrap;text-shadow:0 0 55px rgba(88,213,255,.08)}.lp-letter{display:inline-block;will-change:transform;transition:transform .18s cubic-bezier(.2,.7,.2,1)}.lp-letter:nth-child(2),.lp-letter:nth-child(5){color:var(--lp-cyan)}.lp-hero-sub{max-width:720px;margin:0 auto;font-size:clamp(19px,2.7vw,30px);font-weight:650;line-height:1.25;letter-spacing:-.045em}.lp-hero-copy{max-width:630px;margin:20px auto 0;color:var(--lp-muted);font-size:14px;line-height:1.85}.lp-hero-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:31px}.lp-btn-primary,.lp-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 19px;border-radius:4px;font-size:12px;font-weight:750;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.lp-btn-primary{color:#061018;background:var(--lp-cyan);border:1px solid var(--lp-cyan);box-shadow:0 0 30px #58d5ff1a}.lp-btn-primary:hover{transform:translateY(-2px);background:#a4eaff;box-shadow:0 8px 32px #58d5ff2e}.lp-btn-outline{color:#dbe7ef;background:#0a121ab3;border:1px solid rgba(180,203,219,.25)}.lp-btn-outline:hover{transform:translateY(-2px);border-color:var(--lp-cyan);background:#58d5ff0f}.lp-marquee-track{overflow:hidden;border-top:1px solid var(--lp-line);border-bottom:1px solid var(--lp-line);background:#090f15}.lp-marquee-inner{display:flex;width:max-content;align-items:center;gap:24px;padding:17px 0;animation:lp-marquee-scroll 32s linear infinite}.lp-marquee-track:hover .lp-marquee-inner{animation-play-state:paused}.lp-marquee-word{display:inline-flex;align-items:center;gap:24px;color:#91a2b1;font:750 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;white-space:nowrap}.lp-marquee-sep{color:var(--lp-cyan)}.lp-marquee-paused{animation-play-state:paused}@keyframes lp-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.lp-section{padding:110px 24px}.lp-section-alt{background:#0a1016;border-top:1px solid rgba(255,255,255,.025);border-bottom:1px solid rgba(255,255,255,.025)}.lp-section-inner{width:min(1100px,100%);margin:0 auto}.lp-section-kicker{margin-bottom:20px}.lp-section-heading{margin:0;font-size:clamp(35px,5.6vw,64px);line-height:1.02;letter-spacing:-.065em;font-weight:800}.lp-features-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:42px}.lp-feature-card{min-height:285px;display:flex;flex-direction:column;align-items:flex-start;padding:28px;border:1px solid var(--lp-line);border-radius:7px;background:linear-gradient(145deg,#0e1922,#0a1118);color:var(--lp-text);text-align:left;cursor:pointer;position:relative;overflow:hidden}.lp-feature-card:after{content:"";position:absolute;inset:auto 0 0;height:2px;transform:scaleX(0);transform-origin:left;background:var(--lp-cyan);transition:transform .35s ease}.lp-feature-card:hover{border-color:#58d5ff7a;background:linear-gradient(145deg,#10212d,#0a1118)}.lp-feature-card:hover:after{transform:scaleX(1)}.lp-feature-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(88,213,255,.28);border-radius:6px;background:#58d5ff12;color:var(--lp-cyan)}.lp-feature-title{margin-top:28px;font-size:18px;font-weight:750;letter-spacing:-.025em}.lp-feature-desc{max-width:460px;margin:11px 0 24px;color:var(--lp-muted);font-size:13px;line-height:1.8}.lp-feature-cta{display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:var(--lp-cyan);font:750 11px ui-monospace,SFMono-Regular,Menlo,monospace}.lp-feature-cta svg{transition:transform .2s ease}.lp-feature-card:hover .lp-feature-cta svg{transform:translate(4px)}.lp-steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:44px;border-top:1px solid var(--lp-line);border-bottom:1px solid var(--lp-line)}.lp-step{min-height:205px;padding:25px 20px 25px 0}.lp-step+.lp-step{padding-left:20px;border-left:1px solid var(--lp-line)}.lp-step-num{color:var(--lp-cyan);font:750 12px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.lp-step-title{display:block;margin-top:23px;font-size:14px;line-height:1.4}.lp-step-desc{color:var(--lp-muted);font-size:12px;line-height:1.75;margin:10px 0 0}.lp-steps-note{display:flex;align-items:center;gap:8px;margin-top:19px;color:#728493;font-size:11px}.lp-steps-note svg{color:var(--lp-cyan)}.lp-closing{padding-top:96px;padding-bottom:105px}.lp-closing-inner{padding:clamp(28px,6vw,68px);border:1px solid var(--lp-line);border-radius:8px;text-align:center;background:radial-gradient(ellipse at 50% 0%,rgba(32,121,154,.17),transparent 65%),#0a1118}.lp-closing-heading{margin:0;font-size:clamp(36px,6vw,72px);line-height:1.03;letter-spacing:-.065em}.lp-closing-accent{color:var(--lp-cyan)}.lp-closing-sub{max-width:530px;margin:20px auto 0;color:var(--lp-muted);font-size:13px;line-height:1.8}.lp-footer{width:min(1280px,calc(100% - 64px));min-height:82px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--lp-line)}.lp-footer-brand{display:inline-flex;align-items:center;gap:8px;color:#dce7ee;font-size:11px;font-weight:850;letter-spacing:.1em}.lp-footer-brand svg{color:var(--lp-cyan)}.lp-footer-note{color:#6f8090;font-size:10px}@media(max-width:760px){.lp-nav{width:calc(100% - 36px);height:70px}.lp-nav-links{gap:14px}.lp-nav-link{font-size:11px}.lp-nav-cta{padding:9px 11px;font-size:10px}.lp-hero{min-height:560px;padding:82px 20px 85px}.lp-hero-title{font-size:clamp(58px,17vw,120px);margin:29px 0 23px}.lp-hero-copy{font-size:13px}.lp-section{padding:76px 20px}.lp-features-grid{grid-template-columns:1fr;margin-top:30px}.lp-feature-card{min-height:245px;padding:23px}.lp-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-step{padding:20px 14px 22px 0;min-height:190px}.lp-step+.lp-step{padding-left:14px}.lp-step:nth-child(3){border-left:0;padding-left:0;border-top:1px solid var(--lp-line)}.lp-step:nth-child(4){border-top:1px solid var(--lp-line)}.lp-closing{padding-top:65px;padding-bottom:70px}.lp-footer{width:calc(100% - 36px);min-height:72px}}@media(max-width:420px){.lp-nav-links{gap:10px}.lp-nav-link{font-size:10px}.lp-nav-cta{padding:8px}.lp-eyebrow{font-size:8px;letter-spacing:.13em}.lp-hero-title{font-size:17vw}.lp-hero-actions{flex-direction:column;align-items:stretch}.lp-btn-primary,.lp-btn-outline{width:100%}.lp-footer{align-items:flex-start;justify-content:center;flex-direction:column;gap:5px;padding:16px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lp-root *,.lp-root *:before,.lp-root *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.editor-shortcuts{display:block;margin-top:4px;color:#526576;font:8px ui-monospace,monospace;letter-spacing:.01em}.editor-history-status{margin-top:14px;padding:8px 9px;border:1px solid #1b2934;border-radius:7px;color:#71808e;font:9px ui-monospace,monospace;line-height:1.5}.toolbar-actions button:disabled{opacity:.35;cursor:not-allowed}.canvas:focus{outline:none}.react-flow__edge.selected .react-flow__edge-path{stroke:#29b6f6;stroke-width:3}@media(max-width:1250px){.canvas-toolbar{height:auto;min-height:56px;align-items:flex-start;gap:8px;padding:9px;flex-wrap:wrap}.toolbar-actions{flex-wrap:wrap}.editor-shortcuts{display:none}}.workspace{grid-template-columns:260px minmax(0,1fr) 300px;gap:0}.left-panel{border-right:1px solid #1b2732}.canvas-column{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#060a0f}.component-dock{flex:none;min-width:0;padding:12px 14px 10px;border-bottom:1px solid #1b2934;background:#0a1016}.component-dock-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.component-dock-heading p,.requirements-heading p{margin:5px 0 0;color:#748393;font-size:10px;line-height:1.5}.component-dock-items{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:2px 1px 5px;scrollbar-width:thin;scrollbar-color:#263541 transparent;overscroll-behavior-x:contain}.component-dock-item{flex:0 0 150px;width:150px;min-height:56px;margin:0;padding:9px;cursor:grab}.component-dock-item small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-dock-item:active{cursor:grabbing}.component-dock .primary-btn:disabled{opacity:.4;cursor:not-allowed}.requirements-heading{padding-bottom:10px;border-bottom:1px solid #1b2934}.requirements-status{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px;padding-top:12px;border-top:1px solid #1b2934;color:#9aa9b7;font:9px ui-monospace,monospace}.requirements-status span{padding:5px 7px;border:1px solid #243541;border-radius:5px;background:#0d161f}.requirements-status small{flex-basis:100%;color:#6f8090;line-height:1.5}.left-panel .field textarea{resize:vertical;min-height:88px}.canvas-column .canvas{flex:1 1 0;height:auto;min-height:0}.canvas-column .canvas-toolbar{min-height:56px}.sidebar{scrollbar-width:thin;scrollbar-color:#263541 transparent}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#263541;border-radius:6px}.sidebar::-webkit-scrollbar-track{background:transparent}@media(max-width:1250px){.workspace{grid-template-columns:230px minmax(0,1fr) 270px}.component-dock{padding:10px}.component-dock-item{flex-basis:138px;width:138px}}@media(max-width:1050px){.workspace{grid-template-columns:220px minmax(0,1fr)}.right-panel{display:none}}@media(max-width:760px){.workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.left-panel{display:block;max-height:31dvh;overflow:auto;border-right:0;border-bottom:1px solid #1b2732;padding:10px 12px}.left-panel .field{margin-top:8px}.left-panel .field textarea{min-height:52px}.left-panel .notes-field{display:none}.requirements-status{margin-top:10px;padding-top:8px}.canvas-column{min-height:0}.component-dock-heading{align-items:flex-start}.component-dock-heading p{max-width:190px}.component-dock-heading .primary-btn{white-space:nowrap;padding:8px}.component-dock-item{flex-basis:132px;width:132px}.canvas-column .canvas-toolbar{position:relative;min-height:0;flex-wrap:wrap}.canvas-column .toolbar-actions{width:100%;flex-wrap:wrap}.canvas-column .toolbar-actions button{flex:1 1 auto}}.app-shell{height:100dvh;max-height:100dvh;min-height:0;overflow:hidden}.workspace{min-height:0;height:0;flex:1 1 0;overflow:hidden;grid-template-columns:276px minmax(0,1fr) 300px}.requirements-panel{display:flex;flex-direction:column;gap:12px;padding:18px 14px 14px;background:linear-gradient(180deg,#0c151e,#091017);border-right:1px solid #21303c;overflow-x:hidden}.requirements-panel-header{display:flex;align-items:flex-start;gap:11px;padding:2px 2px 15px;border-bottom:1px solid #1e2d39}.requirements-mark{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid rgba(41,182,246,.28);border-radius:10px;color:#52c9fa;background:linear-gradient(145deg,#29b6f626,#29b6f609)}.requirements-panel-header .section-kicker{margin-top:2px;letter-spacing:.13em}.requirements-panel-header p{margin:6px 0 0;max-width:190px;color:#8798a7;font-size:11px;line-height:1.55}.brief-card{padding:12px;border:1px solid #21313e;border-radius:11px;background:linear-gradient(145deg,#111d28f0,#0a1118f5);box-shadow:0 8px 24px #0000001f}.brief-card-heading{display:flex;align-items:flex-start;gap:9px}.brief-step{display:inline-grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border:1px solid #2b4658;border-radius:7px;color:#5acafa;background:#0b202c;font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace}.brief-card-heading h2{margin:1px 0 0;color:#e9f2f8;font-size:12px;line-height:1.4;font-weight:750;letter-spacing:-.01em}.brief-card-heading p{margin:4px 0 0;color:#788b9b;font-size:10px;line-height:1.5}.requirements-panel .field{margin-top:13px;gap:7px}.requirements-panel .field label{color:#8297a8;font-size:9px;letter-spacing:.1em}.requirements-panel .field input,.requirements-panel .field textarea{padding:10px 11px;border:1px solid #2a3a47;border-radius:8px;background:#070d13;color:#edf5fa;font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.requirements-panel .field input{min-height:39px}.requirements-panel .field textarea{min-height:100px;resize:vertical}.requirements-panel .field input::placeholder,.requirements-panel .field textarea::placeholder{color:#536675}.requirements-panel .field input:focus,.requirements-panel .field textarea:focus{border-color:#36bdf5;background:#09131b;box-shadow:0 0 0 3px #29b6f61a;outline:none}.requirements-panel .notes-field{margin-top:13px}.requirements-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto;padding:12px 0 0;border-top:1px solid #1e2d39;color:#91a3b2;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.requirements-metric{display:flex;align-items:center;gap:8px;min-width:0;padding:9px 10px;border:1px solid #243744;border-radius:8px;background:#0f1b25cc}.requirements-metric strong{color:#65d1ff;font-size:14px}.requirements-metric span{color:#8c9eac}.requirements-status small{display:flex;align-items:center;gap:7px;grid-column:1 / -1;padding:4px 2px 0;color:#8192a0;line-height:1.5}.requirements-status .requirements-save-error{color:#ff8e8e}.save-indicator{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#55d69e;box-shadow:0 0 9px #55d69e59}.save-indicator-error{background:#ff7272;box-shadow:0 0 9px #ff72724d}.canvas-column{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;padding:0 12px 12px;background:#060a0f}.canvas-column .component-dock{margin:0 -12px;padding:13px 16px 11px;border-bottom:1px solid #1d2b36;background:#0b1219}.canvas-column .canvas{position:relative;flex:1 1 0;width:100%;height:auto;min-height:0;margin-top:10px;overflow:hidden;border:1px solid #253541;border-radius:12px;background:#070c11;box-shadow:0 12px 32px #0000002e;isolation:isolate}.canvas-column .canvas-toolbar{border-radius:11px 11px 0 0;background:#0a1016f5}.canvas-column .react-flow{border-radius:0 0 11px 11px}.canvas-column .react-flow__controls{margin:0 0 12px 12px;overflow:hidden;border:1px solid #30414e;border-radius:9px;box-shadow:0 8px 20px #00000047}.canvas-column .react-flow__minimap{margin:0 12px 12px 0;overflow:hidden;border:1px solid #30414e;border-radius:9px;box-shadow:0 8px 20px #00000047}.canvas-column .react-flow__controls-button{border-bottom-color:#263743;background:#101b25;fill:#d8e8f2;color:#d8e8f2}.canvas-column .react-flow__controls-button:hover{background:#172936}@media(max-width:1250px){.workspace{grid-template-columns:250px minmax(0,1fr) 270px}.requirements-panel{padding:14px 11px;gap:10px}.brief-card{padding:10px}}@media(max-width:1050px){.workspace{grid-template-columns:235px minmax(0,1fr)}.canvas-column{padding:0 10px 10px}.canvas-column .component-dock{margin:0 -10px}}@media(max-width:760px){.workspace{height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.requirements-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:9px;max-height:32dvh;overflow:auto;padding:10px;border-right:0;border-bottom:1px solid #21303c}.requirements-panel-header,.requirements-status{grid-column:1 / -1}.requirements-panel-header{padding-bottom:9px}.brief-card{padding:9px}.brief-card-heading h2{font-size:11px}.requirements-panel .field textarea{min-height:66px}.brief-card-notes{grid-column:1 / -1}.canvas-column{min-height:0;padding:0 8px 8px}.canvas-column .component-dock{margin:0 -8px;padding:10px}.canvas-column .canvas{margin-top:8px}.canvas-column .canvas-toolbar{position:relative;height:auto;min-height:0;align-items:flex-start;gap:8px;padding:10px;flex-wrap:wrap}.canvas-column .toolbar-actions{width:100%;flex-wrap:wrap}.canvas-column .toolbar-actions button{flex:1 1 auto}}.canvas-column .component-dock{flex:0 0 auto;max-height:min(42dvh,340px);overflow:hidden;padding-top:12px;padding-bottom:10px}.component-dock-heading{margin-bottom:11px}.component-dock-heading>div:first-child{min-width:0}.component-dock-heading p{max-width:560px}.component-lane{display:grid;grid-template-columns:142px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:7px 0;border-top:1px solid #1b2a35}.component-lane-label{display:flex;flex-direction:column;gap:4px;min-width:0;padding-left:2px}.component-lane-label>span:first-child{color:#b7d7e8;font:800 9px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.035em}.component-lane-label small{color:#647889;font-size:9px;line-height:1.4}.component-lane-count{width:fit-content;margin-top:2px;padding:2px 6px;border:1px solid #263b49;border-radius:999px;color:#7db9d4;background:#0c1a24;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.component-lane .component-dock-items{min-width:0;gap:7px;padding:2px 2px 6px;scrollbar-width:thin;scrollbar-color:#304a5b transparent}.component-lane .component-dock-item{flex:0 0 154px;width:154px;min-height:52px;padding:8px 9px;border-radius:8px;background:linear-gradient(145deg,#101c26,#0c151d);transition:border-color .15s ease,background .15s ease,transform .15s ease}.component-lane .component-dock-item:hover{transform:translateY(-1px);border-color:#3c718a;background:#102330}.component-lane .component-dock-item.catalog-item-active{border-color:#29b6f6;background:linear-gradient(135deg,#123044,#0d1c27);box-shadow:inset 3px 0 #29b6f6,0 0 0 1px #29b6f617}.component-lane .catalog-item-title{display:flex;align-items:center;gap:7px;min-width:0}.component-lane .catalog-item-title>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.component-lane .catalog-item-icon{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border:1px solid #2b3c48;border-radius:6px;background:#0a131a}.component-lane .component-dock-item small{margin:5px 0 0 31px;color:#708596;font-size:8px}.component-dock .primary-btn:disabled{opacity:1}@media(max-width:1250px){.canvas-column .component-dock{max-height:min(44dvh,330px)}.component-lane{grid-template-columns:118px minmax(0,1fr);gap:8px}.component-lane .component-dock-item{flex-basis:140px;width:140px}}@media(max-width:760px){.canvas-column .component-dock{max-height:38dvh;overflow-y:auto}.component-dock-heading{align-items:center}.component-dock-heading p{max-width:230px}.component-lane{grid-template-columns:1fr;gap:5px;padding:8px 0}.component-lane-label{flex-direction:row;align-items:center;gap:7px;flex-wrap:wrap}.component-lane-label small{display:none}.component-lane-count{margin:0 0 0 auto}.component-lane .component-dock-item{flex-basis:138px;width:138px}}.tutorial-help-button{position:fixed;z-index:80;right:18px;bottom:18px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 13px;border:1px solid rgba(196,181,253,.48);border-radius:999px;color:#e9ddff;background:linear-gradient(145deg,#211536,#100c1b);box-shadow:0 8px 30px #0008,0 0 18px #a78bfa1f;font:750 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.tutorial-help-button:hover{border-color:#c4b5fd;background:#2b1b47;box-shadow:0 8px 30px #0008,0 0 22px #a78bfa40}.tutorial-help-button--dashboard{width:46px;height:46px;padding:0;border-radius:50%;color:#e9ddff}.tutorial-help-button--dashboard svg{width:20px;height:20px}.tutorial-layer{position:fixed;inset:0;z-index:9999;pointer-events:none}.tutorial-scrim{position:absolute;inset:0;width:100%;height:100%;border:0;background:#080411a8;pointer-events:auto;cursor:default}.tutorial-card{position:absolute;z-index:10001;right:22px;bottom:76px;width:min(410px,calc(100vw - 32px));max-height:min(80vh,600px);overflow-y:auto;pointer-events:auto;padding:20px;border:1px solid rgba(196,181,253,.38);border-radius:14px;color:#f0eaff;background:linear-gradient(145deg,#1a1228,#0c0914);box-shadow:0 22px 80px #000b,0 0 28px #a78bfa14;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.tutorial-card-top,.tutorial-card-actions,.tutorial-nav-actions{display:flex;align-items:center;justify-content:space-between;gap:9px}.tutorial-card-top{margin-bottom:22px;color:#c4b5fd;font:750 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.tutorial-card-top span{display:flex;align-items:center;gap:7px}.tutorial-card-top button{display:grid;place-items:center;padding:5px;border:1px solid rgba(196,181,253,.22);border-radius:7px;color:#c4b5fd;background:#c4b5fd0f;cursor:pointer}.tutorial-progress-label{display:inline-flex;align-items:center;max-width:100%;margin-bottom:9px;padding:6px 9px;border:1px solid rgba(196,181,253,.3);border-radius:7px;color:#d7c8ff;background:#a78bfa1f;font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em;text-transform:uppercase}.tutorial-progress-track{height:4px;overflow:hidden;border-radius:4px;background:#2a203a}.tutorial-progress-track span{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#8b5cf6,#c4b5fd);transition:width .2s ease}.tutorial-card h2{margin:18px 0 9px;color:#f5f0ff;font-size:20px;line-height:1.25;letter-spacing:-.025em}.tutorial-card p{margin:0;color:#c2b8d4;font-size:13px;line-height:1.7}.tutorial-card .tutorial-action-note{margin-top:12px;padding:10px 12px;border-left:2px solid #a78bfa;border-radius:0 7px 7px 0;color:#e4d9ff;background:#8b5cf61f;font-size:12px}.tutorial-dismiss-option{display:flex;align-items:center;gap:8px;margin-top:18px;color:#a99bbd;font-size:11px;cursor:pointer}.tutorial-dismiss-option input{accent-color:#a78bfa}.tutorial-card-actions{flex-wrap:wrap;margin-top:20px;padding-top:15px;border-top:1px solid rgba(196,181,253,.16)}.tutorial-nav-actions{margin-left:auto}.tutorial-card-actions button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:8px 10px;border-radius:7px;font-size:11px;font-weight:650;cursor:pointer;transition:background .15s ease,border-color .15s ease}.tutorial-text-button{border:0;color:#b6a7cd;background:transparent}.tutorial-text-button:hover{color:#e9ddff;background:#c4b5fd12}.tutorial-secondary-button{border:1px solid rgba(196,181,253,.24);color:#ded3f0;background:#c4b5fd0f}.tutorial-primary-button{border:1px solid #c4b5fd;color:#171023;background:linear-gradient(135deg,#d8caff,#a78bfa)}.tutorial-primary-button:hover{background:#e3d8ff}.tutorial-card-actions button:disabled{opacity:.35;cursor:not-allowed}.tutorial-keyboard-hint{margin-top:12px!important;color:#8b7ca3!important;font-size:10px!important}.tutorial-target-active{position:relative!important;outline:2px solid #b9a0ff!important;outline-offset:4px!important;box-shadow:0 0 0 6px #a78bfa2e,0 0 25px #a78bfa38!important}@media(max-width:600px){.tutorial-card{right:10px;bottom:70px;width:calc(100vw - 20px);padding:16px}.tutorial-help-button{right:12px;bottom:12px}.tutorial-help-button--dashboard{width:44px;height:44px}.tutorial-card h2{font-size:18px}}@media(prefers-reduced-motion:reduce){.tutorial-progress-track span{transition:none}}.workspace.left-panel-open.right-panel-open,.workspace.left-panel-open.right-panel-closed,.workspace.left-panel-closed.right-panel-open,.workspace.left-panel-closed.right-panel-closed{grid-template-columns:var(--left-panel-width) var(--left-resizer-width) minmax(0,1fr) var(--right-resizer-width) var(--right-panel-width)}.workspace .sidebar{width:100%;min-width:0}.panel-resizer{display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:#526b7b;background:#091119;touch-action:none;-webkit-user-select:none;user-select:none;transition:background .15s ease,color .15s ease;z-index:4}.panel-resizer:hover,.panel-resizer:focus-visible{color:#6de0fb;background:#123040;outline:none}.panel-resizer-vertical{width:6px;cursor:col-resize;border-left:1px solid #172a36;border-right:1px solid #172a36}.panel-resizer-horizontal{height:7px;min-height:7px;cursor:row-resize;border-top:1px solid #1b2c38;border-bottom:1px solid #1b2c38}.panel-resizer.is-hidden{display:none}.workspace-resizing,.workspace-resizing *{cursor:inherit!important;-webkit-user-select:none!important;user-select:none!important}body.workspace-resizing-vertical{cursor:col-resize}body.workspace-resizing-horizontal{cursor:row-resize}.panel-toggle-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:29px;height:29px;padding:0;border:1px solid #263a47;border-radius:7px;color:#9db6c5;background:#0b151e;cursor:pointer}.panel-toggle-button:hover{color:#6de0fb;border-color:#39728a;background:#102936}.requirements-panel-header{position:relative}.requirements-panel-header>.panel-toggle-button{position:absolute;top:0;right:0}.requirements-panel-header{padding-right:32px}.panel-heading-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.collapsed-panel-strip{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-width:0;padding:8px 4px;overflow:hidden;background:#0a1016;border-color:#1b2732}.collapsed-panel-strip-left{flex-direction:column;border-right:1px solid #1b2732}.collapsed-panel-strip-right{flex-direction:column;border-left:1px solid #1b2732}.collapsed-panel-strip span{color:#718899;font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;writing-mode:vertical-rl;transform:rotate(180deg)}.canvas-column{min-width:0;min-height:0}.canvas-column .component-dock{flex:0 0 var(--dock-height);height:var(--dock-height);max-height:58dvh;min-height:175px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#263541 transparent}.canvas-column .component-dock .component-dock-heading{position:sticky;top:-1px;z-index:3;padding:2px 0 8px;background:#0b1219}.canvas-column .component-dock .component-lane{min-width:0}.canvas-column .canvas{flex:1 1 0;min-height:140px}@media(max-width:760px){.workspace.left-panel-open.right-panel-open,.workspace.left-panel-open.right-panel-closed,.workspace.left-panel-closed.right-panel-open,.workspace.left-panel-closed.right-panel-closed{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 0 minmax(220px,1fr) 0 auto}.panel-resizer-vertical{display:none}.workspace .requirements-panel{max-height:28dvh}.workspace .right-panel{max-height:28dvh;border-left:0;border-top:1px solid #1b2732}.collapsed-panel-strip-left,.collapsed-panel-strip-right{flex-direction:row;justify-content:flex-start;min-height:36px;padding:4px 8px;border:1px solid #1b2732}.collapsed-panel-strip span{writing-mode:horizontal-tb;transform:none}.canvas-column .component-dock{flex-basis:min(var(--dock-height),38dvh);height:min(var(--dock-height),38dvh);max-height:38dvh}}@media(prefers-reduced-motion:reduce){.panel-resizer{transition:none}}.architecture-ai-chat{display:flex;flex-direction:column;gap:9px;margin-top:18px;padding-top:14px;border-top:1px solid #20323e;min-width:0}.ai-chat-heading{display:flex;align-items:center;gap:9px;min-width:0}.ai-chat-title-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid #24566a;border-radius:9px;color:#67dcf5;background:linear-gradient(145deg,#102e3b,#0a1922)}.ai-chat-title{display:flex;flex-direction:column;gap:4px;min-width:0}.ai-chat-title strong{color:#dcecf4;font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.ai-chat-title span{color:#647f90;font-size:9px}.ai-chat-live-dot{width:6px;height:6px;margin-left:auto;border-radius:50%;background:#54d6a1;box-shadow:0 0 10px #54d6a166}.ai-chat-mode{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border:1px solid #1d303c;border-radius:8px;background:#080f15}.ai-chat-mode button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;padding:8px 4px;border:1px solid transparent;border-radius:6px;color:#70899a;background:transparent;font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.ai-chat-mode button.active{border-color:#245c73;color:#a8efff;background:#102b38}.ai-chat-mode-hint{color:#748b9a;font-size:10px;line-height:1.5}.ai-chat-messages{display:flex;flex-direction:column;gap:9px;max-height:250px;overflow:auto;padding:2px 2px 4px 0;scrollbar-width:thin;scrollbar-color:#263f4e transparent}.ai-chat-message{padding:9px 10px;border:1px solid #1c2d38;border-radius:8px;background:#0b141c;overflow-wrap:anywhere}.ai-chat-message-user{border-color:#22465a;background:#0d1d28}.ai-chat-message-role{color:#5cbfdc;font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em}.ai-chat-message p{margin:6px 0 0;color:#c0d0d9;font-size:11px;line-height:1.55;white-space:pre-wrap}.ai-chat-loading{display:flex;align-items:center;gap:7px;padding:8px;color:#7c9aaa;font-size:10px}.ai-chat-spinner{animation:ai-chat-spin 1s linear infinite}@keyframes ai-chat-spin{to{transform:rotate(360deg)}}.ai-chat-error{margin:0;padding:8px 9px;border:1px solid #65383a;border-radius:7px;color:#ffb6b6;background:#211315;font-size:10px;line-height:1.5}.ai-chat-plan{padding:10px;border:1px solid #2b6177;border-radius:9px;background:linear-gradient(145deg,#102531,#0a151d)}.ai-chat-plan>div{display:flex;flex-direction:column;gap:5px}.ai-chat-plan strong{color:#8ce6fa;font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em}.ai-chat-plan span{color:#a7bdc9;font-size:10px}.ai-chat-plan p{margin:8px 0;color:#b7c9d4;font-size:10px;line-height:1.5}.ai-chat-apply{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:9px;border:1px solid #43c6e8;border-radius:7px;color:#06141b;background:#6cddf4;font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.ai-chat-composer{padding:7px;border:1px solid #263946;border-radius:9px;background:#080f15}.ai-chat-composer textarea{display:block;width:100%;min-height:65px;resize:vertical;padding:7px;border:0;outline:none;color:#e3edf3;background:transparent;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.ai-chat-composer textarea::placeholder{color:#506675}.ai-chat-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:7px;border-top:1px solid #1c2b35}.ai-chat-composer-footer>span{display:flex;align-items:center;gap:4px;color:#617b8c;font-size:8px}.ai-chat-composer-footer button{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 9px;border:1px solid #2a7891;border-radius:6px;color:#bdf3ff;background:#102d3a;font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.ai-chat-composer-footer button:disabled{opacity:.45;cursor:not-allowed}.architecture-ai-chat .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.architecture-ai-chat{margin-top:12px}.ai-chat-messages{max-height:180px}}html,body,#root,#app{scrollbar-width:none!important;-ms-overflow-style:none!important}html::-webkit-scrollbar,body::-webkit-scrollbar,#root::-webkit-scrollbar,#app::-webkit-scrollbar,*::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}*{scrollbar-width:none!important;-ms-overflow-style:none!important}.workspace.left-panel-open.right-panel-open,.workspace.left-panel-open.right-panel-closed,.workspace.left-panel-closed.right-panel-open,.workspace.left-panel-closed.right-panel-closed{grid-template-columns:var(--left-panel-width, 260px) var(--left-resizer-width, 6px) minmax(0,1fr) var(--right-resizer-width, 6px) var(--right-panel-width, 300px)!important;grid-template-rows:minmax(0,1fr);grid-template-areas:"workspace-left workspace-left-resizer workspace-center workspace-right-resizer workspace-right";align-items:stretch}.workspace>.left-panel,.workspace>.collapsed-panel-strip-left{grid-area:workspace-left}.workspace>.panel-resizer-left{grid-area:workspace-left-resizer}.workspace>.canvas-column{grid-area:workspace-center;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.workspace>.panel-resizer-right{grid-area:workspace-right-resizer}.workspace>.right-panel,.workspace>.collapsed-panel-strip-right{grid-area:workspace-right}.workspace>.canvas-column>.canvas{flex:1 1 0;min-width:0;min-height:0;width:100%}.workspace>.canvas-column>.component-dock{flex:0 0 var(--dock-height, 285px);height:var(--dock-height, 285px);min-height:120px;min-width:0}.workspace>.canvas-column>.panel-resizer-horizontal{flex:0 0 7px}@media(max-width:1050px){.workspace.left-panel-open.right-panel-open,.workspace.left-panel-open.right-panel-closed,.workspace.left-panel-closed.right-panel-open,.workspace.left-panel-closed.right-panel-closed{grid-template-columns:var(--left-panel-width, 260px) var(--left-resizer-width, 6px) minmax(0,1fr) var(--right-resizer-width, 6px) var(--right-panel-width, 300px)!important}.workspace>.right-panel{display:flex}}@media(max-width:760px){.workspace.left-panel-open.right-panel-open,.workspace.left-panel-open.right-panel-closed,.workspace.left-panel-closed.right-panel-open,.workspace.left-panel-closed.right-panel-closed{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto 0 minmax(220px,1fr) 0 auto;grid-template-areas:"workspace-left" "workspace-left-resizer" "workspace-center" "workspace-right-resizer" "workspace-right"}.workspace>.panel-resizer-vertical{display:none}.workspace>.left-panel,.workspace>.right-panel{display:flex;max-height:28dvh}.workspace>.canvas-column{min-height:220px}.workspace>.canvas-column>.component-dock{flex-basis:min(var(--dock-height, 285px),38dvh);height:min(var(--dock-height, 285px),38dvh);max-height:38dvh}}.architecture-validation{margin:18px 0;padding:14px 16px;border:1px solid #344350;border-radius:9px;background:#09121a}.architecture-validation>strong{display:block;font:800 10px ui-monospace,monospace;letter-spacing:.08em}.architecture-validation>p{margin:8px 0 0;color:#91a2b1;font-size:11px;line-height:1.55}.architecture-validation-passed{border-color:#235c46}.architecture-validation-passed>strong{color:#71e2ad}.architecture-validation-failed{border-color:#71373b}.architecture-validation-failed>strong,.architecture-validation-error{color:#ff9292!important}.architecture-validation-warning{color:#f0cb73!important}.suggested-edge small{color:#8095a5;font-size:10px;line-height:1.5}html,body,#root{width:100%;min-width:0;min-height:100%}body{overflow:hidden}.app-shell{width:100%;height:100dvh;min-height:0;overflow:hidden}.app-shell>.topbar{position:relative;z-index:30;flex:0 0 48px}.workspace.left-panel-open.right-panel-open,.workspace.left-panel-open.right-panel-closed,.workspace.left-panel-closed.right-panel-open,.workspace.left-panel-closed.right-panel-closed{position:relative;display:block;width:100%;height:calc(100dvh - 48px);min-height:0;overflow:hidden;isolation:isolate;background:#080d12}.workspace>.canvas-column{position:absolute!important;inset:0!important;z-index:1;display:block!important;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.workspace>.canvas-column>.canvas{position:absolute!important;inset:0!important;display:flex;width:100%!important;height:100%!important;min-width:0;min-height:0;margin:0!important;overflow:hidden}.workspace>.canvas-column>.canvas>.react-flow{width:100%;height:100%}.workspace>.canvas-column>.component-dock{position:absolute!important;top:12px;left:50%;z-index:12;width:min(780px,calc(100% - 48px));height:auto!important;max-height:min(36dvh,300px)!important;min-height:0!important;padding:12px 14px!important;overflow:auto!important;transform:translate(-50%);border:1px solid #293a47;border-radius:12px;background:#081119f0;box-shadow:0 12px 36px #0007;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.workspace>.canvas-column>.panel-resizer-horizontal{display:none!important}.workspace>.left-panel,.workspace>.right-panel{position:absolute!important;top:12px;bottom:12px;z-index:20;display:flex;width:min(var(--left-panel-width,280px),calc(100vw - 28px))!important;max-height:none!important;overflow:auto;border:1px solid #253744;border-radius:12px;background:#081017f5;box-shadow:0 12px 42px #0008;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.workspace>.left-panel{left:12px}.workspace>.right-panel{right:12px;width:min(var(--right-panel-width,300px),calc(100vw - 28px))!important;border-left:1px solid #253744}.workspace>.collapsed-panel-strip-left,.workspace>.collapsed-panel-strip-right{position:absolute!important;top:14px;bottom:auto;z-index:21;display:flex;width:auto;min-height:40px;padding:5px;border:1px solid #293b48;border-radius:10px;background:#081017f0;box-shadow:0 8px 28px #0007}.workspace>.collapsed-panel-strip-left{left:12px}.workspace>.collapsed-panel-strip-right{right:12px}.workspace>.panel-resizer-vertical{display:none!important}.workspace>.canvas-column .canvas-toolbar{position:absolute;top:auto;bottom:12px;left:50%;z-index:8;width:min(780px,calc(100% - 48px));max-height:92px;overflow:auto;transform:translate(-50%);border:1px solid #293a47;border-radius:10px;background:#081119eb;box-shadow:0 8px 30px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.workspace>.canvas-column .canvas-toolbar .toolbar-actions{flex-wrap:wrap}.floating-ai-chat-trigger{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 17px;border:1px solid #45c9ed;border-radius:999px;color:#06141b;background:#61d7f3;box-shadow:0 10px 36px #0009,0 0 0 4px #35c9ee1a;font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;cursor:pointer}.floating-ai-chat-trigger:hover{background:#8ae7fa;transform:translateY(-1px)}.floating-ai-chat-panel{position:fixed;right:24px;bottom:84px;z-index:59;display:flex;flex-direction:column;width:min(390px,calc(100vw - 28px));max-height:min(720px,calc(100dvh - 120px));overflow:auto;padding:12px 14px 14px;border:1px solid #2b5265;border-radius:14px;color:#e4f1f7;background:#070f16f7;box-shadow:0 24px 80px #000b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px) scale(.985);transform-origin:bottom right;transition:opacity .16s ease,transform .16s ease,visibility .16s}.floating-ai-chat-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.floating-ai-chat-panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;color:#7be1f7;font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.floating-ai-chat-panel-heading button{display:grid;place-items:center;width:30px;height:30px;border:1px solid #263b49;border-radius:8px;color:#a9c2cf;background:#0c1922;cursor:pointer}.floating-ai-chat-panel .architecture-ai-chat{margin-top:0;padding-top:8px;border-top:0}@media(max-width:760px){.workspace>.left-panel,.workspace>.right-panel{top:8px;bottom:8px;max-height:none!important;width:min(310px,calc(100vw - 24px))!important}.workspace>.component-dock{top:8px;width:calc(100% - 20px);max-height:30dvh!important}.workspace>.canvas-column .canvas-toolbar{top:auto;bottom:10px;width:calc(100% - 20px);max-height:112px}.floating-ai-chat-trigger{right:14px;bottom:14px}.floating-ai-chat-panel{right:14px;bottom:72px}}@media(prefers-reduced-motion:reduce){.floating-ai-chat-trigger,.floating-ai-chat-panel{transition:none}}.app-shell>.topbar{display:flex;align-items:center;gap:16px;padding:0 14px}.topbar-right{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}.topbar-actions{min-width:0}.topbar-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:nowrap!important}.topbar-toolbar-actions>button{white-space:nowrap;min-height:30px;padding:0 9px;font-size:9px}.topbar .status-pill{flex:0 0 auto;white-space:nowrap}.workspace>.canvas-column .canvas-toolbar{display:none!important}.workspace>.canvas-column>.component-dock{max-height:min(44dvh,360px)!important}.component-dock-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.component-library-toggle{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-height:30px;padding:0 9px;border:1px solid #244353;border-radius:7px;color:#68d9f5;background:#0a1b25;font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;cursor:pointer}.component-dock-closed{padding:10px 12px!important}.component-dock-closed .component-dock-heading{justify-content:flex-start}.component-dock-closed .component-dock-heading>div{display:none}.component-dock-closed .component-dock-heading>.primary-btn{margin-left:auto}.component-dock-closed{width:min(430px,calc(100% - 48px))!important}.component-dock-open{width:min(980px,calc(100% - 48px))!important}.workspace>.right-panel{box-sizing:border-box;padding:14px!important}.workspace>.right-panel>*{min-width:0;max-width:100%}.workspace>.right-panel .panel-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.workspace>.right-panel .empty-inspector{width:100%;max-width:100%;padding:18px 10px;overflow-wrap:anywhere}.workspace>.right-panel .empty-inspector p{width:100%;max-width:100%;margin:10px 0;line-height:1.55;overflow-wrap:anywhere}.workspace>.right-panel .catalog-inspector-title{display:flex;align-items:flex-start;gap:10px;min-width:0}.workspace>.right-panel .catalog-inspector-title>div:last-child{min-width:0}.workspace>.right-panel .catalog-inspector-title h3{overflow-wrap:anywhere}.workspace>.right-panel .catalog-detail-block p,.workspace>.right-panel .catalog-summary{line-height:1.55;overflow-wrap:anywhere}.floating-ai-chat-trigger{right:24px;bottom:86px;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.floating-ai-chat-trigger:active{cursor:grabbing}@media(max-width:1100px){.app-shell>.topbar{gap:8px}.topbar-sub{display:none}.topbar-right{gap:6px}.topbar-toolbar-actions>button{padding:0 6px;font-size:8px}}@media(max-width:760px){.app-shell>.topbar{padding:0 8px}.topbar-right{gap:4px}.topbar-toolbar-actions{gap:3px}.topbar-toolbar-actions>button{min-height:26px;padding:0 4px;font-size:7px}.topbar-toolbar-actions>button svg{display:none}.topbar .status-pill{max-width:90px;overflow:hidden;text-overflow:ellipsis;font-size:8px}.component-dock-open{width:calc(100% - 20px)!important}.component-dock-closed{width:min(350px,calc(100% - 20px))!important}}.workspace>.right-panel{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0;min-width:0!important;width:min(var(--right-panel-width,300px),calc(100vw - 28px))!important;box-sizing:border-box}.workspace>.right-panel>.panel-heading-row,.workspace>.right-panel>.catalog-inspector,.workspace>.right-panel>.empty-inspector,.workspace>.right-panel>.editor-history-status,.workspace>.right-panel>.submission-rule{display:block;flex:0 0 auto;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.workspace>.right-panel>.panel-heading-row{display:flex;align-items:center;justify-content:space-between}.workspace>.right-panel .catalog-inspector-title{display:flex;align-items:flex-start;gap:11px;width:100%;min-width:0}.workspace>.right-panel .catalog-inspector-title>div:last-child{flex:1 1 0;width:0;min-width:0}.workspace>.right-panel .catalog-inspector-title h3{margin:4px 0 0;line-height:1.3;overflow-wrap:anywhere;word-break:normal}.workspace>.right-panel .catalog-summary,.workspace>.right-panel .catalog-detail-block,.workspace>.right-panel .catalog-detail-block p,.workspace>.right-panel .catalog-hint,.workspace>.right-panel .empty-inspector p{width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;line-height:1.55}.workspace>.right-panel .field,.workspace>.right-panel .field input,.workspace>.right-panel .field textarea{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.workspace>.right-panel .editor-history-status,.workspace>.right-panel .submission-rule{margin-top:12px;white-space:normal;overflow-wrap:anywhere}@media(max-width:760px){.workspace>.right-panel{width:min(330px,calc(100vw - 24px))!important;max-height:calc(100dvh - 80px)!important;overflow-y:auto}}.topbar-right{min-width:0}.topbar-toolbar-actions{justify-content:flex-end}.topbar-library-button,.topbar-add-component-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:0 10px;border:1px solid #29404f;border-radius:8px;color:#bfeefa;background:#0b1821;font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.035em;white-space:nowrap;cursor:pointer}.topbar-library-button:hover,.topbar-library-button.is-active{border-color:#40c6e9;color:#75e2fa;background:#0b2632}.topbar-add-component-button{border-color:#28b7e8;color:#06141b;background:#53d2f2}.topbar-add-component-button:hover{background:#82e6fa}.workspace>.canvas-column>.component-dock.component-dock-open{position:absolute!important;top:14px;left:14px;z-index:32;width:min(920px,calc(100% - 28px))!important;max-height:min(64dvh,560px)!important;height:auto!important;padding:14px!important;overflow:auto!important;transform:none!important;border:1px solid #315064;border-radius:12px;background:#081119fb;box-shadow:0 22px 64px #000b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.component-dock-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.component-dock-heading>div{min-width:0}.component-library-close{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid #2a4657;border-radius:8px;color:#b9d2df;background:#0b1922;cursor:pointer}.workspace-popup-scrim{position:absolute;inset:0;z-index:11;width:100%;height:100%;border:0;background:#0000006b;cursor:default;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.workspace>.left-panel,.workspace>.right-panel{z-index:22}.ai-chat-scrim{position:fixed;inset:48px 0 0;z-index:58;width:100%;height:calc(100dvh - 48px);border:0;background:#0000006b;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.floating-ai-chat-panel{z-index:59}.floating-ai-chat-trigger{z-index:60}@media(max-width:1200px){.topbar-toolbar-actions>button{padding:0 7px;gap:4px;font-size:8px}.topbar-library-button,.topbar-add-component-button{padding:0 7px;font-size:8px}}@media(max-width:900px){.app-shell>.topbar{gap:8px}.topbar-sub{display:none}.topbar-toolbar-actions{gap:4px}.topbar-toolbar-actions>button{min-height:28px}}@media(max-width:760px){.topbar-library-button,.topbar-add-component-button{width:32px;min-width:32px;overflow:hidden;padding:0;font-size:0}.topbar-library-button svg,.topbar-add-component-button svg{flex:0 0 auto}.workspace>.canvas-column>.component-dock.component-dock-open{top:8px;left:8px;width:calc(100% - 16px)!important;max-height:72dvh!important}}.component-library-scrim{position:absolute;inset:0;z-index:31;width:100%;height:100%;border:0;background:#00000070;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);cursor:default}.workspace>.canvas-column>.component-dock.component-dock-open{z-index:32}html,body{min-height:100%;height:auto;overflow-x:clip;overflow-y:auto;overscroll-behavior-y:auto}#root{min-height:100dvh;height:auto;overflow:visible}.lp-root{min-height:100dvh;height:auto;overflow-x:clip;overflow-y:visible}.workspace>.left-panel,.workspace>.right-panel{min-height:0;flex-direction:column;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.workspace>.canvas-column>.component-dock.component-dock-open{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.floating-ai-chat-panel{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.generator-shell{height:100dvh;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}html,body,#root,.lp-root,.app-shell,.workspace,.sidebar,.component-dock,.floating-ai-chat-panel,.generator-shell,.admin-content,.json-view,.ai-chat-messages{scrollbar-width:none!important;-ms-overflow-style:none!important}html::-webkit-scrollbar,body::-webkit-scrollbar,#root::-webkit-scrollbar,.lp-root::-webkit-scrollbar,.app-shell::-webkit-scrollbar,.workspace::-webkit-scrollbar,.sidebar::-webkit-scrollbar,.component-dock::-webkit-scrollbar,.floating-ai-chat-panel::-webkit-scrollbar,.generator-shell::-webkit-scrollbar,.admin-content::-webkit-scrollbar,.json-view::-webkit-scrollbar,.ai-chat-messages::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.canvas .bp-node{min-width:190px;max-width:270px;padding:14px}.canvas .node-heading{gap:8px}.canvas .node-category{font-size:11px;letter-spacing:.07em}.canvas .node-category-icon svg{width:15px;height:15px}.canvas .node-label{margin-top:6px;font-size:15px;line-height:1.35;font-weight:850}.canvas .node-notes{margin-top:7px;font-size:11px;line-height:1.55}.canvas .handle{width:12px!important;height:12px!important}.canvas .react-flow__edge-path{stroke-width:2.6}.canvas .react-flow__edge.selected .react-flow__edge-path{stroke-width:3.4}.canvas .react-flow__edge-text{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:800;letter-spacing:.025em}.canvas .react-flow__edge-textbg{rx:4px;ry:4px}.canvas .react-flow__controls button{width:34px;height:34px}.canvas .react-flow__controls button svg{max-width:17px;max-height:17px}.canvas .react-flow__minimap{border:1px solid #2a3b49}.canvas .react-flow__attribution{font-size:10px}.connection-review{margin-top:14px;padding:12px;border:1px solid #29404f;border-radius:9px;background:#09131c}.connection-review-heading{display:flex;flex-direction:column;gap:7px}.connection-review-heading>strong{font-size:13px;line-height:1.4}.connection-review p{margin:9px 0;color:#b7c7d3;font-size:12px;line-height:1.6}.connection-review-recommendation{display:flex;flex-direction:column;gap:5px;padding-top:9px;border-top:1px solid #243541}.connection-review-recommendation strong{color:#93a7b6;font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}.connection-review-recommendation span{color:#e0eaf0;font-size:12px;line-height:1.6}.connection-review>small{display:block;margin-top:10px;color:#748898;font-size:10px;line-height:1.5}.connection-review--high{border-color:#a83f4c;background:#54121e38}.connection-review--high .connection-review-heading>strong{color:#ff8997}.connection-review--medium{border-color:#8c6b2a;background:#563e0c2e}.connection-review--medium .connection-review-heading>strong{color:#f5cb72}.connection-review--low .connection-review-heading>strong{color:#91d8ff}.connection-review--ok .connection-review-heading>strong{color:#7ee0b0}@media(max-width:760px){.canvas .bp-node{min-width:170px;max-width:235px;padding:12px}.canvas .node-label{font-size:14px}.canvas .react-flow__edge-text{font-size:12px}}.canvas .bp-node{width:250px;min-width:250px;max-width:250px;padding:15px 16px}.canvas .node-label{font-size:15px;line-height:1.4;overflow-wrap:anywhere}.canvas .node-notes{display:none!important}.canvas .architecture-edge-label{max-width:220px;padding:2px 4px;background:#070d13e0;border:0;border-radius:3px;font:750 11px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.01em;white-space:normal;text-align:center;text-shadow:0 1px 4px #000}.canvas .react-flow__edge-path{stroke-linecap:round}.canvas .react-flow__edge.selected .react-flow__edge-path{stroke-width:2.8px!important}.topbar-toolbar-actions{min-width:0;flex-wrap:nowrap;overflow:visible}.component-search-inline{display:inline-flex;align-items:center;gap:7px;min-width:150px;width:clamp(150px,18vw,260px);height:32px;padding:0 10px;border:1px solid #263a48;border-radius:8px;color:#7f95a5;background:#080f16}.component-search-inline:focus-within{border-color:#29b6f6;box-shadow:0 0 0 2px #29b6f61c}.component-search-inline input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#e7f0f6;font-size:11px}.component-search-inline input::placeholder{color:#617586}.component-library-controls{display:flex;align-items:center;gap:8px;margin:12px 0 15px;flex-wrap:wrap}.component-library-search{display:flex;align-items:center;gap:8px;flex:1 1 250px;min-width:180px;padding:0 10px;height:36px;border:1px solid #253b49;border-radius:8px;color:#7b95a7;background:#080f16}.component-library-search:focus-within{border-color:#29b6f6}.component-library-search input{min-width:0;width:100%;outline:0;border:0;background:transparent;color:#e9f3f8;font-size:11px}.component-library-controls select{height:36px;max-width:190px;border:1px solid #263945;border-radius:8px;padding:0 9px;background:#0b141c;color:#b9c9d5;font-size:10px}.niche-library-tag{display:inline-flex;margin-left:8px;padding:3px 6px;border:1px solid #21533f;border-radius:5px;color:#79e3b2;background:#0b211a;font-size:8px;vertical-align:middle;letter-spacing:.04em}.component-dock{max-width:min(1040px,calc(100vw - 100px))}.component-dock-open{box-shadow:0 22px 80px #000b;border:1px solid #294252}.component-dock-item{transition:border-color .15s ease,background .15s ease,transform .15s ease}.component-dock-item:hover{border-color:#3a7893;background:#102330;transform:translateY(-1px)}.catalog-item-active{border-color:#29b6f6!important;background:#102a39!important}.component-lane-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;margin-left:8px;padding:0 5px;border-radius:5px;background:#14222d;color:#8da3b2;font:10px ui-monospace,monospace}.workspace{position:relative;grid-template-columns:36px 0 minmax(0,1fr) 0 36px!important}.workspace>.right-panel{position:absolute!important;z-index:42!important;top:10px;right:10px;bottom:10px;width:var(--right-panel-width,320px);max-width:calc(100% - 72px);border:1px solid #263b49;border-radius:12px;background:#091119f5;box-shadow:0 24px 70px #000b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.workspace>.panel-resizer-right{position:absolute;z-index:43;top:10px;bottom:10px;right:calc(var(--right-panel-width,320px) + 7px);width:6px;cursor:ew-resize}.workspace>.collapsed-panel-strip-right{grid-column:5}.workspace>.canvas-column{grid-column:3}.workspace>.left-panel{position:absolute;z-index:42;top:10px;bottom:10px;left:44px;width:var(--left-panel-width,260px);max-width:calc(100% - 80px);border:1px solid #263b49;border-radius:12px;box-shadow:0 24px 70px #000b}.workspace>.panel-resizer-left{position:absolute;z-index:43;left:calc(var(--left-panel-width,260px) + 44px);top:10px;bottom:10px;width:6px;cursor:ew-resize}.workspace>.collapsed-panel-strip-left{grid-column:1}.workspace-popup-scrim{z-index:40!important}.component-library-scrim{background:#0003;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.workspace>.canvas-column>.component-dock.component-dock-open{position:absolute;z-index:45;top:10px;left:50%;transform:translate(-50%);width:min(1040px,calc(100% - 32px));max-height:min(68dvh,680px);border:1px solid #2a4657;border-radius:13px;background:#091119f7;box-shadow:0 24px 90px #000c}@media(max-width:900px){.component-search-inline{width:150px;min-width:120px}.component-library-controls select{flex:1 1 130px;max-width:none}}@media(max-width:760px){.topbar-toolbar-actions{flex-wrap:wrap}.component-search-inline{flex:1 1 100%;width:100%;order:10}.workspace{grid-template-columns:32px 0 minmax(0,1fr) 0 32px!important}.workspace>.right-panel{top:6px;right:6px;bottom:6px;width:min(340px,calc(100% - 52px));max-width:calc(100% - 52px)}.workspace>.left-panel{top:6px;bottom:6px;left:38px;width:min(300px,calc(100% - 46px));max-width:calc(100% - 46px)}.workspace>.canvas-column>.component-dock.component-dock-open{top:6px;width:calc(100% - 12px);max-height:74dvh}.component-library-controls{align-items:stretch}.component-library-search{flex-basis:100%}.component-library-controls select{flex-basis:calc(50% - 4px)}}.workspace>.canvas-column>.component-dock.component-dock-open{position:fixed!important;top:50%!important;left:calc(50% - 150px)!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:min(1040px,calc(100vw - 420px))!important;max-width:calc(100vw - 420px)!important;max-height:min(76dvh,720px)!important;margin:0!important;overflow-y:auto!important}.component-library-scrim{position:fixed!important;inset:48px 0 0!important;z-index:41!important;width:100vw!important;height:calc(100dvh - 48px)!important;background:#0000003d!important}.workspace>.right-panel{z-index:42!important}@media(max-width:760px){.workspace>.canvas-column>.component-dock.component-dock-open{top:52%!important;width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:76dvh!important}.component-library-scrim{inset:48px 0 0!important;height:calc(100dvh - 48px)!important}}:root{--anchon-font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--anchon-font-data: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--anchon-bg: #060a0f;--anchon-surface: #0a1016;--anchon-surface-raised: #0d161f;--anchon-surface-input: #070c11;--anchon-border: #263541;--anchon-border-subtle: #1b2934;--anchon-text: #edf2f7;--anchon-muted: #8795a5;--anchon-subtle: #6e7d8c;--anchon-accent: #29b6f6;--anchon-accent-hover: #72d8fa;--anchon-danger: #f87171;--anchon-radius: 8px;--anchon-control-height: 36px;--anchon-control-font-size: 12px;--anchon-control-weight: 650}body:has(.app-shell) :not(.lp-root,.lp-root *){font-family:var(--anchon-font-ui)}body:has(.app-shell) :not(.lp-root,.lp-root *) :is(h1,h2,h3,h4,h5,h6){color:var(--anchon-text);font-family:var(--anchon-font-ui);letter-spacing:-.02em}body:has(.app-shell) :not(.lp-root,.lp-root *) :is(p,li,label,small,span,div){text-wrap:pretty}body:has(.app-shell) :not(.lp-root,.lp-root *) :is(button,[role=button],input,select,textarea){font-family:var(--anchon-font-ui);font-size:var(--anchon-control-font-size)}body:has(.app-shell) :not(.lp-root,.lp-root *) :is(button,[role=button]){min-height:var(--anchon-control-height);padding:8px 12px;border-radius:var(--anchon-radius);font-weight:var(--anchon-control-weight);line-height:1.25}body:has(.app-shell) :not(.lp-root,.lp-root *) :is(input,select,textarea){min-height:var(--anchon-control-height);padding:8px 10px;border-radius:var(--anchon-radius);border-color:var(--anchon-border);background-color:var(--anchon-surface-input);color:var(--anchon-text)}body:has(.app-shell) :not(.lp-root,.lp-root *) :is(button,input,select,textarea):focus-visible{outline:2px solid color-mix(in srgb,var(--anchon-accent) 78%,transparent);outline-offset:2px}body:has(.app-shell) :not(.lp-root,.lp-root *) :is(.primary-btn,.toolbar-actions button,.event-actions button,.nav-btn,.danger-btn,.danger-outline,.warning-outline,.icon-btn,.catalog-learn-btn,.panel-toggle-button,.topbar-library-button,.topbar-add-component-button,.component-library-close){min-height:var(--anchon-control-height);padding:8px 12px;border-radius:var(--anchon-radius);font-size:var(--anchon-control-font-size);font-weight:var(--anchon-control-weight)}body:has(.app-shell) :not(.lp-root,.lp-root *) :is(.section-kicker,.eyebrow,.counter,.field label,.status-pill,.warning-pill,.requirements-status,.help-box,.submission-rule,.tiny){font-family:var(--anchon-font-data)}body:has(.app-shell) :not(.lp-root,.lp-root *) :is(.panel,.section-block,.generator-form,.generated-result,.generator-hero,.control-hero){border-color:var(--anchon-border-subtle)}body:has(.app-shell) :not(.lp-root,.lp-root *) :is(.panel,.feature-card,.suggested-component,.catalog-item,.component-dock-item){border-radius:var(--anchon-radius)}body:has(.app-shell) :not(.lp-root,.lp-root *) :is(.primary-btn,.topbar-add-component-button){background-color:var(--anchon-accent);border-color:var(--anchon-accent);color:#04111a}body:has(.app-shell) :not(.lp-root,.lp-root *) :is(.primary-btn,.topbar-add-component-button):hover{background-color:var(--anchon-accent-hover);border-color:var(--anchon-accent-hover)}body:has(.app-shell) :not(.lp-root,.lp-root *) :is(.danger-btn,.danger-outline){color:var(--anchon-danger)}body:has(.app-shell) :not(.lp-root,.lp-root *) .component-search-inline input,body:has(.app-shell) :not(.lp-root,.lp-root *) .component-library-search input{min-height:0;padding:0;font-size:12px}body:has(.app-shell) :not(.lp-root,.lp-root *) .component-library-controls select{min-height:var(--anchon-control-height);font-size:12px}.workspace>.canvas-column>.component-dock.component-dock-open{top:42%!important}@media(max-width:760px){.workspace>.canvas-column>.component-dock.component-dock-open{top:43%!important}}.app-shell:not(.lp-root){font-family:var(--anchon-font-ui);font-size:12px;line-height:1.5}.app-shell:not(.lp-root) :is(.topbar strong,.control-hero h1,.generator-hero h1,.generated-result h2,.project-dashboard-hero h1){font-weight:700!important;letter-spacing:-.035em}.app-shell:not(.lp-root) :is(.control-hero h1,.generator-hero h1){font-size:clamp(21px,2.4vw,28px);line-height:1.2}.app-shell:not(.lp-root) :is(.control-hero p,.generator-hero p,.generated-result>p,.project-dashboard-hero p,.github-connection-title p){font-size:12px;line-height:1.6}.app-shell:not(.lp-root) :is(.section-kicker,.eyebrow){font-size:10px;font-weight:650;letter-spacing:.07em}.app-shell:not(.lp-root) :is(.primary-btn,.outline-btn,.toolbar-actions button,.event-actions button,.nav-btn,.danger-btn,.danger-outline,.warning-outline,.icon-btn,.topbar-library-button,.topbar-add-component-button){min-height:34px;padding:7px 11px;font-size:11px;font-weight:600;letter-spacing:0}.app-shell:not(.lp-root) :is(.stat strong,.team-row strong){font-weight:650}.app-shell:not(.lp-root) :is(.feature-card strong,.suggested-component strong){font-weight:650}.app-shell:not(.lp-root) :is(.field label,.tiny,.counter,.topbar-sub,.status-pill,.warning-pill){font-weight:550;letter-spacing:.035em}.app-shell:not(.lp-root) :is(.panel,.feature-card,.section-block,.generator-form,.generated-result,.generator-hero){border-radius:9px}.app-shell:not(.lp-root) :is(.field input,.field textarea,.component-library-search input,.component-library-controls select){font-size:12px;line-height:1.45}.tutorial-card h2{font-size:18px;font-weight:650;letter-spacing:-.02em}.tutorial-card p{font-size:12px;line-height:1.6}.tutorial-progress-label{font-size:10px;font-weight:550;letter-spacing:.04em}.app-shell:not(.lp-root) h1{font-size:clamp(20px,2.1vw,26px)!important;line-height:1.2!important;font-weight:650!important;letter-spacing:-.035em!important}.app-shell:not(.lp-root) h2{font-size:15px!important;line-height:1.35!important;font-weight:600!important;letter-spacing:-.02em!important}.app-shell:not(.lp-root) h3{font-size:13px!important;font-weight:600!important}.app-shell:not(.lp-root) p{font-size:12px;line-height:1.55}.app-shell:not(.lp-root) :is(.section-kicker,.eyebrow,.status-pill,.warning-pill){font-weight:550!important}.app-shell:not(.lp-root) :is(button,[role=button]){font-weight:550!important}.app-shell .topbar-toolbar-actions>button,.app-shell .topbar-toolbar-actions>.topbar-library-button,.app-shell .topbar-toolbar-actions>.topbar-add-component-button{min-height:28px!important;padding:0 8px!important;font-family:var(--anchon-font-ui, Inter, ui-sans-serif, system-ui, sans-serif)!important;font-size:10px!important;font-weight:550!important;letter-spacing:0!important;line-height:1.2!important;gap:5px!important}.app-shell .topbar-toolbar-actions>button svg,.app-shell .topbar-toolbar-actions>.topbar-library-button svg,.app-shell .topbar-toolbar-actions>.topbar-add-component-button svg{width:13px!important;height:13px!important}.app-shell .topbar-toolbar-actions .status-pill{font-size:8px!important;font-weight:500!important;letter-spacing:.02em!important}.app-shell .topbar strong{font-size:12px!important;font-weight:650!important}.app-shell .topbar-sub{font-size:9px!important;font-weight:450!important}@media(max-width:1200px){.app-shell .topbar-toolbar-actions>button,.app-shell .topbar-toolbar-actions>.topbar-library-button,.app-shell .topbar-toolbar-actions>.topbar-add-component-button{font-size:9px!important;padding:0 6px!important}}.requirements-panel .brief-card-heading h2,.requirements-panel .brief-card-heading p{font-size:11px!important;line-height:1.5!important}.requirements-panel .brief-card>button{font-size:11px!important;line-height:1.4!important}.requirements-panel .brief-card>p,.requirements-panel .brief-card .github-muted,.requirements-panel .brief-card li,.requirements-panel .brief-card details,.requirements-panel .brief-card summary,.requirements-panel .brief-card h3{font-size:11px!important;line-height:1.5!important}.lp-root>:not(.shape-grid-background){position:relative;z-index:1}:root{--anchon-lavender: #c4b5fd;--anchon-lavender-bright: #ddd2ff;--anchon-lavender-deep: #8b7bd8;--anchon-lavender-muted: #a89bd8;--anchon-bg: #0c0a13;--anchon-panel: rgba(23, 19, 35, .86);--anchon-border: rgba(196, 181, 253, .18);--anchon-font-display: "Barlow Condensed", "Arial Narrow", sans-serif;--anchon-font-ui: "DM Sans", ui-sans-serif, system-ui, sans-serif}html,body,#root,button,input,textarea,select{font-family:var(--anchon-font-ui)!important}body,.app-shell,.home{background-color:var(--anchon-bg)!important}:where(h1,h2,h3,.topbar strong,.home h1,.control-hero h1){font-family:var(--anchon-font-display)!important;text-transform:uppercase;letter-spacing:.015em}:where(.primary-btn,.nav-btn,.outline-btn,.icon-btn,.toolbar-actions button,.event-actions button){border-color:var(--anchon-border)!important}:where(.primary-btn,.lp-btn-primary,.lp-nav-cta){background:var(--anchon-lavender)!important;color:#171121!important;border-color:var(--anchon-lavender)!important}:where(.primary-btn:hover,.lp-btn-primary:hover,.lp-nav-cta:hover){background:var(--anchon-lavender-bright)!important}:where(.eyebrow,.section-kicker,.node-category,.help-box strong,.status-pill,.lp-eyebrow,.lp-feature-cta){color:var(--anchon-lavender)!important}:where(.panel,.home-card,.sidebar,.topbar,.problem-banner,.canvas-toolbar,.catalog-item,.bp-node){border-color:var(--anchon-border)!important}.app-shell:not(.lp-root),.app-shell:not(.lp-root) .topbar,.app-shell:not(.lp-root) .sidebar,.app-shell:not(.lp-root) .problem-banner,.app-shell:not(.lp-root) .canvas-toolbar{background-color:#0e0b16f0!important}.app-shell:not(.lp-root) .react-flow{background:#0c0a13!important}.app-shell:not(.lp-root) .handle{background:var(--anchon-lavender)!important}.app-shell:not(.lp-root) .bp-node.selected{border-color:var(--anchon-lavender)!important;box-shadow:0 0 0 2px #c4b5fd33,0 12px 28px #0009!important}.shape-grid-background{background:#0c0a13!important}.shape-grid-background:after{background:radial-gradient(ellipse at 50% 12%,rgba(139,123,216,.17),transparent 64%),linear-gradient(180deg,#0c0a131f,#0c0a1394)!important}.lp-nav{position:sticky!important;top:14px!important;z-index:20!important;width:min(1160px,calc(100% - 48px))!important;min-height:70px!important;margin:14px auto 0!important;padding:0 22px!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:24px!important;border:1px solid rgba(196,181,253,.22)!important;border-radius:18px!important;background:#110d1cc7!important;box-shadow:0 12px 42px #0003,inset 0 1px #ffffff0a!important;-webkit-backdrop-filter:blur(20px) saturate(130%)!important;backdrop-filter:blur(20px) saturate(130%)!important}.lp-nav-brand{color:#f4efff!important;font-family:var(--anchon-font-display)!important;font-size:29px!important;line-height:1!important;font-weight:700!important;letter-spacing:.06em!important}.lp-nav-links{display:flex!important;align-items:center!important;gap:8px!important}.lp-nav-link{padding:11px 15px!important;border:1px solid transparent!important;border-radius:10px!important;color:#c9c2d9!important;background:transparent!important;font-family:var(--anchon-font-ui)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.01em!important;cursor:pointer!important;transition:color .2s ease,background .2s ease,border-color .2s ease!important}.lp-nav-link:hover{color:#f4efff!important;background:#c4b5fd17!important;border-color:#c4b5fd26!important}.lp-nav-cta{justify-self:end!important;display:inline-flex!important;align-items:center!important;gap:10px!important;min-height:42px!important;padding:0 18px!important;border-radius:11px!important;font-family:var(--anchon-font-ui)!important;font-size:12px!important;font-weight:700!important;box-shadow:0 5px 22px #c4b5fd29!important}.lp-hero-title,.lp-hero-title .lp-letter{animation:none!important;transform:none!important;transition:none!important}.lp-hero-title{font-family:var(--anchon-font-display)!important;font-weight:700!important;letter-spacing:-.035em!important;text-transform:uppercase!important}.lp-root{background:#0c0a13!important;color:#f3efff!important}@media(max-width:640px){.lp-nav{width:calc(100% - 24px)!important;min-height:60px!important;margin-top:10px!important;padding:0 13px!important;grid-template-columns:auto 1fr auto!important;gap:8px!important;border-radius:14px!important}.lp-nav-brand{font-size:23px!important}.lp-nav-links{justify-content:center!important}.lp-nav-link{padding:9px 8px!important;font-size:11px!important}.lp-nav-cta{min-height:36px!important;padding:0 11px!important;font-size:11px!important}}:root{--anchon-bg: #101114;--anchon-panel: rgba(25, 26, 30, .9);--anchon-border: rgba(205, 207, 216, .17)}body,.app-shell,.home,.lp-root{background-color:#101114!important}.app-shell:not(.lp-root),.app-shell:not(.lp-root) .topbar,.app-shell:not(.lp-root) .sidebar,.app-shell:not(.lp-root) .problem-banner,.app-shell:not(.lp-root) .canvas-toolbar{background-color:#121317f0!important}.app-shell:not(.lp-root) .react-flow{background:#101114!important}.shape-grid-background,.lp-root{background:#101114!important}.shape-grid-background:after{background:radial-gradient(ellipse at 50% 10%,rgba(205,207,216,.19),transparent 58%),radial-gradient(ellipse at 50% 55%,rgba(145,148,158,.07),transparent 70%),linear-gradient(180deg,#1011140a,#10111485)!important}.panel,.home-card,.sidebar,.topbar,.problem-banner,.canvas-toolbar,.catalog-item,.bp-node{border-color:#cdcfd82b!important}.lp-root,.lp-root .lp-section,.lp-root .lp-section-alt,.lp-root .lp-marquee-track,.lp-root .lp-closing-inner,.lp-root .lp-feature-card{background:transparent!important}.lp-root .lp-closing-inner{border-color:#cdcfd838!important;box-shadow:none!important}.lp-root .lp-feature-card{border-color:#cdcfd833!important;box-shadow:none!important}.lp-root .lp-feature-card:hover{background:#cdcfd80e!important}.lp-root .lp-marquee-track{border-color:#cdcfd82e!important}.lp-root .lp-section-alt{border-top-color:#cdcfd81a!important;border-bottom-color:#cdcfd81a!important}.app-shell:not(.lp-root) .workspace{background:#0b0912}.app-shell:not(.lp-root) .canvas-column{background:radial-gradient(ellipse at 50% 25%,rgba(105,82,161,.08),transparent 58%),#0b0912}.app-shell:not(.lp-root) .react-flow{background-color:#0b0912!important}.app-shell:not(.lp-root) .react-flow__background pattern circle{fill:#c4b5fd42}.app-shell:not(.lp-root) :is(.left-panel,.right-panel,.requirements-panel,.component-dock,.component-library-popup,.inspector-panel){border-color:#c4b5fd2b!important;background-color:#100d19f7!important}.app-shell:not(.lp-root) :is(.component-dock,.component-library-popup,.inspector-panel,.right-panel,.left-panel){box-shadow:0 18px 60px #00000047,inset 0 1px #ffffff06}.app-shell:not(.lp-root) :is(.catalog-item,.component-dock-item,.suggested-component,.bp-node){border-color:#c4b5fd2e!important;background:linear-gradient(145deg,#1c172af5,#0f0d17fa)!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.app-shell:not(.lp-root) :is(.catalog-item,.component-dock-item,.suggested-component):hover{border-color:#c4b5fd7a!important;box-shadow:0 8px 24px #00000038,0 0 0 1px #c4b5fd0f}.app-shell:not(.lp-root) .bp-node{box-shadow:0 10px 28px #0000003d,inset 0 1px #ffffff09}.app-shell:not(.lp-root) .react-flow__edge-path{filter:drop-shadow(0 0 3px rgba(196,181,253,.12))}.app-shell:not(.lp-root) :is(.canvas-toolbar,.topbar,.left-panel,.right-panel){-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}@media(prefers-reduced-motion:reduce){.app-shell:not(.lp-root) :is(.catalog-item,.component-dock-item,.suggested-component,.bp-node){transition:none!important}}.app-shell:not(.lp-root) .workspace{gap:0!important}.app-shell:not(.lp-root) .left-panel{padding:18px 15px!important}.app-shell:not(.lp-root) .right-panel{padding:16px 14px!important}.app-shell:not(.lp-root) .component-dock{padding:16px 18px 14px!important;border-top:1px solid rgba(196,181,253,.1)!important;background:#100d19f5!important}.app-shell:not(.lp-root) .component-dock-heading{margin-bottom:13px!important}.app-shell:not(.lp-root) .component-dock-items{gap:10px!important;padding:4px 2px 9px!important}.app-shell:not(.lp-root) .component-dock-item{flex-basis:164px!important;width:164px!important;min-height:72px!important;padding:12px!important;border-radius:10px!important}.app-shell:not(.lp-root) .component-library-controls{gap:10px!important}.app-shell:not(.lp-root) .component-library-search input{border-color:#c4b5fd33!important;background:#0b0912!important;border-radius:8px!important}.app-shell:not(.lp-root) .catalog-item{margin:7px 0!important;padding:12px!important;border-radius:10px!important}.app-shell:not(.lp-root) .catalog-inspector{border-color:#c4b5fd2b!important;background:linear-gradient(145deg,#1a1527f7,#0d0b14fa)!important;border-radius:12px!important;padding:16px!important}.app-shell:not(.lp-root) .component-library-close{border-radius:8px!important}.app-shell:not(.lp-root) .canvas{background:#0b0912!important}.app-shell:not(.lp-root) .canvas-toolbar{padding:10px 14px!important}@media(max-width:760px){.app-shell:not(.lp-root) .component-dock-item{flex-basis:142px!important;width:142px!important;min-height:64px!important}.app-shell:not(.lp-root) .left-panel{padding:12px!important}.app-shell:not(.lp-root) .right-panel{padding:12px!important}}.app-shell:not(.lp-root) .workspace>.left-panel{inset:12px auto 12px 18px!important;box-sizing:border-box!important;padding:16px!important;gap:0!important}.app-shell:not(.lp-root) .workspace>.right-panel{inset:12px 18px 12px auto!important;box-sizing:border-box!important;padding:16px!important}.app-shell:not(.lp-root) .workspace>.panel-resizer-left{left:calc(var(--left-panel-width,260px) + 18px)!important}.app-shell:not(.lp-root) .workspace>.panel-resizer-right{right:calc(var(--right-panel-width,300px) + 21px)!important}.app-shell:not(.lp-root) .requirements-panel{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;overflow-x:hidden!important}.app-shell:not(.lp-root) .requirements-panel-header{display:grid!important;grid-template-columns:30px minmax(0,1fr) 28px!important;grid-template-rows:auto!important;align-items:start!important;gap:8px!important;width:100%!important;box-sizing:border-box!important;padding:0 0 12px!important;margin:0 0 12px!important;border-bottom:1px solid rgba(196,181,253,.14)!important}.app-shell:not(.lp-root) .requirements-panel-header .panel-toggle-button{position:static!important;grid-column:3!important;grid-row:1!important;justify-self:end!important;align-self:start!important;width:28px!important;min-width:28px!important;height:34px!important;margin:0!important;padding:5px!important}.app-shell:not(.lp-root) .requirements-panel-header .requirements-mark{position:static!important;grid-column:1!important;grid-row:1!important;width:30px!important;height:30px!important;margin:0!important}.app-shell:not(.lp-root) .requirements-panel-header>div:last-child{grid-column:2!important;grid-row:1!important;min-width:0!important;width:100%!important;margin:0!important}.app-shell:not(.lp-root) .requirements-panel-header .section-kicker{white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.4!important}.app-shell:not(.lp-root) .requirements-panel-header p{max-width:100%!important;margin:5px 0 0!important;font-size:11px!important;line-height:1.5!important;overflow-wrap:anywhere!important}.app-shell:not(.lp-root) .requirements-panel .brief-card{width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0 0 12px!important;padding:13px!important}.app-shell:not(.lp-root) .requirements-panel .brief-card-heading{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;align-items:start!important;gap:9px!important;width:100%!important;margin:0 0 11px!important}.app-shell:not(.lp-root) .requirements-panel .brief-card-heading>div{min-width:0!important;width:100%!important}.app-shell:not(.lp-root) .requirements-panel .brief-card-heading h2{margin:1px 0 4px!important;line-height:1.4!important;overflow-wrap:anywhere!important}.app-shell:not(.lp-root) .requirements-panel .brief-card-heading p{margin:0!important;line-height:1.5!important;overflow-wrap:anywhere!important}.app-shell:not(.lp-root) .requirements-panel .field{width:100%!important;min-width:0!important;margin:10px 0 0!important}.app-shell:not(.lp-root) .requirements-panel .field input,.app-shell:not(.lp-root) .requirements-panel .field textarea{width:100%!important;min-width:0!important;box-sizing:border-box!important}.app-shell:not(.lp-root) .requirements-panel .brief-card .primary-btn{width:100%!important;min-width:0!important;box-sizing:border-box!important;white-space:normal!important;line-height:1.4!important;padding:9px 10px!important}.app-shell:not(.lp-root) .requirements-panel .requirements-status{width:100%!important;box-sizing:border-box!important;margin-top:2px!important}.app-shell:not(.lp-root) .workspace>.collapsed-panel-strip-left{margin-left:6px}@media(max-width:760px){.app-shell:not(.lp-root) .workspace>.left-panel{inset:8px auto 8px 8px!important}.app-shell:not(.lp-root) .workspace>.right-panel{inset:8px 8px 8px auto!important}.app-shell:not(.lp-root) .workspace>.panel-resizer-left{left:calc(var(--left-panel-width,260px) + 8px)!important}.app-shell:not(.lp-root) .workspace>.panel-resizer-right{right:calc(var(--right-panel-width,300px) + 11px)!important}.app-shell:not(.lp-root) .requirements-panel-header{grid-template-columns:28px 28px minmax(0,1fr) 28px!important;gap:6px!important}}.app-shell:not(.lp-root) .run-request-canvas{min-height:40px!important;padding:0 15px!important;gap:9px!important;border:1px solid rgba(196,181,253,.82)!important;border-radius:9px!important;background:linear-gradient(135deg,#c4b5fd,#a996f6)!important;color:#171126!important;font:800 10px/1 var(--anchon-font-ui)!important;letter-spacing:.055em!important;box-shadow:0 5px 22px #ac97ff29!important}.app-shell:not(.lp-root) .run-request-canvas:hover{transform:translateY(-1px);background:#ded5ff!important;box-shadow:0 8px 25px #b8a8f72a!important}.app-shell:not(.lp-root) .run-request-canvas:disabled{opacity:.42!important;cursor:not-allowed!important;transform:none!important}.request-trace-spinner{width:12px;height:12px;border:2px solid rgba(23,17,38,.25);border-top-color:#171126;border-radius:50%;animation:anchon-trace-spin .7s linear infinite}@keyframes anchon-trace-spin{to{transform:rotate(360deg)}}.app-shell:not(.lp-root) .request-trace-status{position:absolute;z-index:15;left:50%;bottom:18px;transform:translate(-50%);display:flex;align-items:center;gap:11px;width:max-content;max-width:calc(100% - 32px);padding:11px 13px;border:1px solid rgba(196,181,253,.28);border-radius:12px;color:#e9e2ff;background:#0f0c18f5;box-shadow:0 14px 38px #0008;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}.request-trace-status>div{display:flex;flex-direction:column;gap:4px;min-width:0}.request-trace-status strong{font:800 9px/1.4 var(--anchon-font-data);letter-spacing:.1em;color:#c4b5fd}.request-trace-status span:not(.request-trace-status-dot){color:#bcb3ce;font-size:11px;line-height:1.45;overflow-wrap:anywhere}.request-trace-status>button{display:grid;place-items:center;flex:none;width:25px;height:25px;border:1px solid rgba(196,181,253,.2);border-radius:7px;background:#c4b5fd12;color:#dcd2ff;cursor:pointer}.request-trace-status-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#a78bfa;box-shadow:0 0 0 4px #a78bfa1f}.request-trace-status-dot.is-running{animation:anchon-trace-pulse 1s ease-in-out infinite}@keyframes anchon-trace-pulse{50%{box-shadow:0 0 0 7px #a78bfa05;opacity:.55}}.app-shell:not(.lp-root) .react-flow__node.request-trace-node.is-active .bp-node{border-color:#c4b5fd!important;box-shadow:0 0 0 2px #c4b5fd3d,0 0 28px #a78bfa38,0 16px 40px #0008!important}.app-shell:not(.lp-root) .react-flow__node.request-trace-node.is-complete .bp-node{border-color:#6ee7b79e!important;box-shadow:0 0 0 1px #6ee7b717,0 12px 30px #0006!important}.app-shell:not(.lp-root) .react-flow__edge.request-trace-edge.is-active .react-flow__edge-path{stroke:#c4b5fd!important;stroke-width:4!important;filter:drop-shadow(0 0 7px rgba(196,181,253,.8))!important;stroke-dasharray:8 7!important;animation:anchon-flow-dash .7s linear infinite!important}.app-shell:not(.lp-root) .react-flow__edge.request-trace-edge.is-complete .react-flow__edge-path{filter:drop-shadow(0 0 4px rgba(110,231,183,.35))!important}@keyframes anchon-flow-dash{to{stroke-dashoffset:-30}}.app-shell:not(.lp-root) .floating-ai-chat-panel{background:#0f0c18fb!important;border-color:#c4b5fd47!important;color:#f0eaff!important;box-shadow:0 18px 55px #0000008c!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;z-index:70!important}.app-shell:not(.lp-root) .floating-ai-chat-panel-heading{color:#c4b5fd!important;min-height:34px}.app-shell:not(.lp-root) .floating-ai-chat-panel-heading button,.app-shell:not(.lp-root) .component-library-close,.app-shell:not(.lp-root) .panel-toggle-button{display:grid!important;place-items:center!important;align-self:center!important;box-sizing:border-box!important;flex:0 0 32px!important;width:32px!important;min-width:32px!important;height:32px!important;padding:0!important;border:1px solid rgba(196,181,253,.23)!important;border-radius:9px!important;background:#c4b5fd12!important;color:#d9ceff!important;line-height:1!important}.app-shell:not(.lp-root) .floating-ai-chat-panel-heading button svg,.app-shell:not(.lp-root) .component-library-close svg,.app-shell:not(.lp-root) .panel-toggle-button svg{display:block;flex:none}.app-shell:not(.lp-root) .floating-ai-chat-panel-heading button:hover,.app-shell:not(.lp-root) .component-library-close:hover,.app-shell:not(.lp-root) .panel-toggle-button:hover{border-color:#c4b5fd85!important;background:#c4b5fd21!important}.app-shell:not(.lp-root) .ai-chat-scrim{display:none!important}.app-shell:not(.lp-root) .workspace>.right-panel .catalog-inspector,.app-shell:not(.lp-root) .workspace>.right-panel .catalog-detail-block{border-color:#c4b5fd2b!important;background:linear-gradient(145deg,#1c172ae6,#0f0c17f5)!important}.app-shell:not(.lp-root) .workspace>.right-panel .catalog-component-icon,.app-shell:not(.lp-root) .workspace>.right-panel .catalog-inspector-title .catalog-component-icon{border-color:#c4b5fd40!important;background:#c4b5fd1a!important;color:#c4b5fd!important}.app-shell:not(.lp-root) .workspace>.right-panel .catalog-inspector .section-kicker,.app-shell:not(.lp-root) .workspace>.right-panel .catalog-detail-block>strong{color:#c4b5fd!important}.app-shell:not(.lp-root) .workspace>.right-panel .catalog-summary,.app-shell:not(.lp-root) .workspace>.right-panel .catalog-detail-block p{color:#b8b0ca!important}.app-shell:not(.lp-root) .workspace>.canvas-column>.component-dock.component-dock-open{border-color:#c4b5fd40!important;background:#0f0c18fc!important;box-shadow:0 22px 80px #000000ad!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.app-shell:not(.lp-root) .component-dock-heading{align-items:center!important;gap:16px!important}.app-shell:not(.lp-root) .component-dock-heading>div:first-child{min-width:0}.app-shell:not(.lp-root) .component-dock-heading .component-library-close{align-self:flex-start!important;position:relative!important;top:0!important;right:0!important;margin:0!important}.app-shell:not(.lp-root) .component-library-scrim{background:#0003!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}@media(prefers-reduced-motion:reduce){.request-trace-spinner,.request-trace-status-dot.is-running,.app-shell:not(.lp-root) .react-flow__edge.request-trace-edge.is-active .react-flow__edge-path{animation:none!important}}.app-shell:not(.lp-root) .requirements-panel .requirements-status{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:8px!important;width:100%!important;min-width:0!important;margin-top:2px!important;padding-top:14px!important;box-sizing:border-box!important}.app-shell:not(.lp-root) .requirements-panel .requirements-metric{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;min-width:0!important;width:100%!important;max-width:100%!important;padding:9px 10px!important;box-sizing:border-box!important;overflow:hidden!important;border:1px solid rgba(196,181,253,.19)!important;border-radius:10px!important;background:linear-gradient(145deg,#c4b5fd0e,#c4b5fd06)!important}.app-shell:not(.lp-root) .requirements-panel .requirements-metric strong{flex:none!important;color:#e6ddff!important;font:750 19px/1 var(--anchon-font-ui,Inter,ui-sans-serif,system-ui,sans-serif)!important}.app-shell:not(.lp-root) .requirements-panel .requirements-metric span{display:block!important;min-width:0!important;max-width:100%!important;padding:6px 7px!important;border:1px solid rgba(196,181,253,.16)!important;border-radius:7px!important;background:#08070d59!important;color:#a89dbd!important;font:500 10px/1.2 var(--anchon-font-ui,Inter,ui-sans-serif,system-ui,sans-serif)!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important}.app-shell:not(.lp-root) .requirements-panel .requirements-status>small{display:flex!important;align-items:center!important;gap:8px!important;grid-column:1/-1!important;min-width:0!important;width:100%!important;padding:5px 2px 0!important;box-sizing:border-box!important}.app-shell:not(.lp-root) .requirements-panel .requirements-status .save-indicator{flex:0 0 7px!important}@media(max-width:370px){.app-shell:not(.lp-root) .requirements-panel .requirements-metric{gap:5px!important;padding:8px 7px!important}.app-shell:not(.lp-root) .requirements-panel .requirements-metric strong{font-size:17px!important}.app-shell:not(.lp-root) .requirements-panel .requirements-metric span{padding:5px 4px!important;font-size:9px!important}}.app-shell:not(.lp-root) .requirements-panel .requirements-status{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.app-shell:not(.lp-root) .requirements-panel .requirements-metric{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;justify-content:stretch!important;align-items:center!important;gap:6px!important;min-width:0!important;width:100%!important;max-width:100%!important;padding:9px 8px!important;overflow:hidden!important}.app-shell:not(.lp-root) .requirements-panel .requirements-metric strong{display:block!important;width:22px!important;text-align:center!important;font-size:18px!important;line-height:1!important}.app-shell:not(.lp-root) .requirements-panel .requirements-metric span{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:30px!important;padding:5px 4px!important;box-sizing:border-box!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.2!important}.app-shell:not(.lp-root) .component-library-controls select{border-color:#c4b5fd38;background:#100c19;color:#e3d8ff}.app-shell:not(.lp-root) .component-library-controls select:focus,.app-shell:not(.lp-root) .component-library-search:focus-within{outline:2px solid rgba(167,139,250,.34);outline-offset:1px;border-color:#a78bfa}.app-shell:not(.lp-root) .component-lane{border-bottom:1px solid rgba(196,181,253,.12);padding-top:12px;padding-bottom:12px}.app-shell:not(.lp-root) .component-lane-label>span:first-child{color:#d9ccff;letter-spacing:.055em}.app-shell:not(.lp-root) .component-lane-label small{color:#9d91b6}.app-shell:not(.lp-root) .component-lane-count{border:1px solid rgba(196,181,253,.2);background:#a78bfa1a;color:#d5c6ff}.app-shell:not(.lp-root) .component-lane .component-dock-items{scrollbar-color:rgba(167,139,250,.35) transparent}.app-shell:not(.lp-root) .tutorial-card-actions .tutorial-primary-button,.app-shell:not(.lp-root) .tutorial-card-actions .tutorial-secondary-button{border-color:#c4b5fd8c!important;color:#eee7ff!important;background:linear-gradient(135deg,#8b5cf640,#a78bfa21)!important}.app-shell:not(.lp-root) .tutorial-card-actions .tutorial-primary-button{color:#171023!important;background:linear-gradient(135deg,#d8caff,#a78bfa)!important}.app-shell:not(.lp-root) .tutorial-card-actions .tutorial-primary-button:hover,.app-shell:not(.lp-root) .tutorial-card-actions .tutorial-secondary-button:hover{border-color:#d8caff!important;background:linear-gradient(135deg,#c4b5fd,#a78bfa)!important}.app-shell:not(.lp-root) .component-search-inline{padding:0 8px!important;border-color:#c4b5fd38!important;background:#0b0912!important;box-shadow:none!important}.app-shell:not(.lp-root) .component-search-inline:focus-within{border-color:#a78bfa!important;box-shadow:0 0 0 2px #a78bfa1f!important}.app-shell:not(.lp-root) .component-search-inline input{border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important;padding:0!important}.app-shell:not(.lp-root) .floating-ai-chat-trigger{border-color:#c4b5fda6!important;color:#f0eaff!important;background:linear-gradient(135deg,#8b5cf6,#6d28d9)!important;box-shadow:0 10px 36px #0009,0 0 0 4px #a78bfa24!important}.app-shell:not(.lp-root) .floating-ai-chat-trigger:hover{border-color:#ddd0ff!important;color:#fff!important;background:linear-gradient(135deg,#a78bfa,#7c3aed)!important}.app-shell:not(.lp-root) .floating-ai-chat-panel .architecture-ai-chat,.app-shell:not(.lp-root) .floating-ai-chat-panel .architecture-ai-chat :is(label,.section-kicker,.ai-chat-message,.ai-chat-empty){color:#d8ccf5!important}.app-shell:not(.lp-root) .floating-ai-chat-panel .architecture-ai-chat :is(input,textarea,select){border-color:#c4b5fd4d!important;color:#f0eaff!important;background:#100c19!important}.app-shell:not(.lp-root) .floating-ai-chat-panel .architecture-ai-chat :is(button,.primary-btn){border-color:#c4b5fd80!important;color:#eee7ff!important;background:#8b5cf633!important}.app-shell:not(.lp-root) .floating-ai-chat-panel .architecture-ai-chat :is(button,.primary-btn):hover{border-color:#c4b5fd!important;background:#8b5cf657!important}.app-shell:not(.lp-root) .floating-ai-chat-trigger{left:50%!important;right:auto!important;translate:-50% 0}@media(max-width:760px){.app-shell:not(.lp-root) .floating-ai-chat-trigger{left:50%!important;right:auto!important}}.app-shell:not(.lp-root) .workspace-popup-scrim{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;pointer-events:none!important}.app-shell:not(.lp-root) .component-library-search,.app-shell:not(.lp-root) .component-library-search:focus-within{border-color:#c4b5fd3d!important;outline:none!important;box-shadow:none!important}.app-shell:not(.lp-root) .component-library-search input,.app-shell:not(.lp-root) .component-library-search input:focus,.app-shell:not(.lp-root) .component-library-search input:focus-visible{outline:none!important;box-shadow:none!important;border-color:transparent!important}.app-shell:not(.lp-root) .topbar-add-component-button{border:1px solid rgba(196,181,253,.56)!important;color:#f4efff!important;background:linear-gradient(135deg,#8b5cf6,#6d28d9)!important;box-shadow:0 4px 16px #6d28d933!important}.app-shell:not(.lp-root) .topbar-add-component-button:hover{border-color:#ddd6fed1!important;background:linear-gradient(135deg,#a78bfa,#7c3aed)!important}.app-shell:not(.lp-root) .floating-ai-chat-trigger{left:50%!important;right:auto!important;bottom:22px!important;transform:translate(-50%)!important;border:1px solid rgba(196,181,253,.62)!important;color:#f7f2ff!important;background:linear-gradient(135deg,#8b5cf6,#6d28d9)!important;box-shadow:0 10px 34px #0000006b,0 0 24px #8b5cf629!important}.app-shell:not(.lp-root) .floating-ai-chat-trigger:hover{background:linear-gradient(135deg,#a78bfa,#7c3aed)!important}.app-shell:not(.lp-root) .floating-ai-chat-panel{left:50%!important;right:auto!important;bottom:82px!important;transform:translate(-50%,10px) scale(.985)!important;transform-origin:bottom center!important;border-color:#c4b5fd3d!important;background:#0c0914f7!important}.app-shell:not(.lp-root) .floating-ai-chat-panel.is-open{transform:translate(-50%) scale(1)!important}.app-shell:not(.lp-root) .floating-ai-chat-panel-heading{justify-content:flex-start!important;color:#d9ccff!important}@media(max-width:760px){.app-shell:not(.lp-root) .floating-ai-chat-trigger{bottom:14px!important}.app-shell:not(.lp-root) .floating-ai-chat-panel{bottom:72px!important;width:min(390px,calc(100vw - 24px))!important}}.app-shell:not(.lp-root) .catalog-add-btn{border:1px solid rgba(196,181,253,.56)!important;color:#f4efff!important;background:linear-gradient(135deg,#8b5cf6,#6d28d9)!important;box-shadow:0 4px 16px #6d28d933!important}.app-shell:not(.lp-root) .catalog-add-btn:hover{background:linear-gradient(135deg,#a78bfa,#7c3aed)!important}.bp-node--issue{position:relative}.bp-node--issue-critical{border-color:#fb7185!important;box-shadow:0 0 0 1px #fb718552,0 0 24px #f43f5e1f!important}.bp-node--issue-high{border-color:#fb923c!important;box-shadow:0 0 0 1px #fb923c47,0 0 20px #f973161a!important}.bp-node--issue-medium{border-color:#fbbf24!important}.bp-node--issue-low{border-color:#a78bfa!important}.bp-node-issue-badge{position:absolute;z-index:8;top:-11px;right:-10px;min-width:23px;height:23px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:3px;color:#fff;background:#be123c;border:2px solid #0b0811;box-shadow:0 2px 12px #00000073;font-size:10px;font-weight:800}.bp-node-issue-badge--high{background:#c2410c}.bp-node-issue-badge--medium{background:#a16207;color:#fff7d6}.bp-node-issue-badge--low{background:#6d28d9}.architecture-edge-issue path{stroke:#fb7185!important;stroke-width:3.5!important}.architecture-evaluation-panel{position:absolute;z-index:9;left:16px;bottom:16px;width:min(470px,calc(100% - 32px));max-height:min(48vh,430px);overflow:auto;border:1px solid rgba(196,181,253,.3);border-radius:15px;background:#0c0914f5;color:#f3efff;box-shadow:0 16px 48px #00000073,0 0 24px #8b5cf614;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:12px}.architecture-evaluation-header{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(196,181,253,.15)}.architecture-evaluation-status-icon{display:flex;color:#c4b5fd}.architecture-evaluation-heading{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.architecture-evaluation-heading strong{font-size:10px;letter-spacing:.12em;color:#ddd0ff}.architecture-evaluation-heading span{font-size:11px;color:#a69bb9}.architecture-evaluation-header>button{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;border:1px solid rgba(196,181,253,.18);color:#c4b5fd;background:#c4b5fd0f;cursor:pointer}.architecture-evaluation-clean{margin:11px 2px 2px;color:#b5aeca;font-size:12px;line-height:1.6}.architecture-evaluation-findings{display:grid;gap:7px;padding-top:9px}.architecture-evaluation-finding{width:100%;display:grid;grid-template-columns:70px minmax(0,1fr);gap:9px;padding:9px;text-align:left;border-radius:10px;border:1px solid rgba(196,181,253,.14);color:#e8e1f5;background:#ffffff06;cursor:pointer}.architecture-evaluation-finding:hover,.architecture-evaluation-finding.is-selected{background:#8b5cf61a;border-color:#c4b5fd61}.architecture-finding-severity{display:flex;align-items:flex-start;gap:4px;font-size:9px;font-weight:800;letter-spacing:.05em;color:#fca5a5;padding-top:2px}.severity-high .architecture-finding-severity{color:#fdba74}.severity-medium .architecture-finding-severity{color:#fcd34d}.severity-low .architecture-finding-severity{color:#c4b5fd}.architecture-finding-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.architecture-finding-copy strong{font-size:11px;line-height:1.4}.architecture-finding-copy>span{color:#afa5c0;font-size:11px;line-height:1.5}.architecture-finding-copy em{color:#d4c4ff;font-style:normal;font-size:11px;line-height:1.5}.architecture-evaluation-more{margin:0;padding:4px 2px;color:#958aa8;font-size:10px}@media(max-width:720px){.architecture-evaluation-panel{left:8px;bottom:8px;width:calc(100% - 16px);max-height:42vh}}
