.page-mcp{--black:#0a0a0a;--red:#e63946;--yellow:#ffbe0b;--green:#2ea043;--blue:#2796d2;--white:#fff;--bg:#f0ede6;--border:3px solid #0a0a0a;--text-primary:#0a0a0a;--text-secondary:#0a0a0ab3;--text-tertiary:#0a0a0a73;--text-on-dark:#f0ede6;--font-heading:"Space Mono",monospace;--font-body:"IBM Plex Sans",sans-serif;--font-mono:"Space Mono",monospace;--transition-snap:.2s cubic-bezier(0,0,.2,1);font-family:var(--font-body);color:var(--text-primary);background:var(--bg);min-height:100vh;font-size:16px;line-height:1.6;overflow-x:clip}.page-mcp *,.page-mcp :before,.page-mcp :after{box-sizing:border-box;margin:0;padding:0}.page-mcp h1,.page-mcp h2,.page-mcp h3,.page-mcp h4{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.02em;font-weight:700;line-height:1.2}.page-mcp a{color:inherit;text-decoration:none}.page-mcp .top-bar{z-index:100;background:var(--bg);border-bottom:var(--border);padding:0 24px;position:sticky;top:0}.page-mcp .top-bar-inner{justify-content:space-between;align-items:center;max-width:1440px;height:56px;margin:0 auto;display:flex}.page-mcp .back-link{font-family:var(--font-heading);color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;transition:color var(--transition-snap);align-items:center;gap:8px;padding:6px 0;font-size:.82rem;font-weight:700;display:inline-flex}.page-mcp .back-link:hover{color:var(--red)}.page-mcp .back-link svg{stroke-width:3px;width:18px;height:18px}.page-mcp .top-bar-title{font-family:var(--font-heading);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.page-mcp .btn-reset{font-family:var(--font-heading);color:var(--text-primary);border:2px solid var(--black);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;transition:background var(--transition-snap),color var(--transition-snap);background:0 0;padding:5px 14px;font-size:.72rem;font-weight:700}.page-mcp .btn-reset:hover{background:var(--black);color:var(--white)}.page-mcp .page-header{text-align:center;padding:36px 24px 24px}.page-mcp .page-header h1{color:var(--text-primary);margin-bottom:6px;font-size:clamp(1.5rem,3.5vw,2.2rem)}.page-mcp .page-header p{font-family:var(--font-body);color:var(--text-secondary);text-transform:none;font-size:.95rem}.page-mcp .scenario-bar{border:var(--border);gap:0;max-width:1400px;margin:0 auto;padding:0;display:flex;overflow-x:auto}.page-mcp .scenario-btn{font-family:var(--font-heading);color:var(--text-secondary);background:var(--white);border:none;border-right:2px solid var(--black);cursor:pointer;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;transition:background var(--transition-snap),color var(--transition-snap);text-align:center;flex:1;padding:10px 16px;font-size:.68rem;font-weight:700}.page-mcp .scenario-btn:last-child{border-right:none}.page-mcp .scenario-btn:hover{background:var(--bg)}.page-mcp .scenario-btn-active{background:var(--black);color:var(--white)}.page-mcp .scenario-btn-active:hover{background:var(--black)}.page-mcp .mcp-layout{gap:0;max-width:1440px;margin:16px auto 0;padding:0 20px 40px;display:flex}.page-mcp .panel-left{flex-direction:column;flex:0 0 32%;align-self:flex-start;gap:0;display:flex;position:sticky}.page-mcp .panel-right{flex-direction:column;flex:0 0 68%;gap:0;display:flex}.page-mcp .panel-header{font-family:var(--font-heading);color:var(--white);background:var(--black);text-transform:uppercase;letter-spacing:.06em;border:var(--border);padding:10px 20px;font-size:.72rem;font-weight:700}.page-mcp .panel-right .panel-header{border-left:none}.page-mcp .panel-right-sticky{z-index:50;position:sticky;top:59px}.page-mcp .arch-map{border:var(--border);background:var(--white);border-top:none;min-height:500px;padding:20px 16px;position:relative}.page-mcp .arch-node{background:var(--bg);cursor:pointer;border:2px solid #0a0a0a26;margin-bottom:8px;padding:10px 12px;transition:all .3s ease-out;position:relative}.page-mcp .arch-node:hover{border-color:var(--black);transform:translate(4px)}.page-mcp .arch-node-active{border-color:var(--red);background:#e639460a;border-width:3px;box-shadow:0 0 0 2px #e6394626}.page-mcp .arch-node-label{font-family:var(--font-heading);color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;font-weight:700}.page-mcp .arch-node-desc{color:var(--text-tertiary);max-height:0;margin-top:3px;font-size:.72rem;line-height:1.4;transition:max-height .3s ease-out,margin-top .3s ease-out;overflow:hidden}.page-mcp .arch-node-active .arch-node-desc,.page-mcp .arch-node:hover .arch-node-desc{max-height:100px;margin-top:6px}.page-mcp .arch-section{margin-bottom:12px}.page-mcp .arch-section-label{font-family:var(--font-heading);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;padding-left:2px;font-size:.58rem;font-weight:700}.page-mcp .arch-connector{justify-content:center;align-items:center;padding:4px 0;display:flex}.page-mcp .arch-connector-line{background:#0a0a0a26;width:3px;height:24px;transition:background .3s ease-out}.page-mcp .arch-connector-line-active{background:var(--red);position:relative}.page-mcp .arch-connector-line-active:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--red);width:0;height:0;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.page-mcp .arch-packet{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.03em;padding:2px 8px;font-size:.55rem;font-weight:700;animation:.6s ease-out packetFlow;display:inline-block}.page-mcp .arch-packet-up{background:var(--blue);color:var(--white)}.page-mcp .arch-packet-down{background:var(--green);color:var(--white)}@keyframes packetFlow{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.page-mcp .arch-host-box{border:3px solid var(--black);margin-bottom:12px;padding:12px;position:relative}.page-mcp .arch-host-label{background:var(--white);font-family:var(--font-heading);color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;padding:0 8px;font-size:.6rem;font-weight:700;position:absolute;top:-10px;left:12px}.page-mcp .model-thought{font-family:var(--font-heading);color:var(--text-secondary);text-transform:none;letter-spacing:0;background:#ffbe0b1f;border:2px dashed #ffbe0b66;margin-top:6px;padding:6px 10px;font-size:.58rem;font-style:italic;font-weight:700;line-height:1.35;animation:.4s ease-out thoughtAppear;position:relative}@keyframes thoughtAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.page-mcp .inspector-tabs{border:var(--border);background:var(--bg);border-top:none;border-left:none;display:flex}.page-mcp .inspector-tab{font-family:var(--font-heading);color:var(--text-tertiary);background:var(--bg);border:none;border-right:2px solid var(--black);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;transition:background var(--transition-snap),color var(--transition-snap);flex:1;padding:10px 16px;font-size:.68rem;font-weight:700}.page-mcp .inspector-tab:last-child{border-right:none}.page-mcp .inspector-tab:hover{color:var(--text-primary);background:#0a0a0a0a}.page-mcp .inspector-tab-active,.page-mcp .inspector-tab-active:hover{background:var(--black);color:var(--white)}.page-mcp .inspector-content{border:var(--border);background:var(--white);border-top:none;border-left:none;min-height:500px;overflow-y:auto}.page-mcp .inspector-content::-webkit-scrollbar{width:5px}.page-mcp .inspector-content::-webkit-scrollbar-track{background:0 0}.page-mcp .inspector-content::-webkit-scrollbar-thumb{background:#0a0a0a26}.page-mcp .msg-stream{flex-direction:column;gap:12px;padding:16px;display:flex}.page-mcp .msg-stream-empty{min-height:300px;color:var(--text-tertiary);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;text-align:center;justify-content:center;align-items:center;padding:40px;font-size:.78rem;display:flex}.page-mcp .msg-card{border:var(--border);animation:.4s ease-out msgCardAppear;overflow:clip visible}@keyframes msgCardAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-mcp .msg-card-header{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;padding:8px 14px;font-size:.62rem;font-weight:700;display:flex}.page-mcp .msg-card-c2s .msg-card-header{background:var(--blue);color:var(--white)}.page-mcp .msg-card-s2c .msg-card-header{background:var(--green);color:var(--white)}.page-mcp .msg-card-direction{align-items:center;gap:8px;display:flex}.page-mcp .msg-card-method{opacity:.8}.page-mcp .msg-card-body{background:var(--black);font-family:var(--font-mono);color:var(--text-on-dark);white-space:pre-wrap;word-break:break-all;cursor:default;padding:12px 16px;font-size:.75rem;line-height:1.65;position:relative;overflow:clip visible}.page-mcp .json-key{color:#ffbe0b}.page-mcp .json-string{color:#a8e6a1}.page-mcp .json-number{color:#ff9b71}.page-mcp .json-boolean,.page-mcp .json-null{color:#e63946}.page-mcp .json-bracket{color:#f0ede680}.page-mcp .json-annotated{cursor:help;border-bottom:1px dashed #ffbe0b66;position:relative}.page-mcp .json-annotated:hover{background:#ffbe0b26}.page-mcp .json-annotation-tip{background:var(--white);min-width:280px;max-width:400px;color:var(--text-primary);border:var(--border);font-family:var(--font-body);z-index:60;white-space:normal;word-break:normal;padding:10px 14px;font-size:.78rem;line-height:1.5;display:none;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:4px 4px #0a0a0a26}.page-mcp .json-annotated:hover .json-annotation-tip{display:block}.page-mcp .msg-controls{border-bottom:var(--border);background:var(--white);align-items:center;gap:12px;padding:12px 16px;display:flex}.page-mcp .msg-play-btn{font-family:var(--font-heading);color:var(--white);background:var(--red);border:2px solid var(--black);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;transition:background var(--transition-snap),transform .1s;align-items:center;gap:6px;padding:8px 20px;font-size:.72rem;font-weight:700;display:inline-flex}.page-mcp .msg-play-btn:hover{background:var(--black)}.page-mcp .msg-play-btn:active{transform:scale(.97)}.page-mcp .msg-play-btn:disabled{opacity:.4;cursor:not-allowed}.page-mcp .msg-speed-control{align-items:center;gap:8px;display:flex}.page-mcp .msg-speed-label{font-family:var(--font-heading);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:700}.page-mcp .msg-speed-slider{appearance:none;background:var(--black);cursor:pointer;outline:none;width:100px;height:4px}.page-mcp .msg-speed-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--yellow);border:2px solid var(--black);cursor:pointer;width:16px;height:16px}.page-mcp .msg-speed-slider::-moz-range-thumb{background:var(--yellow);border:2px solid var(--black);cursor:pointer;border-radius:0;width:16px;height:16px}.page-mcp .msg-step-info{font-family:var(--font-heading);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-left:auto;font-size:.65rem}.page-mcp .capabilities-view{padding:20px}.page-mcp .cap-label{font-family:var(--font-heading);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;font-size:.68rem;font-weight:700}.page-mcp .cap-card{border:2px solid #0a0a0a1f;margin-bottom:10px;padding:14px 16px;transition:border-color .3s}.page-mcp .cap-card-supported{border-color:var(--black)}.page-mcp .cap-card-header{align-items:center;gap:10px;margin-bottom:6px;display:flex}.page-mcp .cap-card-icon{font-family:var(--font-heading);font-size:.85rem;font-weight:700}.page-mcp .cap-card-name{font-family:var(--font-heading);color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:700}.page-mcp .cap-card-count{font-family:var(--font-heading);color:var(--text-tertiary);margin-left:auto;font-size:.65rem}.page-mcp .cap-card-items{flex-direction:column;gap:3px;padding-left:26px;display:flex}.page-mcp .cap-card-item{font-family:var(--font-mono);color:var(--text-secondary);font-size:.72rem}.page-mcp .cap-info-row{border-top:2px solid #0a0a0a0f;align-items:center;gap:8px;margin-top:10px;padding:8px 0;display:flex}.page-mcp .cap-info-key{font-family:var(--font-heading);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-size:.62rem;font-weight:700}.page-mcp .cap-info-val{font-family:var(--font-mono);color:var(--text-secondary);font-size:.72rem}.page-mcp .context-impact{padding:20px}.page-mcp .context-impact-label{font-family:var(--font-heading);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;font-size:.68rem;font-weight:700}.page-mcp .ctx-stack{border:var(--border);margin-bottom:12px}.page-mcp .ctx-stack-titlebar{background:var(--black);font-family:var(--font-heading);color:var(--text-on-dark);text-transform:uppercase;letter-spacing:.06em;padding:8px 14px;font-size:.62rem;font-weight:700}.page-mcp .ctx-stack-body{flex-direction:column;min-height:400px;display:flex}.page-mcp .ctx-seg{border-bottom:1px solid #0a0a0a1a;justify-content:space-between;align-items:center;min-height:28px;padding:0 14px;transition:flex .6s ease-out;display:flex}.page-mcp .ctx-seg:last-child{border-bottom:none}.page-mcp .ctx-seg-label{font-family:var(--font-heading);color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;font-size:.62rem;font-weight:700}.page-mcp .ctx-seg-tokens{font-family:var(--font-mono);color:var(--text-tertiary);white-space:nowrap;align-items:center;gap:8px;font-size:.62rem;display:flex}.page-mcp .ctx-seg-mcp{border-left:4px solid var(--red)}.page-mcp .ctx-seg-mcp-badge{font-family:var(--font-heading);color:var(--red);text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--red);padding:1px 6px;font-size:.5rem;font-weight:700}.page-mcp .context-notes{flex-direction:column;gap:6px;margin-top:12px;display:flex}.page-mcp .context-note{color:var(--text-secondary);padding-left:16px;font-size:.78rem;line-height:1.5;position:relative}.page-mcp .context-note:before{content:"";background:var(--yellow);width:6px;height:6px;position:absolute;top:7px;left:0}.page-mcp .insight-callout{border:2px solid var(--red);border-left:6px solid var(--red);background:#e639460a;margin:0 20px;padding:16px 20px;animation:.5s ease-out insightAppear}.page-mcp .insight-callout-label{font-family:var(--font-heading);color:var(--red);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:.62rem;font-weight:700}.page-mcp .insight-callout-text{color:var(--text-secondary);font-size:.88rem;font-style:italic;line-height:1.55}@keyframes insightAppear{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.page-mcp .primitives-section{max-width:1440px;margin:0 auto;padding:40px 20px}.page-mcp .primitives-title{font-family:var(--font-heading);color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.85rem;font-weight:700}.page-mcp .primitives-subtitle{color:var(--text-secondary);margin-bottom:20px;font-size:.85rem}.page-mcp .primitives-grid{border:var(--border);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.page-mcp .primitive-col{background:var(--white);border-right:2px solid var(--black);cursor:pointer;padding:20px;transition:background .3s}.page-mcp .primitive-col:last-child{border-right:none}.page-mcp .primitive-col:hover{background:var(--bg)}.page-mcp .primitive-col-active{background:#0a0a0a08}.page-mcp .primitive-name{font-family:var(--font-heading);color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:.82rem;font-weight:700}.page-mcp .primitive-control{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.06em;border:2px solid;margin-bottom:8px;padding:2px 8px;font-size:.62rem;font-weight:700;display:inline-block}.page-mcp .primitive-desc{color:var(--text-secondary);margin-bottom:10px;font-size:.78rem;line-height:1.5}.page-mcp .primitive-methods{margin-bottom:8px}.page-mcp .primitive-method{font-family:var(--font-mono);color:var(--text-secondary);padding:2px 0;font-size:.68rem}.page-mcp .primitive-examples{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.page-mcp .primitive-example{font-family:var(--font-mono);color:var(--text-secondary);background:#0a0a0a0a;border:1px solid #0a0a0a1a;padding:3px 8px;font-size:.65rem}.page-mcp .nxm-section{max-width:1440px;margin:0 auto;padding:0 20px 40px}.page-mcp .nxm-header{margin-bottom:20px}.page-mcp .nxm-title{font-family:var(--font-heading);color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.85rem;font-weight:700}.page-mcp .nxm-subtitle{color:var(--text-secondary);font-size:.85rem}.page-mcp .nxm-split{border:var(--border);grid-template-columns:1fr 1fr;gap:0;display:grid}.page-mcp .arch-map .nxm-split{grid-template-columns:1fr}.page-mcp .arch-map .nxm-panel:first-child{border-right:none;border-bottom:2px solid var(--black)}.page-mcp .nxm-panel{background:var(--white);padding:20px}.page-mcp .nxm-panel:first-child{border-right:2px solid var(--black)}.page-mcp .nxm-panel-label{font-family:var(--font-heading);color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--black);margin-bottom:16px;padding-bottom:8px;font-size:.72rem;font-weight:700}.page-mcp .nxm-web{min-height:250px;position:relative}.page-mcp .nxm-web-col{flex-direction:column;gap:10px;display:flex;position:absolute;top:0}.page-mcp .nxm-web-col-left{left:0}.page-mcp .nxm-web-col-right{right:0}.page-mcp .nxm-node{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border:2px solid var(--black);background:var(--bg);padding:6px 12px;font-size:.65rem;font-weight:700;animation:.3s ease-out nxmNodeAppear}@keyframes nxmNodeAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.page-mcp .nxm-lines-svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.page-mcp .nxm-line{stroke:#e639464d;stroke-width:1.5px;fill:none;animation:.5s ease-out nxmLineAppear}@keyframes nxmLineAppear{0%{opacity:0}to{opacity:1}}.page-mcp .nxm-clean-line{stroke:var(--black);stroke-width:2px;fill:none;opacity:.25;animation:.5s ease-out nxmLineAppear}.page-mcp .nxm-hub-label{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page-mcp .nxm-clean{align-items:center;gap:0;min-height:250px;display:flex}.page-mcp .nxm-clean-col{flex-direction:column;flex:0 0 30%;gap:8px;display:flex}.page-mcp .nxm-clean-bridge{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;display:flex;position:relative}.page-mcp .nxm-bridge-label{font-family:var(--font-heading);color:var(--white);background:var(--black);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:6px 12px;font-size:.55rem;font-weight:700}.page-mcp .nxm-bridge-line{background:var(--black);width:100%;height:2px}.page-mcp .nxm-counter{border:var(--border);background:var(--black);color:var(--white);border-top:none;grid-template-columns:1fr 1fr;gap:0;display:grid}.page-mcp .nxm-counter-item{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:10px;padding:14px 20px;font-size:.75rem;font-weight:700;display:flex}.page-mcp .nxm-counter-item:first-child{border-right:2px solid #f0ede626}.page-mcp .nxm-counter-num{color:var(--red);font-size:1.4rem}.page-mcp .nxm-counter-num-good{color:var(--green)}.page-mcp .nxm-counter-formula{color:#f0ede680;font-size:.65rem}.page-mcp .nxm-add-btns{justify-content:center;gap:8px;margin-top:16px;display:flex}.page-mcp .nxm-add-btn{font-family:var(--font-heading);color:var(--text-primary);background:var(--white);border:2px solid var(--black);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;transition:all var(--transition-snap);padding:8px 16px;font-size:.68rem;font-weight:700}.page-mcp .nxm-add-btn:hover{background:var(--black);color:var(--white)}.page-mcp .nxm-add-btn:disabled{opacity:.3;cursor:not-allowed}.page-mcp .nxm-savings{text-align:center;font-family:var(--font-heading);color:var(--green);text-transform:uppercase;letter-spacing:.04em;padding:12px 20px;font-size:.78rem;font-weight:700}.page-mcp .build-section{max-width:1440px;margin:0 auto;padding:0 20px 40px}.page-mcp .build-toggle{width:100%;font-family:var(--font-heading);color:var(--text-primary);background:var(--white);border:var(--border);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;transition:background var(--transition-snap);justify-content:space-between;align-items:center;padding:14px 20px;font-size:.78rem;font-weight:700;display:flex}.page-mcp .build-toggle:hover{background:var(--bg)}.page-mcp .build-toggle svg{width:18px;height:18px;transition:transform var(--transition-snap)}.page-mcp .build-toggle-open svg{transform:rotate(180deg)}.page-mcp .build-body{border:var(--border);background:var(--white);border-top:none;padding:24px}.page-mcp .build-steps{border:2px solid var(--black);gap:0;margin-bottom:20px;display:flex}.page-mcp .build-step{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.03em;text-align:center;color:var(--text-tertiary);background:var(--bg);border-right:2px solid var(--black);cursor:pointer;transition:all var(--transition-snap);flex:1;padding:10px 14px;font-size:.65rem;font-weight:700}.page-mcp .build-step:last-child{border-right:none}.page-mcp .build-step-active{background:var(--black);color:var(--white)}.page-mcp .build-step-done{color:var(--text-secondary);background:#0a0a0a14}.page-mcp .build-field-label{font-family:var(--font-heading);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.68rem;font-weight:700}.page-mcp .build-field-input{width:100%;font-family:var(--font-mono);color:var(--text-primary);background:var(--bg);border:2px solid var(--black);outline:none;padding:8px 12px;font-size:.82rem}.page-mcp .build-field-input:focus{border-color:var(--red)}.page-mcp .build-field-input::placeholder{color:var(--text-tertiary)}.page-mcp .build-checkbox-group{gap:16px;margin-bottom:16px;display:flex}.page-mcp .build-checkbox{cursor:pointer;align-items:center;gap:8px;display:flex}.page-mcp .build-checkbox input{width:18px;height:18px;accent-color:var(--red);cursor:pointer}.page-mcp .build-checkbox-label{font-family:var(--font-heading);color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:700}.page-mcp .build-tool-row{border:2px solid #0a0a0a1f;margin-bottom:10px;padding:14px}.page-mcp .build-param-row{align-items:center;gap:8px;margin-top:6px;display:flex}.page-mcp .build-param-row .build-field-input{flex:1}.page-mcp .build-btn-remove{cursor:pointer;width:28px;height:28px;color:var(--text-tertiary);transition:all var(--transition-snap);background:0 0;border:2px solid #0a0a0a26;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:flex}.page-mcp .build-btn-remove:hover{background:var(--red);color:var(--white);border-color:var(--black)}.page-mcp .build-btn-add{font-family:var(--font-heading);color:var(--text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;transition:all var(--transition-snap);background:0 0;border:2px dashed #0a0a0a33;margin-top:6px;padding:6px 14px;font-size:.68rem;font-weight:700}.page-mcp .build-btn-add:hover{border-color:var(--black);background:var(--bg)}.page-mcp .build-nav-btns{gap:10px;margin-top:20px;display:flex}.page-mcp .build-nav-btn{font-family:var(--font-heading);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;transition:all var(--transition-snap);border:2px solid var(--black);padding:8px 20px;font-size:.72rem;font-weight:700}.page-mcp .build-nav-btn-primary{background:var(--red);color:var(--white)}.page-mcp .build-nav-btn-primary:hover{background:var(--black)}.page-mcp .build-nav-btn-secondary{background:var(--white);color:var(--text-primary)}.page-mcp .build-nav-btn-secondary:hover{background:var(--black);color:var(--white)}.page-mcp .build-code-block{background:var(--black);font-family:var(--font-mono);color:var(--text-on-dark);white-space:pre-wrap;word-break:break-all;border:var(--border);margin-top:12px;padding:20px;font-size:.75rem;line-height:1.65;overflow-x:auto}.page-mcp .build-code-tabs{border:var(--border);border-bottom:none;gap:0;margin-top:16px;display:flex}.page-mcp .build-code-tab{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:var(--bg);border:none;border-right:2px solid var(--black);color:var(--text-tertiary);transition:all var(--transition-snap);padding:8px 16px;font-size:.65rem;font-weight:700}.page-mcp .build-code-tab:last-child{border-right:none}.page-mcp .build-code-tab-active{background:var(--black);color:var(--white)}.page-mcp .build-exchange{flex-direction:column;gap:8px;margin-top:16px;display:flex}.page-mcp .transport-section{max-width:1440px;margin:0 auto;padding:0 20px 40px}.page-mcp .transport-title{font-family:var(--font-heading);color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.85rem;font-weight:700}.page-mcp .transport-subtitle{color:var(--text-secondary);margin-bottom:16px;font-size:.85rem}.page-mcp .transport-tabs{border:var(--border);border-bottom:none;gap:0;display:flex}.page-mcp .transport-tab{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:var(--white);border:none;border-right:2px solid var(--black);color:var(--text-tertiary);transition:all var(--transition-snap);flex:1;padding:10px 16px;font-size:.68rem;font-weight:700}.page-mcp .transport-tab:last-child{border-right:none}.page-mcp .transport-tab-active{background:var(--black);color:var(--white)}.page-mcp .transport-body{border:var(--border);background:var(--white);padding:20px}.page-mcp .transport-desc{color:var(--text-secondary);margin-bottom:16px;font-size:.85rem;line-height:1.5}.page-mcp .transport-html-diagram{border:var(--border);background:var(--black);padding:24px}.page-mcp .transport-boxes{align-items:stretch;gap:0;display:flex}.page-mcp .transport-box{border:3px solid #f0ede64d;flex-direction:column;flex:0 0 30%;justify-content:center;align-items:center;gap:6px;padding:16px;display:flex}.page-mcp .transport-box-title{font-family:var(--font-heading);color:var(--text-on-dark);text-transform:uppercase;letter-spacing:.06em;opacity:.5;font-size:.58rem;font-weight:700}.page-mcp .transport-box-label{font-family:var(--font-heading);color:var(--text-on-dark);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:700}.page-mcp .transport-flows{flex-direction:column;flex:1;justify-content:center;gap:16px;padding:12px 0;display:flex}.page-mcp .transport-flow-row{flex-direction:column;align-items:center;gap:4px;display:flex}.page-mcp .transport-flow-label{font-family:var(--font-heading);color:var(--text-on-dark);text-transform:uppercase;letter-spacing:.06em;opacity:.7;font-size:.62rem;font-weight:700}.page-mcp .transport-flow-arrow{align-items:center;width:100%;display:flex;position:relative}.page-mcp .transport-flow-line{flex:1;height:3px}.page-mcp .transport-flow-head{border-top:7px solid #0000;border-bottom:7px solid #0000;flex-shrink:0;width:0;height:0}.page-mcp .transport-flow-arrow-right .transport-flow-line{background:var(--blue)}.page-mcp .transport-flow-arrow-right .transport-flow-head{border-left:10px solid var(--blue)}.page-mcp .transport-flow-arrow-left{flex-direction:row-reverse}.page-mcp .transport-flow-arrow-left .transport-flow-line{background:var(--green)}.page-mcp .transport-flow-arrow-left .transport-flow-head{border-right:10px solid var(--green)}.page-mcp .transport-flow-protocol{font-family:var(--font-mono);color:var(--yellow);text-transform:uppercase;letter-spacing:.04em;font-size:.62rem}.page-mcp .transport-note{border-left:4px solid var(--yellow);color:var(--text-on-dark);opacity:.7;margin-top:16px;padding:10px 14px;font-size:.78rem;line-height:1.5}.page-mcp .timeline-section{max-width:1440px;margin:0 auto;padding:0 20px 40px}.page-mcp .timeline-title{font-family:var(--font-heading);color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:16px;font-size:.85rem;font-weight:700}.page-mcp .timeline-row{border:var(--border);gap:0;display:flex}.page-mcp .timeline-item{background:var(--white);border-right:2px solid var(--black);flex:1;padding:16px 20px;position:relative}.page-mcp .timeline-item:last-child{border-right:none}.page-mcp .timeline-item:before{content:"";background:var(--red);border:2px solid var(--black);width:14px;height:14px;position:absolute;top:16px;left:-8px}.page-mcp .timeline-item:first-child:before{display:none}.page-mcp .timeline-date{font-family:var(--font-heading);color:var(--red);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:.65rem;font-weight:700}.page-mcp .timeline-label{font-family:var(--font-heading);color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;font-size:.72rem;font-weight:700}.page-mcp .timeline-desc{color:var(--text-secondary);font-size:.78rem;line-height:1.5}.page-mcp .takeaway{max-width:1440px;margin:0 auto;padding:0 20px 60px}.page-mcp .takeaway-box{border:var(--border);background:var(--white);padding:24px}.page-mcp .takeaway-title{font-family:var(--font-heading);color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;font-size:.78rem;font-weight:700}.page-mcp .takeaway-list{flex-direction:column;gap:8px;list-style:none;display:flex}.page-mcp .takeaway-list li{color:var(--text-secondary);padding-left:16px;font-size:.85rem;line-height:1.55;position:relative}.page-mcp .takeaway-list li:before{content:"";background:var(--red);width:6px;height:6px;position:absolute;top:8px;left:0}.page-mcp .takeaway-list li strong{color:var(--text-primary);font-weight:600}.page-mcp .toolcalling-section{max-width:1440px;margin:0 auto;padding:40px 20px}.page-mcp .toolcalling-title{font-family:var(--font-heading);color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.85rem;font-weight:700}.page-mcp .toolcalling-subtitle{color:var(--text-secondary);margin-bottom:20px;font-size:.85rem}.page-mcp .toolcalling-grid{border:var(--border);grid-template-columns:1fr 1fr;gap:0;display:grid}.page-mcp .toolcalling-col{background:var(--white);border-right:2px solid var(--black);padding:24px}.page-mcp .toolcalling-col:last-child{border-right:none}.page-mcp .toolcalling-col-header{border-bottom:2px solid #0a0a0a1a;margin-bottom:16px;padding-bottom:12px}.page-mcp .toolcalling-col-title{font-family:var(--font-heading);color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.82rem;font-weight:700}.page-mcp .toolcalling-col-badge{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;border:2px solid;padding:3px 10px;font-size:.58rem;font-weight:700;display:inline-block}.page-mcp .toolcalling-steps{flex-direction:column;gap:10px;display:flex}.page-mcp .toolcalling-step{align-items:flex-start;gap:10px;display:flex}.page-mcp .toolcalling-step-num{width:22px;height:22px;font-family:var(--font-heading);color:var(--white);background:var(--black);flex-shrink:0;justify-content:center;align-items:center;font-size:.62rem;font-weight:700;display:flex}.page-mcp .toolcalling-step-text{color:var(--text-secondary);padding-top:1px;font-size:.82rem;line-height:1.5}.page-mcp .toolcalling-bridge{background:var(--black);border:var(--border);border-top:none;margin-top:0;padding:20px 24px}.page-mcp .toolcalling-bridge-label{font-family:var(--font-heading);color:var(--yellow);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:.62rem;font-weight:700}.page-mcp .toolcalling-bridge-text{color:var(--text-on-dark);font-size:.88rem;font-style:italic;line-height:1.55}.page-mcp .costs-section{max-width:1440px;margin:0 auto;padding:0 20px 40px}.page-mcp .costs-title{font-family:var(--font-heading);color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.85rem;font-weight:700}.page-mcp .costs-subtitle{color:var(--text-secondary);margin-bottom:20px;font-size:.85rem}.page-mcp .costs-grid{border:var(--border);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.page-mcp .costs-card{background:var(--white);border-right:2px solid var(--black);flex-direction:column;display:flex}.page-mcp .costs-card:last-child{border-right:none}.page-mcp .costs-card-accent{flex-shrink:0;width:100%;height:4px}.page-mcp .costs-card-body{flex:1;padding:20px}.page-mcp .costs-card-title{font-family:var(--font-heading);color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;font-size:.72rem;font-weight:700}.page-mcp .costs-card-stat{font-family:var(--font-heading);letter-spacing:-.02em;font-size:1.6rem;font-weight:700;line-height:1.1}.page-mcp .costs-card-stat-label{font-family:var(--font-heading);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;font-size:.62rem;font-weight:700}.page-mcp .costs-card-desc{color:var(--text-secondary);font-size:.82rem;line-height:1.55}.page-mcp .landscape-section{max-width:1440px;margin:0 auto;padding:0 20px 40px}.page-mcp .landscape-title{font-family:var(--font-heading);color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.85rem;font-weight:700}.page-mcp .landscape-subtitle{color:var(--text-secondary);margin-bottom:20px;font-size:.85rem}.page-mcp .landscape-grid{border:var(--border);grid-template-columns:repeat(4,1fr);gap:0;display:grid}.page-mcp .landscape-card{background:var(--white);border-right:2px solid var(--black);flex-direction:column;display:flex}.page-mcp .landscape-card:last-child{border-right:none}.page-mcp .landscape-card-accent{flex-shrink:0;width:100%;height:4px}.page-mcp .landscape-card-body{flex-direction:column;flex:1;padding:20px;display:flex}.page-mcp .landscape-card-name{font-family:var(--font-heading);color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:.82rem;font-weight:700}.page-mcp .landscape-card-origin{font-family:var(--font-heading);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;font-size:.58rem;font-weight:700}.page-mcp .landscape-card-tagline{font-family:var(--font-heading);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;border-bottom:2px solid #0a0a0a14;margin-bottom:8px;padding-bottom:8px;font-size:.65rem;font-weight:700}.page-mcp .landscape-card-desc{color:var(--text-secondary);flex:1;font-size:.82rem;line-height:1.55}.page-mcp .landscape-card-status{font-family:var(--font-heading);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;margin-top:12px;font-size:.58rem;font-weight:700;display:flex}.page-mcp .landscape-status-dot{flex-shrink:0;width:8px;height:8px}@media (max-width:1100px){.page-mcp .mcp-layout{flex-direction:column}.page-mcp .panel-left{flex:none;position:static}.page-mcp .panel-right{flex:none}.page-mcp .panel-right .panel-header,.page-mcp .inspector-tabs,.page-mcp .inspector-content{border-left:var(--border);border-left-width:3px}.page-mcp .primitives-grid{grid-template-columns:1fr}.page-mcp .primitive-col{border-right:none;border-bottom:2px solid var(--black)}.page-mcp .primitive-col:last-child{border-bottom:none}.page-mcp .nxm-split{grid-template-columns:1fr}.page-mcp .nxm-panel:first-child{border-right:none;border-bottom:2px solid var(--black)}.page-mcp .nxm-counter{grid-template-columns:1fr}.page-mcp .nxm-counter-item:first-child{border-bottom:2px solid #f0ede626;border-right:none}.page-mcp .toolcalling-grid{grid-template-columns:1fr}.page-mcp .toolcalling-col{border-right:none;border-bottom:2px solid var(--black)}.page-mcp .toolcalling-col:last-child{border-bottom:none}.page-mcp .costs-grid{grid-template-columns:1fr}.page-mcp .costs-card{border-right:none;border-bottom:2px solid var(--black)}.page-mcp .costs-card:last-child{border-bottom:none}.page-mcp .landscape-grid{grid-template-columns:1fr 1fr}.page-mcp .landscape-card:nth-child(2){border-right:none}.page-mcp .landscape-card:first-child,.page-mcp .landscape-card:nth-child(2){border-bottom:2px solid var(--black)}}@media (max-width:768px){.page-mcp .scenario-bar{flex-wrap:wrap}.page-mcp .scenario-btn{flex:none}.page-mcp .timeline-row{flex-direction:column}.page-mcp .timeline-item{border-right:none;border-bottom:2px solid var(--black)}.page-mcp .timeline-item:last-child{border-bottom:none}.page-mcp .timeline-item:before{display:none}.page-mcp .build-checkbox-group{flex-direction:column;gap:8px}.page-mcp .build-steps{flex-direction:column}.page-mcp .build-step{border-right:none;border-bottom:2px solid var(--black)}.page-mcp .build-step:last-child{border-bottom:none}.page-mcp .landscape-grid{grid-template-columns:1fr}.page-mcp .landscape-card{border-right:none;border-bottom:2px solid var(--black)}.page-mcp .landscape-card:last-child{border-bottom:none}.page-mcp .toolcalling-bridge{padding:16px 18px}}@media (max-width:600px){.page-mcp .top-bar-title{display:none}.page-mcp .page-header h1{font-size:1.4rem}}