*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font: "Pathway Extreme", "Noto Sans JP", "Noto Sans KR", Georgia, serif;--bg: #F4F3EF;--surface: #FFFFFF;--surface2: #F7F6F2;--border: #D6D4CC;--border-strong: #B8B5AB;--text: #1A1917;--text2: #555450;--text3: #8C8A84;--col-a: #534AB7;--col-a-light: #EEEDFE;--col-a-mid: #AFA9EC;--col-a-dark: #3C3489;--col-b: #0F6E56;--col-b-light: #E1F5EE;--col-b-mid: #5DCAA5;--col-b-dark: #085041;--col-c: #854F0B;--col-c-light: #FAEEDA;--col-c-mid: #EF9F27;--col-c-dark: #633806;--col-ntq: #1B2A9E;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px}html{font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;padding:40px 40px 72px;line-height:1.65;font-size:15px}.page-header{position:sticky;top:0;z-index:200;background:#f4f3eff5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;border-bottom:1.5px solid var(--border);gap:10px;flex-wrap:wrap;margin-left:-40px;margin-right:-40px;padding:4px 40px}.page-header-left{display:flex;align-items:center;gap:10px}.page-logo{height:22px;object-fit:contain;display:block}.page-logo-fallback{height:34px;width:80px;background:var(--col-ntq);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:800;letter-spacing:.04em}.page-title{font-size:15px;font-weight:800;color:var(--text);letter-spacing:-.02em;line-height:1.2}.page-subtitle{font-size:10.5px;color:var(--text3);margin-top:1px;line-height:1.3}.page-badge{font-size:10px;font-weight:700;letter-spacing:.08em;padding:5px 14px;border-radius:99px;background:var(--col-ntq);color:#fff;text-transform:uppercase;white-space:nowrap;align-self:center}.lang-switcher{display:flex;gap:4px;align-items:center;align-self:center}.lang-btn{font-family:var(--font);font-size:11px;font-weight:600;padding:5px 12px;border-radius:99px;border:1.5px solid var(--border);background:var(--surface);color:var(--text2);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.lang-btn:hover{border-color:var(--col-ntq);color:var(--col-ntq)}.lang-btn.active{background:var(--col-ntq);color:#fff;border-color:var(--col-ntq)}.ecosystem{display:flex;flex-direction:column;gap:0;max-width:1140px;margin:0 auto}.layer{background:var(--surface);border-radius:var(--r-xl);border:1.5px solid var(--border);overflow:visible;position:relative}.layer-a{border-color:var(--col-a)}.layer-b{border-color:var(--col-b)}.layer-c{border-color:#3c4ec7;--col-c: #3C4EC7;--col-c-light: #EEF0FB;--col-c-mid: #8B9DE8;--col-c-dark: #1B2A9E}.layer-wm-wrap{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-xl);overflow:hidden;pointer-events:none;z-index:0;display:flex;align-items:center;justify-content:center}.layer-wm{width:55%;max-width:360px;opacity:.045;filter:grayscale(1) contrast(1.2);-webkit-user-select:none;user-select:none;display:block}.layer-header,.layer-body{position:relative;z-index:1}.layer-header{padding:14px 22px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);background:transparent}.layer-badge{font-size:11px;font-weight:700;letter-spacing:.06em;padding:4px 12px;border-radius:99px;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.badge-a{background:var(--col-a);color:#fff}.badge-b{background:var(--col-b);color:#fff}.badge-c{background:var(--col-c);color:#fff}.layer-title{font-size:17px;font-weight:700;color:var(--text)}.layer-sub{font-size:12.5px;color:var(--text3);margin-top:2px}.layer-body{padding:18px 22px 22px}.sec-label{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-bottom:8px;margin-top:16px}.sec-label:first-child{margin-top:0}.src-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.src-card{border-radius:var(--r-sm);border:1.5px solid var(--border);padding:11px 8px;text-align:center;background:var(--surface)}.src-a-border{border-color:var(--col-a-mid)}.src-b-border{border-color:#85b7eb}.src-c-border{border-color:var(--col-b-mid)}.src-icon{display:block;margin:0 auto 5px}.src-logo-img{width:28px;height:28px;object-fit:contain;display:block;margin:0 auto 6px}.src-logo-img-sm{width:22px;height:22px;object-fit:contain;display:block}.logo-pair{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:6px;height:28px}.logo-sep{font-size:13px;color:var(--text3);font-weight:400}.src-title{font-size:11px;font-weight:700;color:var(--text);display:block}.src-desc{font-size:10px;color:var(--text3);margin-top:2px;line-height:1.4}.flow-row{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-bottom:6px}.flow-chip{font-size:12.5px;font-weight:500;padding:6px 14px;border-radius:99px;border:1.5px solid;display:inline-flex;align-items:center;white-space:nowrap}.fca{background:var(--col-a-light);border-color:var(--col-a-mid);color:var(--col-a-dark)}.fcb{background:var(--col-b-light);border-color:var(--col-b-mid);color:var(--col-b-dark)}.fcc{background:var(--col-c-light);border-color:var(--col-c-mid);color:var(--col-c-dark)}.chip-arr{display:inline-flex;align-items:center;flex-shrink:0}.sub2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sub-card{background:var(--surface2);border-radius:var(--r-md);border:1.5px solid var(--border);padding:11px 13px}.sub-card-t{font-size:13.5px;font-weight:700;color:var(--text);margin-bottom:4px;display:flex;align-items:center;gap:6px}.sub-card-d{font-size:12.5px;color:var(--text2);line-height:1.55}.dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.da{background:var(--col-a)}.db{background:var(--col-b)}.dc{background:var(--col-c)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:5px}.skill-item{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:7px 4px 5px;text-align:center;cursor:pointer;transition:border-color .15s}.skill-item:hover{border-color:var(--col-b)}.skill-item img{width:26px;height:26px;border-radius:4px;object-fit:cover;display:block;margin:0 auto 4px}.skill-name{font-size:9px;color:var(--text3);word-break:break-all;line-height:1.2}.skills-extra{display:none;margin-top:5px}.skills-extra.show{display:grid}.skills-toggle{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;color:var(--col-b);cursor:pointer;margin-top:7px;border:none;background:none;padding:0;font-family:var(--font)}.ntq-skills{display:flex;flex-wrap:wrap;gap:4px}.ntq-tag{font-size:11px;font-weight:600;padding:3px 10px;border-radius:6px;background:#1b2a9e12;border:1.5px solid rgba(27,42,158,.2);color:#1b2a9e}.ntq-tag .ntq-tag-sub{display:block;font-size:9.5px;font-weight:400;color:var(--text3);margin-top:1px}.ntq-cat{display:block}.ntq-cat-label{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;color:var(--text2);letter-spacing:.03em;margin-bottom:5px;text-transform:uppercase}.ntq-cat-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.access-banner{margin:20px auto 28px;max-width:900px;padding:16px 22px;border-radius:var(--r-lg);background:var(--surface);border:1.5px solid var(--border);box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;gap:12px}.access-banner-title{font-size:13px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:7px}.access-banner-note{font-size:11.5px;color:var(--text3);text-align:center;font-style:italic}.access-opts{display:flex;align-items:stretch;gap:0}.access-opt{flex:1;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface2);transition:border-color .15s,box-shadow .15s}.access-opt:hover{box-shadow:0 2px 10px #0000001a}.access-opt--a{border-color:var(--col-a-mid);background:var(--col-a-light)}.access-opt--a:hover{border-color:var(--col-a)}.access-opt--b{border-color:var(--col-b-mid);background:var(--col-b-light)}.access-opt--b:hover{border-color:var(--col-b)}.access-opt-icon{flex-shrink:0}.access-opt-body{flex:1}.access-opt-label{font-size:14px;font-weight:800;margin-bottom:3px}.access-opt--a .access-opt-label{color:var(--col-a-dark)}.access-opt--b .access-opt-label{color:var(--col-b-dark)}.access-opt-desc{font-size:12px;color:var(--text2);line-height:1.5}.access-opt-badge{font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 10px;border-radius:99px;text-transform:uppercase;white-space:nowrap;flex-shrink:0;align-self:flex-start}.access-opt-badge--a{background:var(--col-a);color:#fff}.access-opt-badge--b{background:var(--col-b);color:#fff}.access-opt-divider{display:flex;align-items:center;justify-content:center;padding:0 14px;flex-shrink:0}.access-or{font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;background:var(--surface);border:1.5px solid var(--border);border-radius:99px;padding:3px 8px}.access-pill{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;padding:2px 9px;border-radius:99px;margin:0 2px}.access-pill-a{background:var(--col-a-light);color:var(--col-a-dark);border:1px solid var(--col-a-mid)}.access-pill-b{background:var(--col-b-light);color:var(--col-b-dark);border:1px solid var(--col-b-mid)}.page-footer{margin-top:36px;padding-top:20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:11px;color:var(--text3)}.footer-copy{display:flex;align-items:center;gap:10px}.footer-copy img{height:18px;opacity:.7}.footer-links{display:flex;gap:14px}.footer-links a{color:var(--text3);text-decoration:none}.footer-links a:hover{color:var(--col-ntq)}.pkg-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.pkg-card{border-radius:var(--r-sm);border:1.5px solid;padding:8px 10px}.pkg-a{border-color:var(--col-a-mid);background:var(--col-a-light)}.pkg-b{border-color:var(--col-b-mid);background:var(--col-b-light)}.pkg-c{border-color:var(--col-c-mid);background:var(--col-c-light)}.pkg-d{border-color:#85b7eb;background:#e6f1fb}.pkg-title{font-size:11px;font-weight:700;color:var(--text);margin-bottom:5px}.pkg-tags{display:flex;flex-wrap:wrap;gap:3px}.pkg-tag{font-size:9.5px;padding:1px 7px;border-radius:99px;background:#ffffffbf;border:1px solid rgba(0,0,0,.1);color:var(--text2)}.gov-pipe{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.gov-step{font-size:11.5px;font-weight:500;padding:5px 11px;border-radius:var(--r-sm);background:var(--surface2);border:1.5px solid var(--border);color:var(--text2);white-space:nowrap}.s-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:6px}.s-grid:last-child{margin-bottom:0}.s-box{background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r-md);padding:10px 8px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s,transform .15s;font-family:var(--font);outline:none;display:flex;flex-direction:column;align-items:center;gap:6px}.s-num{width:28px;height:28px;border-radius:50%;background:var(--border);color:var(--text2);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s}.s-name{font-size:12px;font-weight:700;color:var(--text);line-height:1.3}.s-box:hover{border-color:#7b90e8;background:#eef0ff;transform:translateY(-2px);box-shadow:0 3px 10px #1b2a9e1f}.s-box:hover .s-num{background:var(--col-ntq);color:#fff}.s-box:focus-visible{outline:2px solid var(--col-ntq);outline-offset:2px}.s-box.active{background:#e8ecfe;border-color:var(--col-ntq);box-shadow:0 3px #0d1a70;transform:translateY(-1px)}.s-box.active .s-num{background:var(--col-ntq);color:#fff}.s-box.active .s-name{color:var(--col-ntq)}.contrib{margin-top:10px;padding:10px 14px;border-radius:var(--r-sm);background:var(--col-c-light);border:1.5px solid var(--col-c-mid);font-size:10.5px;color:var(--col-c-dark);display:flex;align-items:flex-start;gap:8px}.connector{display:flex;justify-content:center;gap:28px;padding:0 80px;height:68px}.conn-col{flex:1;max-width:280px;display:flex;flex-direction:column;align-items:center}.conn-col.down{justify-content:flex-start}.conn-col.up{justify-content:flex-end}.conn-line-top,.conn-line-bottom{width:1.5px;background:var(--border-strong);flex:1}.conn-chip{font-size:11px;font-weight:600;padding:4px 13px;border-radius:99px;border:1.5px solid;white-space:nowrap;text-align:center;flex-shrink:0;margin:3px 0}.cc-dn{background:var(--col-a-light);border-color:var(--col-a);color:var(--col-a-dark)}.cc-up{background:var(--col-b-light);border-color:var(--col-b);color:var(--col-b-dark)}.persona-row{display:flex;flex-wrap:wrap;gap:5px}.ptag{font-size:10px;font-weight:500;padding:4px 11px;border-radius:99px;background:var(--surface2);border:1.5px solid var(--border);color:var(--text2);display:flex;align-items:center;gap:5px}.ptag-dot{width:5px;height:5px;border-radius:50%}.legend{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-top:32px;padding-top:18px;border-top:1.5px solid var(--border)}.legend-item{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--text3)}.l-dot{width:9px;height:9px;border-radius:50%}.conn-note{font-size:10px;color:var(--text3);text-align:center;font-style:italic;margin-top:2px;line-height:1.4}.conn-note-row{display:flex;justify-content:space-around;padding:0 80px;gap:28px;margin-top:-4px;margin-bottom:0}.conn-note-item{flex:1;max-width:280px;text-align:center;font-size:10px;color:var(--text3);font-style:italic}.steps-table{width:100%;border-collapse:collapse;font-size:13px}.steps-table th{background:var(--col-c-dark);color:#fff;padding:11px 13px;text-align:left;font-weight:700;font-size:12.5px;letter-spacing:.03em}.steps-table th:first-child{width:56px}.steps-table td{padding:10px 13px;border-bottom:1px solid var(--border);vertical-align:top;color:var(--text2);line-height:1.5}.steps-table td:first-child{font-weight:700;color:var(--col-c-dark);white-space:nowrap;font-size:12px;background:var(--col-c-light);text-align:center}.steps-table tr:last-child td{border-bottom:none}.steps-table tr{cursor:pointer}.steps-table tr:hover td{background:var(--col-c-light)}.steps-table tr:hover td:first-child{background:#f5dbb5}.steps-table tr.active td{background:#faefd8}.steps-table tr.active td:first-child{background:#f0c985;color:var(--col-c-dark)}.steps-table-wrap{border-radius:var(--r-md);overflow:hidden;margin-top:14px;border:1px solid var(--border)}.step-output-tag{display:inline-block;font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:99px;margin-left:4px;background:#534ab71a;border:1px solid rgba(83,74,183,.25);color:var(--col-a-dark);vertical-align:middle}.mt6{margin-top:6px}.mt8{margin-top:8px}.mt10{margin-top:10px}.mt16{margin-top:16px}.step-panel{margin-top:16px;border-radius:var(--r-lg);background:var(--surface);border:2px solid var(--col-c);overflow:hidden;animation:step-panel-in .3s cubic-bezier(.25,.9,.35,1);box-shadow:0 4px 20px #854f0b1f}@keyframes step-panel-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.step-panel{animation:none}}.step-panel-head{padding:16px 20px 14px;border-bottom:2px solid var(--col-c-mid);display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:linear-gradient(90deg,var(--col-c-light),#fff8ee)}.step-panel-badge{background:var(--col-c-dark);color:#fff;font-size:15px;font-weight:800;letter-spacing:.06em;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #6338064d}.step-panel-head-text{flex:1;min-width:200px}.step-panel-title{font-size:18px;font-weight:800;color:var(--col-c-dark);letter-spacing:-.01em}.step-panel-sub{font-size:12.5px;color:var(--text2);margin-top:2px;line-height:1.5}.step-panel-actions{display:flex;gap:6px;flex-shrink:0}.step-panel-btn{font-family:var(--font);font-size:12px;font-weight:600;padding:7px 16px;border-radius:99px;border:1.5px solid var(--col-c-mid);background:var(--surface);color:var(--col-c-dark);cursor:pointer;transition:background .15s,border-color .15s,color .15s;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.step-panel-btn:hover:not(:disabled){background:var(--col-c-light);border-color:var(--col-c)}.step-panel-btn:disabled{opacity:.4;cursor:not-allowed}.step-panel-btn--close{border-color:transparent;background:transparent;color:var(--text3);font-size:11px;padding:7px 10px}.step-panel-btn--close:hover:not(:disabled){color:var(--col-c-dark);background:var(--col-c-light);border-color:var(--col-c-mid)}.step-panel-body{padding:20px 22px 26px;display:flex;flex-direction:column;gap:20px}.slide{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-md);padding:20px 22px;position:relative}.slide-header{margin-bottom:16px;padding-bottom:14px;border-bottom:1.5px solid var(--border)}.slide-title{font-size:17px;font-weight:800;color:var(--col-c-dark);letter-spacing:-.01em}.slide-sub{font-size:13px;color:var(--text3);margin-top:4px;line-height:1.5}.slide-msg{display:inline-block;margin-top:10px;font-size:12px;font-weight:600;font-style:italic;padding:6px 14px;border-radius:99px;background:var(--col-c-light);border:1px solid var(--col-c-mid);color:var(--col-c-dark)}.three-col{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:stretch}.three-col-card{background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:12px;display:flex;flex-direction:column;gap:7px}.three-col-card.is-left{border-color:var(--col-a-mid);background:var(--col-a-light)}.three-col-card.is-mid{border-color:var(--col-c-mid);background:var(--col-c-light)}.three-col-card.is-right{border-color:var(--col-b-mid);background:var(--col-b-light)}.three-col-t{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.three-col-card.is-left .three-col-t{color:var(--col-a-dark)}.three-col-card.is-mid .three-col-t{color:var(--col-c-dark)}.three-col-card.is-right .three-col-t{color:var(--col-b-dark)}.three-col-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.three-col-bullets li{font-size:11.5px;color:var(--text2);line-height:1.45;padding-left:14px;position:relative}.three-col-bullets li:before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.5}.three-col-arr{display:flex;align-items:center;color:var(--text3)}.tool-group{margin-bottom:14px}.tool-group-title{font-size:12px;font-weight:700;border-left:3px solid;padding-left:8px;margin-bottom:8px;letter-spacing:.01em}.tool-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;align-items:stretch}.tool-card{background:var(--surface);border:1.5px solid var(--border);border-top-width:3px;border-radius:var(--r-sm);padding:12px 13px;display:flex;flex-direction:column;gap:8px;height:100%}.tool-card-head{display:flex;align-items:center;gap:10px}.tool-card-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px;flex-shrink:0;box-shadow:0 1px 4px #0000001f}.tool-card-name-wrap{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.tool-card-name{font-size:13px;font-weight:800;color:var(--text);line-height:1.2}.tool-card-tag{font-size:10.5px;color:var(--text3);font-style:italic;line-height:1.3}.tool-card-desc{font-size:11.5px;color:var(--text2);line-height:1.5;flex-grow:1}.tool-card-usage{font-size:11px;color:var(--col-c-dark);background:var(--col-c-light);border-radius:var(--r-sm);padding:6px 8px;border:1px solid var(--col-c-mid)}.tool-card-url{font-size:10.5px;color:var(--col-ntq);text-decoration:none;font-family:Courier New,monospace;word-break:break-all;margin-top:auto;padding-top:6px;border-top:1px dashed var(--border);display:inline-flex;align-items:center;gap:4px}.tool-card-url:hover{text-decoration:underline}.tool-card-url:before{content:"↗";font-family:inherit;font-weight:700;font-size:12px}.flow-note{margin-top:12px;font-size:11px;color:var(--col-c-dark);background:var(--col-c-light);border:1px dashed var(--col-c-mid);border-radius:var(--r-sm);padding:8px 11px;line-height:1.5}.tree{font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.6;background:#fafaf6;border:1.5px solid var(--border);border-radius:var(--r-sm);padding:12px 14px;overflow-x:auto}.tree-row{display:grid;grid-template-columns:minmax(220px,1fr) 1fr;gap:12px;align-items:baseline}.tree-txt{white-space:pre;font-weight:500}.tree-note{font-family:var(--font);font-size:11px;color:var(--text3)}.tree-row--always .tree-txt{color:var(--col-c-dark);font-weight:700}.tree-row--ondemand .tree-txt{color:var(--col-b-dark)}.tree-row--manual .tree-txt{color:var(--col-c)}.tree-row--hooks .tree-txt{color:#a1262f;font-weight:700}.tree-row--ide .tree-txt{color:var(--col-a-dark)}.tree-row--root .tree-txt{color:var(--text);font-weight:800}.tree-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.tree-legend-item{font-size:10.5px;display:flex;align-items:center;gap:5px;color:var(--text3)}.tree-legend-sw{width:10px;height:10px;border-radius:2px}.sw-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sw-col-t{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--col-c-dark);margin-bottom:6px}.sw-skills{display:flex;flex-direction:column;gap:7px}.sw-skill{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sw-skill-cat{font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--r-sm);background:var(--surface2);border:1.5px solid var(--border);color:var(--text);min-width:108px;text-align:center}.sw-skill-cat--accent{border-color:var(--col-a-mid);color:var(--col-a-dark);background:var(--col-a-light)}.sw-skill-cat--teal{border-color:var(--col-b-mid);color:var(--col-b-dark);background:var(--col-b-light)}.sw-skill-cat--amber{border-color:var(--col-c-mid);color:var(--col-c-dark);background:var(--col-c-light)}.sw-skill-cat--purple{border-color:#afa9ec;color:#3c3489;background:#eeedfe}.sw-skill-items{font-size:11px;color:var(--text2);display:flex;flex-wrap:wrap;gap:4px}.sw-skill-items span{padding:2px 8px;border-radius:99px;background:var(--surface2);border:1px solid var(--border)}.sw-workflows{display:flex;flex-direction:column;gap:4px}.sw-wf{display:grid;grid-template-columns:minmax(150px,auto) 1fr;gap:10px;padding:5px 8px;border-radius:var(--r-sm);background:var(--surface2)}.sw-wf-cmd{font-family:Courier New,monospace;font-size:11.5px;color:var(--col-c-dark);font-weight:700}.sw-wf-desc{font-size:11px;color:var(--text2)}.ide-table{width:100%;border-collapse:collapse;font-size:12px}.ide-table th,.ide-table td{padding:8px 10px;text-align:left;vertical-align:top;border:1px solid var(--border)}.ide-table th{background:var(--col-c-dark);color:#fff;font-weight:700;font-size:11.5px}.ide-table td:first-child{background:var(--col-c-light);color:var(--col-c-dark);font-weight:700;white-space:nowrap}.ide-table td{color:var(--text2);line-height:1.45}.swimlane{display:flex;flex-direction:column;gap:5px;font-size:12.5px;overflow-x:auto}.swimlane-head,.swimlane-row{display:grid;gap:5px}.swimlane-head>div{background:var(--col-c-dark);color:#fff;padding:8px 10px;border-radius:var(--r-sm);font-weight:700;font-size:12px;text-align:center;letter-spacing:.03em}.swimlane-cell{background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:9px 11px;color:var(--text2);line-height:1.5;white-space:pre-line;min-height:42px;font-size:12px;display:flex;align-items:flex-start}.swimlane-cell--step{background:var(--col-c-light);border-color:var(--col-c-mid);color:var(--col-c-dark)}.swimlane-cell--io{background:var(--col-b-light);border-color:var(--col-b-mid);color:var(--col-b-dark);font-weight:600}.swimlane-cell--gate{background:#fef3c7;border-color:#d97706;color:#78350f;font-weight:600}.swimlane-cell--note{background:var(--col-a-light);border-color:var(--col-a-mid);color:var(--col-a-dark);font-style:italic}.swimlane-cell--hooks{background:#fee2e2;border-color:#dc2626;color:#7f1d1d;font-weight:600}.swimlane-cell--empty{background:transparent;border:1px dashed var(--border);opacity:.35;min-height:42px}.swimlane-tips{margin-top:14px;display:flex;flex-direction:column;gap:7px}.swimlane-tip{font-size:12.5px;color:var(--text2);line-height:1.55;background:var(--col-c-light);border:1px solid var(--col-c-mid);border-radius:var(--r-sm);padding:8px 12px}.swimlane-row,.swimlane-cell{position:relative}.sw-arr{position:absolute;right:-14px;top:50%;transform:translateY(-50%);z-index:5;color:var(--col-c-dark);pointer-events:none;animation:sw-flow 1.6s ease-in-out infinite}@keyframes sw-flow{0%,to{opacity:.35;transform:translateY(-50%) translate(-2px)}50%{opacity:1;transform:translateY(-50%) translate(2px)}}.overview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:32px 20px;animation:fade-in .2s ease}.overview-modal{background:var(--surface);border-radius:var(--r-xl);max-width:900px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 40px #00000040;animation:modal-in .25s cubic-bezier(.25,.9,.35,1)}@keyframes modal-in{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.overview-modal-head{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px 22px 14px;border-bottom:1.5px solid var(--border);background:var(--surface)}.overview-modal-title{font-size:16px;font-weight:800;color:var(--text)}.overview-modal-close{border:none;background:var(--surface2);border-radius:99px;width:32px;height:32px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;color:var(--text2);transition:background .15s}.overview-modal-close:hover{background:#fee2e2;color:#991b1b}.overview-modal-body{padding:20px 22px 24px}.prompt-split{display:grid;grid-template-columns:1fr 1.3fr;gap:14px}.prompt-col-t{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--col-c-dark);margin-bottom:7px}.prompt-anat{display:flex;flex-direction:column;gap:7px}.prompt-anat-item{background:var(--col-c-light);border:1.5px solid var(--col-c-mid);border-radius:var(--r-sm);padding:8px 11px}.prompt-anat-t{font-size:13px;font-weight:800;color:var(--col-c-dark)}.prompt-anat-d{font-size:12px;color:var(--text2);line-height:1.5;margin-top:2px}.prompt-examples{display:flex;flex-direction:column;gap:7px}.prompt-example{background:#fafaf6;border:1.5px solid var(--border);border-radius:var(--r-sm);padding:9px 11px;font-family:Courier New,monospace}.prompt-example-tag{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;margin-bottom:5px;background:var(--col-a-light);color:var(--col-a-dark);letter-spacing:.04em;text-transform:uppercase}.prompt-example-body{font-size:12px;color:var(--text);line-height:1.55;white-space:pre-line}.test-flows{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.test-flow{background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:11px 13px}.test-flow-t{font-size:13px;font-weight:800;color:var(--col-c-dark);margin-bottom:6px}.test-flow-steps{display:flex;flex-direction:column;gap:4px}.test-flow-step{font-size:12px;color:var(--text2);line-height:1.45;padding:5px 8px;background:var(--surface);border:1px solid var(--border);border-radius:6px}.ps-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:14px}.ps-card{background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:12px 14px}.ps-card--problem{background:#fef2f2;border-color:#fecaca}.ps-card--solution{background:var(--col-b-light);border-color:var(--col-b-mid)}.ps-card-t{font-size:13px;font-weight:800;margin-bottom:6px}.ps-card--problem .ps-card-t{color:#991b1b}.ps-card--solution .ps-card-t{color:var(--col-b-dark)}.ps-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.ps-list li{font-size:12px;color:var(--text2);line-height:1.45;padding-left:14px;position:relative}.ps-list li:before{content:"›";position:absolute;left:2px;top:-1px;color:currentColor;font-weight:800}.sec-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:14px}.sec-stack{display:flex;flex-direction:column;gap:6px}.sec-layer{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;padding:8px 11px;border-radius:var(--r-sm);background:var(--col-c-light);border:1.5px solid var(--col-c-mid)}.sec-layer-num{background:var(--col-c-dark);color:#fff;font-weight:800;font-size:15px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.sec-layer-t{font-size:13px;font-weight:800;color:var(--col-c-dark)}.sec-layer-d{font-size:12px;color:var(--text2);margin-top:1px;line-height:1.4}.sec-rules{background:#fef2f2;border:1.5px solid #fecaca;border-radius:var(--r-sm);padding:11px 13px}.sec-rules-t{font-size:13px;font-weight:800;color:#991b1b;margin-bottom:6px}.sec-rules-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.sec-rules-list li{font-size:12px;color:var(--text2);line-height:1.5;padding-left:18px;position:relative}.sec-rules-list li:before{content:"⚠";position:absolute;left:0;top:0;color:#b91c1c;font-weight:800}.iomap-table{width:100%;border-collapse:collapse;font-size:12px}.iomap-table th,.iomap-table td{padding:8px 10px;border:1px solid var(--border);text-align:left;vertical-align:top}.iomap-table th{background:var(--col-c-dark);color:#fff;font-weight:700;font-size:11.5px}.iomap-table td:first-child{background:var(--col-c-light);color:var(--col-c-dark);font-weight:700;white-space:pre-line}.iomap-table td{color:var(--text2);line-height:1.45;white-space:pre-line}.dark-hero{background:linear-gradient(135deg,#0b1255,#1b2a9e);color:#fff;border-radius:var(--r-md);padding:20px 22px;border:1.5px solid var(--col-c-dark)}.dark-hero-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:18px}.dark-hero-panel{background:#ffffff0f;border:1px solid rgba(255,255,255,.18);border-radius:var(--r-sm);padding:13px 15px}.dark-hero-t{font-size:15px;font-weight:800;margin-bottom:8px;color:#fde68a;letter-spacing:.02em}.dark-hero-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.dark-hero-list li{font-size:13px;line-height:1.5;padding-left:16px;position:relative;color:#e5e7eb}.dark-hero-list li:before{content:"›";position:absolute;left:0;top:-1px;color:#fbbf24;font-weight:800}.dark-hero--not .dark-hero-t{color:#fca5a5}.dark-hero--not .dark-hero-list li:before{content:"✗";color:#ef4444}.flow-chain{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:10px}.flow-chain-step{font-size:11px;font-weight:600;padding:5px 10px;border-radius:var(--r-sm);background:var(--col-c-light);border:1px solid var(--col-c-mid);color:var(--col-c-dark)}.flow-chain-arr{color:var(--col-c);font-weight:700}.three-col-col{display:flex;flex-direction:column;gap:7px}.three-col-head{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;padding-bottom:6px;border-bottom:2px solid var(--border)}.three-col-col:first-child .three-col-head{color:var(--col-a-dark);border-color:var(--col-a-mid)}.three-col-col:last-child .three-col-head{color:var(--col-b-dark);border-color:var(--col-b-mid)}.three-col-item{font-size:12.5px;line-height:1.5;padding:7px 10px;border-radius:6px;color:var(--text2)}.three-col-item--raw{background:var(--col-a-light);border:1px solid var(--col-a-mid)}.three-col-item--mid{background:var(--col-c-light);border:1px solid var(--col-c-mid)}.three-col-item--ready{background:var(--col-b-light);border:1px solid var(--col-b-mid)}.three-col-arrow{display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--text3);padding:0 4px;margin-top:28px}.tool-flow{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:14px}.tool-flow-step{font-size:12px;font-weight:600;padding:5px 11px;border-radius:6px;background:var(--col-c-light);border:1px solid var(--col-c-mid);color:var(--col-c-dark)}.tool-flow-arr{color:var(--col-c);font-weight:700}.tool-note{margin-top:12px;font-size:12px;color:var(--text3);line-height:1.55;background:#fef9ee;border:1px solid #FDE68A;border-radius:6px;padding:10px 13px}.tree-legend{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.tree-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text2)}.tree-legend-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.tree-row{display:flex;align-items:baseline;gap:10px;padding:3px 0;font-size:12.5px;line-height:1.6}.tree-txt{font-family:Courier New,monospace;font-size:12.5px;white-space:pre;color:var(--text1)}.tree-note{font-size:11.5px;color:var(--text3)}.tree-row--always .tree-txt{color:#2d9a5f;font-weight:700}.tree-row--ondemand .tree-txt{color:#185fa5}.tree-row--manual .tree-txt{color:#ba7517}.tree-row--muted .tree-txt{color:var(--text3)}.tree-row--root .tree-txt{color:var(--text1);font-weight:700}.tree-row--hooks .tree-txt{color:#7b3fa0}.tree-row--ide .tree-txt{color:#0b6e8a}.sw-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sw-section-title{font-size:13px;font-weight:800;margin-bottom:10px;color:var(--text1)}.sw-skills{display:flex;flex-direction:column;gap:8px}.sw-cat{padding:9px 12px;border-left:3px solid;border-radius:0 6px 6px 0;background:var(--surface2)}.sw-cat-name{font-size:12px;font-weight:700;margin-bottom:5px}.sw-items{display:flex;flex-wrap:wrap;gap:4px}.sw-item{font-size:11.5px;padding:3px 9px;background:var(--surface);border:1px solid var(--border);border-radius:99px;color:var(--text2)}.sw-workflows{display:flex;flex-direction:column;gap:6px}.sw-wf-row{display:flex;align-items:baseline;gap:10px;padding:6px 10px;background:var(--surface2);border-radius:6px;border:1px solid var(--border)}.sw-wf-cmd{font-family:Courier New,monospace;font-size:12px;color:var(--col-a-dark);font-weight:700;white-space:nowrap}.sw-wf-desc{font-size:12px;color:var(--text2)}.step-panel-hint{text-align:center;color:var(--text3);font-size:12px;font-style:italic;padding:14px 0}.layer-c{border-color:var(--col-ntq)}.layer-c .layer-header{background:linear-gradient(90deg,rgba(27,42,158,.04),transparent)}.badge-c{background:var(--col-ntq);color:#fff}.layer-c .contrib,.layer-c .fcc{background:#eef0ff;border-color:#7b90e8;color:var(--col-ntq)}.layer-c .steps-table th{background:var(--col-ntq)}.layer-c .steps-table td:first-child{background:#eef0ff;color:var(--col-ntq)}.layer-c .steps-table tr:hover td{background:#eef0ff}.layer-c .steps-table tr:hover td:first-child{background:#d5dcff}.layer-c .steps-table tr.active td{background:#e8ecfe}.layer-c .steps-table tr.active td:first-child{background:#c7d0fb;color:var(--col-ntq)}.layer-c .step-panel{border-color:#7b90e8;background:linear-gradient(180deg,#EEF0FF 0%,var(--surface) 100px)}.layer-c .step-panel-head{background:#e8ecfe;border-color:#7b90e8}.layer-c .step-panel-badge{background:var(--col-ntq)}.layer-c .step-panel-title{color:var(--col-ntq)}.layer-c .step-panel-btn{border-color:#7b90e8;color:var(--col-ntq)}.layer-c .step-panel-btn:hover:not(:disabled){background:var(--col-ntq);color:#fff;border-color:var(--col-ntq)}.layer-c .step-panel-btn--close{border-color:var(--col-ntq)}.layer-c .swimlane-head>div{background:var(--col-ntq)}.layer-c .swimlane-tip{background:#eef0ff;border-color:#7b90e8;color:var(--col-ntq)}.layer-c .ide-table th{background:var(--col-ntq)}.layer-c .ide-table td:first-child{background:#eef0ff;color:var(--col-ntq)}.layer-c .slide-title,.layer-c .sw-col-t,.layer-c .sw-wf-cmd,.layer-c .test-flow-t,.layer-c .tree-row--always .tree-txt,.layer-c .prompt-col-t{color:var(--col-ntq)}.layer-c .prompt-anat-item{background:#eef0ff;border-color:#7b90e8}.layer-c .prompt-anat-t{color:var(--col-ntq)}.layer-c .tool-card-usage{background:#eef0ff;border-color:#7b90e8;color:var(--col-ntq)}.layer-c .tool-card-url{border-top-color:#c7d0fb}.layer-c .sec-layer{background:#eef0ff;border-color:#7b90e8}.layer-c .sec-layer-t{color:var(--col-ntq)}.layer-c .sec-layer-num{background:var(--col-ntq)}.layer-c .slide-msg{background:#eef0ff;border-color:#7b90e8;color:var(--col-ntq)}.layer-c .step-panel-hint{color:#7b90e8}@keyframes arrow-pulse{0%,to{opacity:.6;transform:translate(0)}50%{opacity:1;transform:translate(3px)}}.chip-arr{animation:arrow-pulse 1.8s ease-in-out infinite}.flow-row:hover .chip-arr{animation:none;opacity:1}.swimlane-connector{display:grid;gap:5px;padding:0}.swimlane-conn-cell{display:flex;align-items:center;justify-content:center;height:20px;color:var(--border-strong);font-size:14px}.swimlane-conn-cell--has-flow{color:var(--col-ntq)}.copy-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--r-sm);border:1.5px solid var(--border);background:var(--surface2);cursor:pointer;color:var(--text3);flex-shrink:0;transition:border-color .15s,background .15s,color .15s;font-family:var(--font)}.copy-btn:hover{border-color:var(--col-ntq);color:var(--col-ntq);background:#eef0ff}.copy-btn--copied{border-color:var(--col-b);color:var(--col-b-dark);background:var(--col-b-light)}.prompt-example-wrap{position:relative}.prompt-example-wrap .copy-btn{position:absolute;top:7px;right:7px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#00000073;display:flex;align-items:center;justify-content:center;padding:24px;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--surface);border-radius:var(--r-xl);border:1.5px solid var(--col-ntq);max-width:1100px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;animation:modal-in .25s cubic-bezier(.25,.9,.35,1)}@keyframes modal-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1.5px solid var(--border);background:#e8ecfe;flex-shrink:0}.modal-head-title{font-size:16px;font-weight:800;color:var(--col-ntq)}.modal-close{font-family:var(--font);font-size:13px;font-weight:600;padding:6px 16px;border-radius:99px;border:1.5px solid var(--col-ntq);color:var(--col-ntq);background:#fff;cursor:pointer;transition:background .15s,color .15s}.modal-close:hover{background:var(--col-ntq);color:#fff}.modal-body{overflow-y:auto;padding:22px}.modal-body .steps-table-wrap{border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.overview-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font);font-size:12px;font-weight:700;padding:7px 16px;border-radius:99px;border:1.5px solid var(--col-ntq);color:var(--col-ntq);background:#eef0ff;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s;letter-spacing:.02em}.overview-btn:hover{background:var(--col-ntq);color:#fff;box-shadow:0 3px 10px #1b2a9e40}.access-paths{margin:20px auto 28px;max-width:900px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.access-path-card{padding:16px 20px;border-radius:var(--r-md);border:1.5px solid var(--border);display:flex;flex-direction:column;gap:8px;transition:border-color .15s,box-shadow .15s}.access-path-card:hover{box-shadow:0 4px 16px #00000014}.access-path-card--a{background:var(--col-a-light);border-color:var(--col-a-mid)}.access-path-card--b{background:var(--col-b-light);border-color:var(--col-b-mid)}.access-path-icon{font-size:22px;line-height:1}.access-path-label{font-size:14px;font-weight:800}.access-path-card--a .access-path-label{color:var(--col-a-dark)}.access-path-card--b .access-path-label{color:var(--col-b-dark)}.access-path-desc{font-size:12.5px;color:var(--text2);line-height:1.55}.access-path-hint{font-size:11px;font-weight:600;padding:3px 10px;border-radius:99px;margin-top:auto;align-self:flex-start}.access-path-card--a .access-path-hint{background:var(--col-a);color:#fff}.access-path-card--b .access-path-hint{background:var(--col-b);color:#fff}.td-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:3px}.td-bullets li{padding-left:13px;position:relative;line-height:1.45}.td-bullets li:before{content:"›";position:absolute;left:0;font-weight:800;color:var(--col-ntq)}.uflow-split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.uflow-col{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-md);padding:12px 14px}.uflow-col--admin{border-top:3px solid #534AB7}.uflow-col--user{border-top:3px solid #185FA5}.uflow-col-t{display:flex;align-items:center;gap:6px;font-weight:800;font-size:12px;margin-bottom:8px;letter-spacing:.02em}.uflow-col--admin .uflow-col-t{color:#534ab7}.uflow-col--user .uflow-col-t{color:#185fa5}.uflow-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.uflow-steps li{display:flex;align-items:flex-start;gap:8px;font-size:11.5px;color:var(--text2);line-height:1.4}.uflow-n{width:20px;height:20px;border-radius:50%;background:var(--border);color:var(--text);display:inline-flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;flex-shrink:0}.uflow-col--admin .uflow-n{background:#e4e1f8;color:#534ab7}.uflow-col--user .uflow-n{background:#dce9f4;color:#185fa5}.kms-mock{display:grid;grid-template-columns:200px 1fr;gap:0;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-md);overflow:hidden;min-height:320px}.kms-mock-side{background:#f7f6f2;border-right:1.5px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:4px}.kms-mock-side-t{font-size:10.5px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;padding:4px 6px 8px}.kms-mock-bot{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:var(--r-sm);cursor:default;border:1px solid transparent}.kms-mock-bot.is-active{background:#fff;border-color:#d2ceec;box-shadow:0 1px 3px #534ab71f}.kms-mock-bot-av{width:26px;height:26px;border-radius:50%;background:#534ab7;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}.kms-mock-bot-txt{min-width:0;flex:1}.kms-mock-bot-n{font-size:11.5px;font-weight:700;color:var(--text);line-height:1.2}.kms-mock-bot-d{font-size:10px;color:var(--text3);line-height:1.3;margin-top:1px}.kms-mock-chat{display:flex;flex-direction:column;background:#fff}.kms-mock-msgs{flex:1;padding:14px 16px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.kms-mock-msg{display:flex;gap:8px}.kms-mock-msg--user{justify-content:flex-end}.kms-mock-msg--bot{justify-content:flex-start;align-items:flex-start}.kms-mock-msg--bot>div:last-child{max-width:85%}.kms-mock-av{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#534ab7,#8078d8);color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kms-mock-bubble{padding:8px 12px;border-radius:14px;font-size:11.5px;line-height:1.5;max-width:100%}.kms-mock-msg--user .kms-mock-bubble{background:#534ab7;color:#fff;border-bottom-right-radius:4px;max-width:70%}.kms-mock-msg--bot .kms-mock-bubble{background:#f3f2f8;color:var(--text);border-bottom-left-radius:4px}.kms-mock-src{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:6px;padding-left:2px;font-size:10px;color:var(--text3)}.kms-mock-src-t{font-weight:600}.kms-mock-src-tag{background:#eeedf7;color:#534ab7;padding:2px 6px;border-radius:10px;font-family:Courier New,monospace;font-size:9.5px}.kms-mock-input{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1.5px solid var(--border);background:#fafaf8}.kms-mock-input-ph{flex:1;font-size:11px;color:var(--text3);font-style:italic;padding:7px 12px;background:#fff;border:1px solid var(--border);border-radius:16px}.kms-mock-send{width:30px;height:30px;border-radius:50%;background:#534ab7;color:#fff;border:none;cursor:default;display:flex;align-items:center;justify-content:center}.hub-uflow{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-md);padding:10px 12px}.hub-uflow-item{display:flex;align-items:center;gap:6px}.hub-uflow-num{width:20px;height:20px;border-radius:50%;background:#dceee8;color:#0f6e56;display:inline-flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800}.hub-uflow-txt{font-size:11.5px;font-weight:600;color:var(--text);padding:5px 10px;background:#e9f5f1;border:1px solid #BBDCD0;border-radius:12px}.hub-mock{background:#fafaf8;border:1.5px solid var(--border);border-radius:var(--r-md);padding:12px;display:flex;flex-direction:column;gap:10px}.hub-mock-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid var(--border)}.hub-mock-search{display:flex;align-items:center;gap:8px;padding:7px 12px;background:#fff;border:1px solid var(--border);border-radius:16px;color:var(--text3);font-size:11px;min-width:180px;flex:1}.hub-mock-filters{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.hub-mock-filter-lbl{font-size:11px;color:var(--text3);font-weight:600}.hub-mock-chip{font-size:10.5px;padding:3px 9px;border-radius:10px;background:#fff;border:1px solid var(--border);color:var(--text2)}.hub-mock-chip.is-active{background:#0f6e56;color:#fff;border-color:#0f6e56}.hub-mock-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.hub-mock-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--r-sm);padding:10px 12px;display:flex;flex-direction:column;gap:5px}.hub-mock-card.is-selected{border-color:#0f6e56;box-shadow:0 0 0 2px #dceee8}.hub-mock-card-head{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.hub-mock-card-n{font-family:Courier New,monospace;font-size:12px;font-weight:800;color:var(--text)}.hub-mock-card-tag{font-size:9.5px;color:#0f6e56;background:#dceee8;padding:2px 7px;border-radius:10px;font-weight:600}.hub-mock-card-d{font-size:11px;color:var(--text2);line-height:1.4}.hub-mock-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.hub-mock-card-dl{font-size:10px;color:var(--text3)}.hub-mock-install{font-size:10.5px;font-weight:700;padding:4px 10px;background:#0f6e56;color:#fff;border:none;border-radius:10px;cursor:default}.hub-mock-cli{background:#1a1816;color:#e8e6e0;border-radius:var(--r-sm);padding:10px 12px;font-family:Courier New,monospace}.hub-mock-cli-t{font-size:10.5px;color:#a39e95;margin-bottom:6px;font-family:var(--font)}.hub-mock-cli-cmd{display:flex;align-items:center;gap:8px;font-size:12px}.hub-mock-cli-prompt{color:#7fd7b0;font-weight:800}@media (max-width: 1024px){body{padding:28px 24px 72px}.page-header{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}.layer{padding:20px 22px}.ntq-cat-grid{grid-template-columns:1fr}.tool-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.steps-table-wrap,.ide-table-wrap,.io-table-wrap,.swimlane{overflow-x:auto}.swimlane-head,.swimlane-row,.swimlane-connector{min-width:640px}.modal-box{max-width:92vw}}@media (max-width: 820px){body{padding:20px 16px 60px;font-size:13px}.page-header{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.page-title{font-size:14px}.page-subtitle,.page-badge{display:none}.layer{padding:16px 18px}.layer-header{gap:10px}.layer-title{font-size:16px}.layer-sub{font-size:11px}.three-col{grid-template-columns:1fr}.three-col-arr{display:none}.prompt-split,.ps-grid,.sec-grid,.dark-hero-grid,.test-flows,.sw-grid{grid-template-columns:1fr}.s-grid{grid-template-columns:repeat(5,1fr);gap:4px}.s-box{padding:8px 4px}.s-name{font-size:10.5px}.s-num{width:24px;height:24px;font-size:11px}.src-row{grid-template-columns:repeat(2,1fr)}.sub2{grid-template-columns:1fr}.connector,.conn-note-row{padding:0 20px}.access-paths{grid-template-columns:1fr}.access-opts{flex-direction:column}.access-opt-divider{padding:4px 0}.tool-cards,.uflow-split{grid-template-columns:1fr}.kms-mock{grid-template-columns:1fr;min-height:0}.kms-mock-side{border-right:none;border-bottom:1.5px solid var(--border);flex-direction:row;overflow-x:auto;gap:6px}.kms-mock-side-t{display:none}.kms-mock-bot{flex-shrink:0;min-width:180px}.hub-mock-grid{grid-template-columns:1fr}.step-panel-head{padding:12px 14px;gap:10px}.step-panel-badge{width:36px;height:36px;font-size:13px}.step-panel-title{font-size:15px}.step-panel-actions{width:100%;justify-content:flex-end}.flow-row{flex-wrap:wrap}.sec-grid{grid-template-columns:1fr}.modal-box{max-width:96vw;max-height:94vh}.modal-head{padding:12px 14px}.modal-body{padding:14px}.overview-btn{font-size:11px;padding:4px 8px}.steps-table th,.steps-table td{font-size:11px;padding:6px 8px}.layer-badge{font-size:10px;padding:3px 8px}.layer-wm{max-width:120px;opacity:.05}}@media (max-width: 560px){body{padding:14px 12px 50px}.page-header{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px;gap:8px}.page-logo{height:18px}.page-title{font-size:13px}.page-header-left{gap:8px}.lang-switch{gap:3px}.lang-btn{font-size:10px;padding:3px 6px}.layer{padding:14px}.layer-header{flex-direction:column;align-items:flex-start}.layer-title{font-size:15px}.s-grid{grid-template-columns:repeat(2,1fr)}.src-row{grid-template-columns:1fr}.flow-row{gap:6px}.flow-chip{font-size:11px;padding:5px 8px}.chip-arr{transform:scale(.8)}.step-panel-head{flex-direction:column;align-items:flex-start;padding:10px 12px}.step-panel-actions{gap:4px}.step-panel-btn{font-size:11px;padding:4px 8px}.tool-card{padding:10px 11px}.overview-btn span{display:none}.overview-modal .modal-body{padding:10px}}