@keyframes agentDash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-12}}@keyframes agentDashReverse{0%{stroke-dashoffset:0}to{stroke-dashoffset:12}}@keyframes agentIconBounce{0%,to{transform:scale(1)}50%{transform:scale(.9)}}@keyframes agentLogoSpin{0%{transform:rotate(0) scale(1);animation-timing-function:ease-in}50%{transform:rotate(180deg) scale(.7);animation-timing-function:ease-in-out}to{transform:rotate(1turn) scale(1);animation-timing-function:ease-out}}.agent-section{--ex-blue:#26547c;--ex-green:#06d6a0;--select-blue:#4b8fc9;--zinc-300:#d4d4d8;--zinc-500:#71717a;--zinc-600:#52525b;--zinc-700:#3f3f46;position:relative;font-family:Noto Sans,sans-serif;background:linear-gradient(180deg,#fff,#f8fafc 18%,#eef5fb 55%,#e8f2fc);padding:5rem 0 6rem;overflow:hidden}.agent-section:before{content:"";position:absolute;top:0;left:50%;translate:-50% 0;width:min(90%,48rem);height:1px;background:linear-gradient(90deg,transparent,rgba(38,84,124,.14),transparent)}.agent-section:after{content:"";position:absolute;top:-6rem;right:-8rem;width:24rem;height:24rem;border-radius:50%;background:radial-gradient(circle,rgba(6,214,160,.08),transparent 70%);pointer-events:none}.agent-inner{position:relative;z-index:1;max-width:80rem;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media (min-width:1024px){.agent-inner{grid-template-columns:1fr 1.05fr;gap:4rem}}.agent-copy{display:flex;flex-direction:column;gap:1.25rem}.agent-eyebrow{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ex-blue);background:rgba(38,84,124,.08);border:1px solid rgba(38,84,124,.12);border-radius:999px;padding:.35rem .85rem}.agent-eyebrow i{font-size:1rem}.agent-copy h2{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:#1a2e44}.agent-copy .lead{font-size:clamp(1rem,2vw,1.125rem);line-height:1.65;color:rgba(26,46,68,.72);max-width:34rem}.agent-features{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.agent-feature{display:flex;align-items:flex-start;gap:.75rem;font-size:.95rem;line-height:1.5;color:var(--zinc-700)}.agent-feature i{flex-shrink:0;margin-top:.1rem;font-size:1.15rem;color:var(--select-blue)}.agent-feature strong{display:block;font-weight:600;color:#1a2e44}.agent-visual{position:relative;border-radius:20px;background:linear-gradient(145deg,hsla(0,0%,100%,.95),rgba(240,247,255,.85));border:1px solid rgba(38,84,124,.08);box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 40px rgba(38,84,124,.08);padding:2.5rem 1.5rem}.agent-visual:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 0,rgba(75,143,201,.06),transparent 55%);pointer-events:none}.agent-area{position:relative;justify-content:center;gap:0;min-height:200px;padding:1rem 0}.agent-area,.agent-el{z-index:1;display:flex;align-items:center}.agent-el{flex-direction:column;gap:.6rem}.agent-box{width:80px;height:80px;border-radius:14px;background:#fff;border:1px solid var(--zinc-300);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.05);transition:border-color .2s,box-shadow .2s}.agent-box:hover{border-color:var(--select-blue);box-shadow:0 0 10px 1px rgba(75,143,201,.3)}.agent-box i{font-size:2.25rem;color:var(--ex-blue)}.agent-lbl{font-size:.7rem;font-weight:700;color:var(--zinc-500);text-transform:uppercase;letter-spacing:.06em}.agent-arr{width:130px;height:90px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.agent-arr svg{position:absolute;width:100%;height:100%}.agent-logo{width:88px;height:88px;border-radius:18px;background:#fff;border:2px solid var(--ex-blue);display:flex;align-items:center;justify-content:center;box-shadow:0 0 18px rgba(38,84,124,.12);transition:box-shadow .2s}.agent-logo:hover{box-shadow:0 0 24px rgba(38,84,124,.2)}.agent-logo svg{width:48px;height:48px;transform-origin:center;animation:agentLogoSpin 3s infinite}.agent-phase-hint{margin-top:1.25rem;text-align:center;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--zinc-500)}.text-beat{--ex-red:#ef476f;--ex-blue:#26547c;--ex-green:#06d6a0;--ex-yellow:#ffd166;font-family:Noto Sans,sans-serif;padding:3.5rem 1.5rem}.text-beat-line{max-width:36rem;margin:0 auto;font-size:clamp(1.35rem,3vw,1.85rem);font-weight:700;letter-spacing:-.02em;line-height:1.35;color:#1a2e44;padding-left:1.25rem;border-left:3px solid var(--accent);text-align:left}.text-beat--blue{--accent:var(--ex-blue)}.text-beat--red{--accent:var(--ex-red)}.text-beat--green{--accent:var(--ex-green)}.text-beat--yellow{--accent:var(--ex-yellow)}@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;600;700;800&display=swap");.dark-chapter{--bg-deep:#0e1a28;font-family:Noto Sans,sans-serif;background:var(--bg-deep)}.dark-chapter-inner{max-width:80rem;margin:0 auto;padding:4rem 1.5rem 5rem}.dark-chapter-header{text-align:left;margin-bottom:1rem;max-width:40rem}.dark-chapter-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:hsla(0,0%,100%,.45);margin-bottom:.75rem}.dark-chapter-header h2{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:#fff}.dark-chapter-lead{margin-top:.85rem;font-size:clamp(1rem,2vw,1.125rem);line-height:1.6;color:hsla(0,0%,100%,.62)}.dark-chapter-content{display:flex;flex-direction:column}.grid-section{--ex-blue:#26547c;--ex-array:#e0f1ff;--ex-index:#edf7ff;--ex-property:#fff3d6;--select-blue:#4b8fc9;--zinc-100:#f4f4f5;--zinc-300:#d4d4d8;--zinc-400:#a1a1aa;--zinc-500:#71717a;--zinc-600:#52525b;--zinc-700:#3f3f46;position:relative;font-family:Noto Sans,sans-serif;background:linear-gradient(180deg,#f8fafc,#fff 20%,#f0f7ff 60%,#e8f2fc);padding:5rem 0 6rem;overflow:hidden}.grid-section:before{content:"";position:absolute;top:0;left:50%;translate:-50% 0;width:min(90%,48rem);height:1px;background:linear-gradient(90deg,transparent,rgba(38,84,124,.14),transparent)}.grid-section:after{content:"";position:absolute;top:20%;right:-6rem;width:20rem;height:20rem;border-radius:50%;background:radial-gradient(circle,rgba(75,143,201,.08),transparent 70%);pointer-events:none}.grid-inner{position:relative;z-index:1;max-width:80rem;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media (min-width:1024px){.grid-inner{grid-template-columns:.95fr 1.05fr;gap:4rem}}.grid-copy{display:flex;flex-direction:column;gap:1.25rem}.grid-eyebrow{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ex-blue);background:rgba(38,84,124,.08);border:1px solid rgba(38,84,124,.12);border-radius:999px;padding:.35rem .85rem}.grid-eyebrow i{font-size:1rem}.grid-copy h2{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:#1a2e44}.grid-copy .lead{font-size:clamp(1rem,2vw,1.125rem);line-height:1.65;color:rgba(26,46,68,.72);max-width:34rem}.grid-features{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.grid-feature{display:flex;align-items:flex-start;gap:.75rem;font-size:.95rem;line-height:1.5;color:var(--zinc-700)}.grid-feature i{flex-shrink:0;margin-top:.1rem;font-size:1.15rem;color:var(--select-blue)}.grid-feature strong{display:block;font-weight:600;color:#1a2e44}.grid-visual{display:flex;justify-content:center;perspective:1200px;padding:1rem 0}.grid-wrapper{transform:rotateX(6deg) rotateY(-4deg);transform-style:preserve-3d;transition:transform .4s ease}.grid-wrapper:hover{transform:none}.grid-node-box{background:#fff;border-radius:8px;border:1px solid var(--select-blue);box-shadow:0 0 6px 0 rgba(104,172,235,.67),0 8px 32px rgba(38,84,124,.1);min-width:220px;user-select:none}.grid-node-header{font-size:.8rem;font-weight:600;color:var(--zinc-600);padding:6px 10px;display:flex;align-items:center;gap:6px}.grid-node-header i{font-size:1.15rem}.grid-node-body{padding:0 10px 10px}.grid-table{border-collapse:collapse;table-layout:fixed;font-size:.78rem;font-weight:600;background:#fff;width:100%}.grid-table,.grid-table th{border:1px solid var(--zinc-300)}.grid-table th{background:var(--ex-property);padding:0 6px;height:28px;line-height:27px;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.grid-table th.grid-index-head{background:var(--zinc-100);width:28px}.grid-table td{border:1px solid var(--zinc-300);height:28px;line-height:27px;padding:0 6px;white-space:nowrap;text-overflow:ellipsis;position:relative;vertical-align:top}.grid-table td.grid-idx{background:var(--ex-index);text-align:center;font-weight:600;width:28px}.grid-table td.grid-num{text-align:right}.grid-table td.grid-nested-col{background:var(--zinc-100);padding:0;vertical-align:top}.grid-table td.grid-nested-col .grid-nested-wrap{padding:6px;position:relative}.grid-table td.grid-nested-col .grid-nested-wrap:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 6px 0 rgba(71,85,105,.4);pointer-events:none}.grid-nested-table{border-collapse:collapse;table-layout:fixed;border:1px solid var(--zinc-300);font-size:.78rem;font-weight:600;background:#fff;width:100%}.grid-nested-table th{background:var(--ex-array);font-weight:700;text-align:center}.grid-nested-table td,.grid-nested-table th{border:1px solid var(--zinc-300);padding:0 6px;height:28px;line-height:27px}.grid-nested-table td{white-space:nowrap;position:relative}.grid-cell-select{border:2px solid var(--select-blue);z-index:2}.grid-cell-hover,.grid-cell-select{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none}.grid-cell-hover{display:none;border:2px solid var(--zinc-400);z-index:1}td.grid-hv:hover .grid-cell-hover{display:block}td.grid-hv{cursor:default;overflow:visible}.grid-hint{margin-top:1rem;text-align:center;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--zinc-500)}@media (max-width:1023px){.grid-visual{overflow-x:auto;justify-content:flex-start;padding-bottom:.5rem}.grid-wrapper{transform:none}}@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700&display=swap");.sources-section{--ex-red:#ef476f;--ex-blue:#26547c;--ex-green:#06d6a0;--ex-yellow:#ffd166;--zinc-200:#e4e4e7;--zinc-600:#52525b;--zinc-700:#3f3f46;position:relative;font-family:Noto Sans,sans-serif;background:linear-gradient(180deg,#e8f2fc,#f0f7ff 25%,#fff 65%,#f8fafc);padding:5rem 0 6rem;overflow:hidden}.sources-section:before{content:"";position:absolute;top:0;left:50%;translate:-50% 0;width:min(90%,48rem);height:1px;background:linear-gradient(90deg,transparent,rgba(38,84,124,.14),transparent)}.sources-section:after{content:"";position:absolute;bottom:-8rem;left:-6rem;width:22rem;height:22rem;border-radius:50%;background:radial-gradient(circle,rgba(255,209,102,.1),transparent 70%);pointer-events:none}.sources-inner{position:relative;z-index:1;max-width:80rem;margin:0 auto;padding:0 1.5rem}.sources-header{max-width:42rem;margin:0 auto 3rem;text-align:center;display:flex;flex-direction:column;gap:1.1rem}.sources-eyebrow{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;margin:0 auto;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ex-blue);background:rgba(38,84,124,.08);border:1px solid rgba(38,84,124,.12);border-radius:999px;padding:.35rem .85rem}.sources-eyebrow i{font-size:1rem}.sources-header h2{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:#1a2e44}.sources-header .lead{font-size:clamp(1rem,2vw,1.125rem);line-height:1.65;color:rgba(26,46,68,.72)}.sources-visual{border-radius:20px;background:linear-gradient(145deg,hsla(0,0%,100%,.96),rgba(248,250,252,.9));border:1px solid rgba(38,84,124,.08);box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 40px rgba(38,84,124,.07);padding:2.5rem 1.5rem 2rem}.ds-area{display:flex;gap:clamp(1.5rem,4vw,2.75rem);justify-content:center;align-items:flex-end;flex-wrap:wrap;padding:1rem 0 .5rem}.ds-deck{position:relative;cursor:pointer;width:150px}.ds-deck-label{text-align:center;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.65rem;color:var(--zinc-600)}.ds-deck-stack{position:relative;width:150px}.ds-card{position:absolute;width:140px;left:5px;height:64px;border-radius:10px;background:#fff;display:flex;flex-direction:column;align-items:center;padding:4px 10px 6px;font-size:.7rem;font-weight:600;color:var(--zinc-600);box-shadow:0 1px 8px rgba(0,0,0,.07);overflow:hidden;transition:transform .12s ease,box-shadow .12s ease;border:1px solid var(--zinc-200)}.ds-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--ca) 0,transparent 40%,transparent 60%,var(--ca) 100%);opacity:.08;pointer-events:none}.ds-card.ds-front{box-shadow:0 4px 18px rgba(0,0,0,.13)!important;transform:translateY(-6px) scale(1.04)}.ds-card-title{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;position:relative;z-index:1;width:100%;text-align:center;line-height:1.2}.ds-card img{width:28px;height:28px;object-fit:contain}.ds-card img,.ds-card-icon{position:relative;z-index:1;margin-top:auto}.ds-card-icon{font-size:1.6rem;line-height:1}.sources-hint{margin-top:1.25rem;text-align:center;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#71717a}.sources-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.75rem}.sources-tag{font-size:.75rem;font-weight:600;color:var(--zinc-700);background:hsla(0,0%,100%,.8);border:1px solid rgba(38,84,124,.1);border-radius:999px;padding:.35rem .75rem}.sources-tag.files{color:#047857;border-color:rgba(6,214,160,.25);background:rgba(6,214,160,.08)}.sources-tag.databases{color:#92400e;border-color:rgba(255,209,102,.35);background:rgba(255,209,102,.12)}.sources-tag.apis{color:#9f1239;border-color:rgba(239,71,111,.25);background:rgba(239,71,111,.08)}.sources-tag.cloud{color:var(--ex-blue);border-color:rgba(38,84,124,.2);background:rgba(38,84,124,.06)}@media (max-width:720px){.sources-visual{padding:1.75rem 1rem 1.5rem}.ds-area{gap:1.25rem}.ds-deck,.ds-deck-stack{width:132px}.ds-card{width:124px;height:58px}}@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700&family=Noto+Mono&display=swap");.hero-section{--ex-red:#ef476f;--ex-blue:#26547c;--ex-green:#06d6a0;--ex-yellow:#ffd166;--ex-array:#e0f1ff;--ex-index:#edf7ff;--ex-property:#fff3d6;--select-blue:#4b8fc9;--zinc-100:#f4f4f5;--zinc-200:#e4e4e7;--zinc-300:#d4d4d8;--zinc-400:#a1a1aa;--zinc-500:#71717a;--zinc-600:#52525b;--zinc-700:#3f3f46;--zinc-800:#27272a;width:100%;overflow-x:clip;font-family:Noto Sans,sans-serif}.hero-stage{width:100%;border-radius:20px;background:linear-gradient(180deg,#f0f7ff,#e8f2fc 45%,#f4f8fc 75%,#fff);padding:2.5rem 1.5rem 3.5rem;overflow:hidden}.hero-intro{text-align:center;margin-bottom:1.5rem}.hero-intro h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em;color:var(--foreground,#1a2e44);line-height:1.2}.hero-intro p{margin-top:.75rem;font-size:clamp(1rem,2vw,1.125rem);color:color-mix(in srgb,var(--foreground,#1a2e44) 60%,transparent);max-width:36rem;margin-inline:auto;line-height:1.5}.hero-intro-kicker{margin-top:.5rem;font-size:clamp(.95rem,1.8vw,1.05rem);color:color-mix(in srgb,var(--foreground,#1a2e44) 72%,transparent)}.hero-intro-kicker em{font-style:italic;font-weight:500}.hero-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:1.25rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;color:#fff;background:var(--ex-blue);border-radius:999px;text-decoration:none;transition:background .2s ease,transform .2s ease}.hero-cta:hover{background:#1e4466;transform:translateY(-1px)}.hero-wrap{perspective:1400px;padding:.5rem 0 2rem;position:relative;overflow-x:clip;container-type:inline-size}.hero-scale-outer,.hero-wrap{width:100%;display:flex;justify-content:center}.hero-scale-outer{padding-bottom:2rem}.hero-scale{width:1000px;--hero-scale:min(1.12,100cqw/1000px);transform:scale(var(--hero-scale));transform-origin:top center;flex-shrink:0}.hero-ide{width:1000px;height:560px;transform:none;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s ease;border-radius:10px;background:#fff;border:1px solid var(--zinc-200);box-shadow:0 2px 8px rgba(38,84,124,.06),0 1px 2px rgba(0,0,0,.04);overflow:hidden;display:flex;flex-direction:column;will-change:transform}.hero-ide.is-hovering{transition:transform .1s ease-out,box-shadow .35s ease;box-shadow:0 6px 16px rgba(38,84,124,.1),0 2px 4px rgba(0,0,0,.06)}.hero-topbar{height:44px;border-bottom:1px solid var(--zinc-200);justify-content:space-between;padding:0 8px;background:#fff;flex-shrink:0}.hero-topbar,.hero-topbar-left{display:flex;align-items:center}.hero-topbar-left{gap:0}.hero-topbar-col{display:flex;flex-direction:column;justify-content:center}.hero-proj-name{font-size:10px;font-weight:700;color:var(--zinc-800);line-height:1.3;padding-left:4px}.hero-menus{display:flex;gap:1px;margin-top:0}.hero-menus span{font-size:8px;color:var(--zinc-500);padding:1px 4px;border-radius:3px;cursor:default}.hero-menus span:hover{background:var(--zinc-100)}.hero-topbar-right{display:flex;align-items:center;gap:6px}.hero-btn-sec{font-size:9px;font-weight:600;color:var(--zinc-600);border:1px solid var(--zinc-200);border-radius:4px;padding:3px 8px;cursor:default;display:flex;align-items:center;gap:3px}.hero-btn-sec:hover{background:var(--zinc-100)}.hero-avatar{margin-left:4px}.hero-modtabs{height:24px;display:flex;align-items:stretch;background:var(--zinc-200);flex-shrink:0}.hero-modtabs-pad{width:180px;background:#fff;border-right:1px solid var(--zinc-200);flex-shrink:0}.hero-modtab{font-size:9px;font-weight:600;padding:0 8px;border-right:1px solid var(--zinc-300);display:flex;align-items:center;gap:3px;background:var(--zinc-200);color:var(--zinc-600);cursor:default}.hero-modtab .tab-x{font-size:11px;color:var(--zinc-400);margin-left:3px;cursor:pointer;border-radius:3px;padding:0 1px}.hero-modtab .tab-x:hover{background:rgba(0,0,0,.08)}.hero-modtab.active{background:#f9fafb;border-right:1px solid var(--zinc-200)}.hero-body{flex:1;min-height:0}.hero-body,.hero-sidebar{display:flex;overflow:visible}.hero-sidebar{width:180px;border-right:1px solid var(--zinc-200);background:#fff;flex-shrink:0;flex-direction:column;position:relative;top:-24px;height:calc(100% + 24px);z-index:2}.hero-sb-title{font-size:8px;letter-spacing:.04em;color:var(--zinc-600);padding:0 8px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;text-transform:uppercase;height:18px}.hero-sb-title span{line-height:18px}.hero-sb-toolbar{display:flex;gap:2px;padding:0 4px;flex-shrink:0;align-items:center;height:20px}.hero-sb-tool{position:relative;display:inline-block;width:16px;height:16px;border-radius:3px;cursor:default;flex-shrink:0}.hero-sb-tool:hover{background:var(--zinc-100)}.hero-sb-tool i.main{position:absolute;font-size:11px;line-height:11px;top:2px;left:0;color:var(--zinc-700)}.hero-sb-tool.mod i.main{font-size:12px;line-height:12px;top:1px;left:0;color:var(--ex-blue)}.hero-sb-tool i.plus{position:absolute;font-size:8px;line-height:8px;top:9px;left:7px;color:var(--zinc-700);background:#fff;border-radius:50%;padding:0}.hero-sb-tool.disabled{opacity:.5}.hero-sb-tool.disabled:hover{background:transparent}.hero-sb-sep{width:1px;height:12px;background:var(--zinc-300);margin:0 2px;flex-shrink:0}.hero-sb-section{flex:1;overflow:hidden}.hero-sb-mod{font-weight:600;padding:3px 6px;cursor:default;border-left:4px solid var(--zinc-100)}.hero-sb-mod,.hero-sb-node{font-size:9px;display:flex;align-items:center;gap:3px}.hero-sb-node{font-weight:400;padding:1px 6px 1px 28px;cursor:pointer;border-left:2px solid var(--zinc-100);transition:background .15s}.hero-sb-node:hover{background:var(--zinc-100)}.hero-sb-node.active{background:#f4f4f5;border-left:2px solid var(--ex-green);font-weight:600}.hero-sb-node i{font-size:10px;color:var(--zinc-800)}.hero-sb-desc{padding:4px 8px 6px;border-top:1px solid var(--zinc-200);flex:1;min-height:0;display:flex;flex-direction:column;gap:2px}.hero-sb-desc-hd{font-size:8px;letter-spacing:.04em;color:var(--zinc-400);text-transform:uppercase;line-height:16px}.hero-sb-desc-node{font-size:7px;font-weight:600;color:var(--zinc-600);display:flex;align-items:center;gap:3px;padding-left:1px}.hero-sb-desc-node i{font-size:9px}.hero-sb-desc-box{background:#fff;border:1px solid var(--zinc-200);border-radius:2px;flex:1;min-height:0;padding:4px 6px;overflow:hidden}.hero-sb-desc-text{font-size:7px;color:var(--zinc-400);line-height:1.4}.hero-canvas{flex:1;position:relative;background:#f9fafb;overflow:hidden;border-top:1px solid var(--zinc-200)}.hero-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.hero-cn{position:absolute;z-index:1;cursor:pointer}.hero-cn-box{border-radius:6px;background:#fff;border:1px solid var(--zinc-300);box-shadow:0 2px 8px rgba(0,0,0,.05);transition:border-color .2s,box-shadow .2s}.hero-cn-box:hover{border-color:var(--zinc-400)}.hero-cn-box.selected{border-color:var(--select-blue);box-shadow:0 0 0 1px var(--select-blue),0 4px 12px rgba(75,143,201,.15)}.hero-cn-hd{font-size:8px;font-weight:600;color:var(--zinc-400);padding:3px 6px;display:flex;align-items:center;gap:3px}.hero-cn-box.selected .hero-cn-hd{color:var(--zinc-600)}.hero-cn-hd i{font-size:11px}.hero-tbl{border-collapse:collapse;font-size:7px;font-weight:600;background:#fff;border:1px solid var(--zinc-300);table-layout:auto}.hero-tbl th{background:var(--ex-property);height:14px;line-height:13px;font-weight:700;text-align:center}.hero-tbl td,.hero-tbl th{border:1px solid var(--zinc-300);padding:0 4px;white-space:nowrap}.hero-tbl td{height:13px;line-height:12px;text-align:right}.hero-tbl td:first-child{text-align:center;background:#edf7ff;color:var(--zinc-500);font-weight:400}.hero-tbl td:nth-child(2){text-align:left;font-weight:700}.hero-tbl th:first-child{background:#f1f5f9;width:16px}.hero-tbl td.pos{color:var(--ex-green)}.hero-tbl td.neg{color:var(--ex-red)}.hero-db-inner{border:1px solid var(--zinc-200);border-radius:2px;margin:2px 4px 4px;padding:4px 2px 2px;text-align:center}.hero-db-inner img{width:48px;display:block;margin:2px auto}.hero-db-connected{display:flex;align-items:center;justify-content:center;gap:3px;font-size:7px;font-weight:600;color:var(--zinc-600);margin-top:2px}.hero-perf-inner{border:1px solid var(--zinc-200);border-radius:2px;margin:2px 4px 4px;overflow:hidden}.hero-panel{width:280px;border-left:1px solid var(--zinc-200);border-top:1px solid var(--zinc-200);background:#fff;flex-shrink:0;overflow:hidden}.hero-panel,.hero-panel-content{display:flex;flex-direction:column}.hero-panel-chat,.hero-panel-content{flex:1;min-height:0}.hero-panel-chat{display:flex;flex-direction:column;overflow:hidden}.hero-panel-hd{font-size:7px;letter-spacing:.04em;color:var(--zinc-600);padding:4px 8px;flex-shrink:0;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;line-height:18px}.hero-panel-hd-sep{border-top:1px solid var(--zinc-200)}.hero-panel-hd i{cursor:pointer;border-radius:3px;padding:1px}.hero-panel-hd i:hover{background:var(--zinc-100)}.hero-chat-msgs{flex:1;padding:6px;overflow:hidden;display:flex;flex-direction:column;gap:6px}.hero-msg-ai,.hero-msg-user{display:flex;align-items:flex-end;gap:4px}.hero-msg-user{justify-content:flex-end}.hero-msg-ai{justify-content:flex-start}.hero-msg-av{width:20px;flex-shrink:0;display:flex;justify-content:center}.hero-msg-av.user i{font-size:18px;color:var(--select-blue)}.hero-msg-av.ai{border:1px solid var(--zinc-200);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.hero-msg-bubble{font-size:8px;font-weight:600;padding:5px 8px;border-radius:10px;max-width:180px;line-height:1.3}.hero-msg-bubble.user{background:#ececee;color:var(--zinc-700);border-radius:10px 10px 0 10px}.hero-msg-bubble.ai{background:#f7f7f8;color:var(--zinc-700);border-radius:10px 10px 10px 0}.hero-suggestions{display:flex;flex-wrap:wrap;gap:4px;padding:4px 0}.hero-suggestions .sug-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 8px;background:#fff;border-radius:10px;cursor:default;max-width:70px}.hero-suggestions .sug-item:hover{background:var(--zinc-100)}.hero-suggestions .sug-item span{font-size:6px;font-weight:700;color:var(--zinc-600)}.hero-chat-input{font-size:9px;padding:4px 8px;flex-shrink:0}.hero-chat-input,.hero-chat-input-box{display:flex;align-items:center;gap:4px}.hero-chat-input-box{border:2px solid var(--zinc-200);border-radius:5px;padding:3px 6px;flex:1}.hero-chat-input-box i{font-size:13px;color:var(--zinc-400)}.hero-chat-input-box span{font-size:8px;color:var(--zinc-400);flex:1}.hero-chat-input-box .send-btn{font-size:13px;color:var(--zinc-400);cursor:pointer;border-radius:3px;padding:1px 3px}.hero-chat-input-box .send-btn:hover{background:var(--zinc-100)}.hero-panel-editor{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.hero-editor-hd{display:flex;align-items:center;gap:3px;padding:2px 6px;background:#3f3f46;color:#e4e4e7;font-size:7px;font-weight:600;border-radius:4px 4px 0 0;height:16px;flex-shrink:0;margin:0 2px}.hero-editor-hd i{font-size:10px}.hero-code-wrap{background:#1e1e1e;border-radius:0 0 4px 4px;flex:1;overflow:hidden;display:flex;min-height:0;margin:0 2px 2px}.hero-code-lines{padding:3px 4px;text-align:right;color:#5a5a5a;user-select:none;flex-shrink:0;min-width:14px}.hero-code-content,.hero-code-lines{font-size:7px;font-family:Noto Mono,monospace;line-height:1.5;white-space:pre}.hero-code-content{color:#d4d4d4;padding:3px 6px;overflow:hidden;flex:1;user-select:text;cursor:text}.hero-code-content .kw{color:var(--select-blue)}.hero-code-content .fn{color:var(--ex-yellow)}.hero-code-content .st{color:var(--ex-green)}.hero-code-content .nu{color:#9cdcfe}.hero-code-content .vr{color:var(--ex-red)}.hero-query-settings{padding:6px 8px}.hero-qs-row{margin-bottom:4px}.hero-qs-label{font-size:7px;font-weight:700;color:var(--zinc-700);display:block;margin-bottom:2px}.hero-qs-select{font-size:8px;padding:3px 6px;border:1px solid var(--zinc-300);border-radius:4px;background:#fff;color:var(--zinc-700);cursor:default}.hero-qs-status{font-size:7px;color:var(--zinc-600);display:flex;align-items:center;gap:3px;margin-top:3px}.hero-db-details{padding:6px 8px}.hero-db-details-inner{border:1px solid var(--zinc-200);border-radius:5px;padding:8px}.hero-db-input{font-size:7px;width:100%;padding:3px 6px;border:1px solid var(--zinc-200);border-radius:4px;background:var(--zinc-100);color:var(--zinc-400);cursor:default;font-family:Noto Mono,monospace;box-sizing:border-box;pointer-events:none}.hero-db-explorer{padding:2px 12px;font-size:8px}.hero-dbe-db{font-weight:600;margin-bottom:3px}.hero-dbe-db,.hero-dbe-table{display:flex;align-items:center;gap:3px}.hero-dbe-table{padding-left:8px;margin-bottom:2px}.hero-dbe-cols{padding-left:28px;display:flex;flex-direction:column;gap:1px}.hero-dbe-cols div{display:flex;align-items:center;gap:3px}.hero-dbe-cols b{font-weight:600}.hero-dbe-cols i:not(.bx){font-style:italic;color:var(--zinc-400)}@keyframes heroLineDraw{0%{stroke-dashoffset:300}to{stroke-dashoffset:0}}@keyframes heroAreaFade{0%{opacity:0}to{opacity:1}}.hcl-anim{stroke-dasharray:300;animation:heroLineDraw 2s ease forwards}.hca-anim{opacity:0;animation:heroAreaFade 1s ease .8s forwards}.color-divider{display:grid;grid-template-columns:repeat(4,1fr);height:3px}.color-divider span:first-child{background:#26547c}.color-divider span:nth-child(2){background:#ef476f}.color-divider span:nth-child(3){background:#ffd166}.color-divider span:nth-child(4){background:#06d6a0}