:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8fa;--bg-glass:#ffffffb8;--surface:#ffffffe6;--surface-solid:#fff;--surface-soft:#f2f6f7;--ink:#111315;--text:#1f2528;--muted:#687176;--faint:#dbe2e5;--hairline:#1421261c;--teal:#0b9aa6;--teal-deep:#08727c;--cyan-soft:#e8f7f8;--amber:#d88a16;--amber-soft:#fff5e5;--shadow:0 24px 70px #121d231c;--inner-glow:inset 0 1px 0 #ffffffeb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text);background:linear-gradient(135deg, #0b9aa614, transparent 30%), linear-gradient(180deg, #fff 0%, var(--bg) 48%, #eef3f4 100%);margin:0}body:before{z-index:-1;content:"";background-image:linear-gradient(#1e2a2e09 1px,#0000 1px),linear-gradient(90deg,#1e2a2e09 1px,#0000 1px);background-size:46px 46px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000008c,#0000 75%);mask-image:linear-gradient(#0000008c,#0000 75%)}button,a{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:258px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--hairline);-webkit-backdrop-filter:blur(28px)saturate(1.2);backdrop-filter:blur(28px)saturate(1.2);background:#fafcfdb8;height:100vh;padding:64px 20px 24px 18px;position:sticky;top:0}.sidebar-scroll{scrollbar-width:thin;height:100%;overflow-y:auto}.sidebar-title{padding:0 8px 24px}.sidebar-title span{color:var(--muted);font-size:12px;font-weight:700;display:block}.sidebar-title strong{color:var(--ink);margin-top:6px;font-size:18px;line-height:1.2;display:block}.nav-group{margin:20px 0 28px}.nav-group h2{color:#6b767b;margin:0 0 8px;padding:0 8px;font-size:13px;font-weight:760;line-height:1.3}.nav-item{color:#3f4b50;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:22px minmax(0,1fr) 10px;align-items:center;gap:10px;width:100%;min-height:42px;margin:3px 0;padding:9px 10px;display:grid}.nav-item span{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.nav-item svg:last-child{color:#0000}.nav-item:hover{color:var(--ink);border-color:var(--hairline);background:#ffffffd1}.nav-item.is-active{color:var(--teal-deep);box-shadow:var(--inner-glow);background:#e1f7f9d1;border-color:#0b9aa633}.nav-item.is-active svg:last-child{color:var(--teal);fill:var(--teal)}.workspace{min-width:0;padding:0 24px 28px}.topbar{z-index:10;border-bottom:1px solid var(--hairline);-webkit-backdrop-filter:blur(28px)saturate(1.25);backdrop-filter:blur(28px)saturate(1.25);background:#f9fbfcb8;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;min-height:64px;display:grid;position:sticky;top:0}.product-id{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#115b8f,#0aa7a9);border-radius:9px;flex:none;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 12px 34px #0b9aa63b}.product-id h1{color:#101416;letter-spacing:0;margin:0;font-size:19px;line-height:1.1}.product-id p{color:var(--muted);margin:4px 0 0;font-size:12px}.command-center,.utility-actions{align-items:center;gap:8px;display:inline-flex}.command-center{border:1px solid var(--hairline);box-shadow:var(--inner-glow);background:#ffffffb8;border-radius:13px;justify-self:center;padding:6px}.utility-actions{justify-self:end}.toolbar-button,.icon-button,.utility-actions a{min-height:34px;color:var(--ink);border:1px solid var(--hairline);background:#ffffffb3;border-radius:10px;justify-content:center;align-items:center;gap:7px;text-decoration:none;display:inline-flex}.toolbar-button{padding:0 14px;font-size:13px;font-weight:700}.toolbar-button.primary{color:#fff;background:#12171a}.icon-button{width:34px}.utility-actions a{color:#263035;padding:0 12px;font-size:13px}.toolbar-divider{background:var(--hairline);width:1px;height:22px}.step-counter{min-width:46px;color:var(--muted);text-align:center;font-size:12px;font-weight:760}.concept-page{gap:16px;max-width:1640px;margin:0 auto;padding-top:24px;display:grid}.concept-hero{justify-content:space-between;align-items:flex-end;gap:24px;min-height:98px;display:flex}.module-name{color:var(--teal-deep);margin-bottom:10px;font-size:13px;font-weight:820;display:block}.concept-hero h2{color:#080b0c;letter-spacing:0;align-items:center;gap:12px;margin:0;font-size:34px;font-weight:720;line-height:1.05;display:flex}.concept-hero p{color:#5c666b;max-width:720px;margin:12px 0 0;font-size:15px;line-height:1.68}.hero-status{color:#2d383d;border:1px solid var(--hairline);max-width:360px;min-height:48px;box-shadow:var(--inner-glow);background:#ffffffb8;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex}.hero-status svg{color:var(--teal);flex:none}.hero-status span{font-size:13px;line-height:1.55}.studio-layout{grid-template-columns:minmax(640px,1fr) 330px;align-items:stretch;gap:20px;display:grid}.canvas-stage,.inspector,.code-panel,.model-panel{background:var(--surface);border:1px solid var(--hairline);box-shadow:var(--shadow), var(--inner-glow);border-radius:18px}.canvas-stage{grid-template-rows:auto minmax(330px,1fr) auto;display:grid;overflow:hidden}.stage-toolbar{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:0 24px;display:flex}.stage-toolbar span{color:var(--muted);font-size:12px;font-weight:760;display:block}.stage-toolbar strong{color:var(--ink);margin-top:4px;font-size:15px;line-height:1.35;display:block}.runtime-chip{border:1px solid var(--hairline);background:#f6f8f9;border-radius:9px;min-width:max-content;padding:7px 10px;color:#5a656a!important}.diagram{background:radial-gradient(circle at 50% 42%,#0b9aa60e,#0000 36%),linear-gradient(#fffffff5,#fafcfde0);min-height:330px;padding:4px 14px;position:relative}.diagram svg{color:#8a969a;width:100%;height:100%;min-height:330px;display:block}.hotspot{outline:none}.hotspot rect{fill:#ffffffdb;stroke:#26353c29;stroke-width:1.4px;filter:drop-shadow(0 8px 18px #1623290e)}.hotspot:hover rect,.hotspot.is-active rect{fill:#effbfc;stroke:var(--teal);stroke-width:1.8px}.diagram-text{fill:var(--ink);pointer-events:none;font-size:20px;font-weight:760}.diagram-sub,.diagram-label{fill:var(--muted);pointer-events:none;font-size:14px}.diagram-label{fill:#354147;font-weight:800}.diagram-arrow{stroke:#9ba6aa;stroke-width:2.4px}.diagram-arrow.is-active{stroke:var(--amber)}.timeline-panel{border-top:1px solid var(--hairline);padding:14px 22px 16px}.timeline-title{color:#2d363a;margin-bottom:10px;font-size:14px;font-weight:820}.timeline-track{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid;position:relative}.timeline-step{color:#4c575c;text-align:left;border:1px solid var(--hairline);background:#ffffffb3;border-radius:12px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;min-height:48px;padding:8px;display:grid}.timeline-step span{color:#6c767b;background:#edf2f3;border-radius:999px;place-items:center;width:26px;height:26px;font-size:12px;font-weight:820;display:grid}.timeline-step strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.35;overflow:hidden}.timeline-step:hover,.timeline-step.is-active{color:#0b5259;background:var(--cyan-soft);border-color:#0b9aa647}.timeline-step.is-active span{color:#fff;background:var(--teal)}.inspector{flex-direction:column;min-height:100%;padding:20px;display:flex}.inspector-section{border-bottom:1px solid var(--hairline);margin-bottom:18px;padding:0 0 18px}.inspector-section:last-of-type{margin-bottom:0}.inspector-kicker{color:var(--muted);font-size:12px;font-weight:820}.step-number{align-items:baseline;gap:6px;margin-top:18px;display:flex}.step-number span{color:var(--amber);font-size:28px;font-weight:800}.step-number small{color:var(--muted);font-size:13px}.inspector h3{color:var(--ink);margin:8px 0 0;font-size:20px;line-height:1.25}.inspector p{color:#5d676c;margin:12px 0 0;font-size:14px;line-height:1.8}.related-list{gap:8px;margin-top:14px;display:grid}.related-list button{color:#222c31;text-align:left;border:1px solid var(--hairline);background:#f9fbfccc;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:0 12px;display:flex}.related-list button:hover{color:var(--teal-deep);background:#fff;border-color:#0b9aa642}.agent-mini svg{width:100%;margin-top:14px;display:block}.mini-node{fill:#f7fafb;stroke:#202f362e}.mini-node.active{fill:var(--cyan-soft);stroke:var(--teal)}.mini-node.warm{fill:var(--amber-soft);stroke:#d88a1657}.mini-path{fill:none;stroke:#9ea9ad;stroke-width:1.8px;stroke-dasharray:4 5}.agent-mini text{fill:var(--ink);font-size:13px;font-weight:760}.agent-mini .mini-caption{fill:var(--muted);font-size:12px}.edge-list{flex-wrap:wrap;gap:7px;margin-top:auto;display:flex}.edge-list span{color:#59656a;border:1px solid var(--hairline);background:#f4f7f8;border-radius:9px;padding:7px 9px;font-size:12px;line-height:1.2}.bottom-dock{grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr);gap:20px;display:grid}.panel-heading{color:#263238;border-bottom:1px solid var(--hairline);align-items:center;gap:8px;min-height:48px;padding:0 18px;font-size:13px;font-weight:820;display:flex}.code-panel{overflow:hidden}.code-panel pre{background:#101517;margin:0;padding:14px;overflow:auto}.code-line{color:#dbe4e6;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:30px minmax(0,1fr);gap:12px;width:100%;min-height:40px;padding:7px 9px;display:grid}.code-line span{color:#728084}.code-line code{overflow-wrap:anywhere;font-family:SF Mono,JetBrains Mono,Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.7}.code-line:hover,.code-line.is-active{color:#fff;background:#0b9aa638;border-color:#7ee6ec2e}.model-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;display:grid}.model-item{border:1px solid var(--hairline);background:#f9fbfcdb;border-radius:14px;min-height:106px;padding:15px}.model-item strong{color:#182024;font-size:15px;display:block}.model-item p{color:#606b70;margin:10px 0 0;font-size:13px;line-height:1.72}@media (width<=1180px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--hairline);height:auto;padding:18px 18px 8px;position:static}.concept-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.studio-layout,.bottom-dock{grid-template-columns:1fr}.topbar{grid-template-columns:1fr;padding:12px 0}.command-center,.utility-actions{justify-self:start}}@media (width<=760px){.app-shell{flex-direction:column;display:flex}.workspace{order:1;grid-row:1}.sidebar{order:2;grid-row:2}.workspace{padding:0 12px 22px}.concept-nav,.model-list{grid-template-columns:1fr}.concept-hero{flex-direction:column;align-items:flex-start}.concept-hero h2{font-size:28px;line-height:1.12}.studio-layout{grid-template-columns:minmax(0,1fr)}.canvas-stage{grid-template-rows:auto minmax(320px,1fr) auto}.diagram,.diagram svg{min-height:320px}.stage-toolbar{flex-direction:column;align-items:flex-start;padding:16px}.utility-actions{flex-wrap:wrap}.timeline-track{grid-template-columns:1fr}}