.mcp-connection-map{--mcp-navy:#003389;--mcp-blue:#1764ed;--mcp-muted:#647084;color:#003389;display:grid;grid-template-columns:.8fr .4fr 1fr .6fr 1.1fr;align-items:center;gap:12px;padding:35px 30px;border:1px solid #dde5f1;border-radius:7px;background:#fff;text-align:center}.mcp-map-user>span{font-size:13px;color:var(--mcp-navy);font-weight:600}.mcp-map-roneo p,.mcp-map-user p{font-size:10px;color:var(--mcp-muted)}.mcp-input-files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;max-width:170px;margin:20px auto;padding:0;list-style:none}.mcp-input-files li{display:flex;flex-direction:column;align-items:center;gap:6px}.mcp-connection-map .mcp-generic-file,.mcp-connection-map .mcp-input-files img{display:block;width:38px;height:38px;flex:none;object-fit:contain}.mcp-input-files span{font-size:10px;color:var(--mcp-muted)}.mcp-generic-file{color:var(--mcp-navy)}.mcp-map-link{color:var(--mcp-blue)}.mcp-map-link>span{display:block;font-size:10px;white-space:nowrap}.mcp-map-link>b{display:block;font-size:34px;font-weight:300;line-height:1.4}.mcp-map-link>small{display:block;font-size:9px;color:var(--mcp-muted);white-space:nowrap}.mcp-map-ai{border:1px solid #d9e3f4;background:#f6f9ff;border-radius:6px;padding:23px 10px}.mcp-map-ai .mcp-claude-logo{position:relative;width:min(100%,208px);aspect-ratio:4/1;overflow:hidden;margin:10px auto 18px}.mcp-claude-logo img{position:absolute;width:154%;max-width:none;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);mix-blend-mode:multiply}.mcp-map-ai p{font-size:11px;color:var(--mcp-muted)}.mcp-map-roneo{padding:10px 0}.mcp-map-roneo .roneo-logo{width:142px;max-width:90%;margin:0 auto 18px}.mcp-map-roneo>div{display:flex;gap:8px;margin-bottom:17px}.mcp-map-roneo>div img{width:calc(50% - 4px);height:auto;border:1px solid #dce3ef;box-shadow:0 5px 10px #13356710}.mcp-connection-map--hero{grid-template-columns:1fr;gap:10px;padding:24px;box-shadow:0 16px 44px #00174330;border-radius:12px}.mcp-connection-map--hero .mcp-input-files{grid-template-columns:repeat(4,minmax(0,1fr));max-width:320px;margin:14px auto 10px}.mcp-connection-map--hero .mcp-map-user>p{display:none}.mcp-connection-map--hero .mcp-map-link{display:flex;align-items:center;justify-content:center;gap:14px}.mcp-connection-map--hero .mcp-map-link>b{transform:rotate(90deg);font-size:26px}.mcp-connection-map--hero .mcp-map-link>small{display:none}.mcp-connection-map--hero .mcp-map-ai{width:min(100%,320px);margin:auto;padding:12px 20px;box-sizing:border-box}.mcp-connection-map--hero .mcp-claude-logo{width:170px;margin:6px auto 10px}.mcp-connection-map--hero .mcp-map-ai p br{display:none}.mcp-connection-map--hero .mcp-map-roneo{padding:4px 0 0}.mcp-connection-map--hero .mcp-map-roneo .roneo-logo{width:140px;margin:0 auto 12px}.mcp-connection-map--hero .mcp-map-roneo>div{margin-bottom:10px}@media (max-width:520px){.mcp-connection-map--hero{padding:18px 14px}.mcp-connection-map--hero .mcp-input-files{gap:8px}}